.tool-bubble{bottom:max(calc(96px + var(--safe-bottom) + var(--chrome-bottom) + var(--sel-panel-h,0px)), calc(8px + var(--safe-bottom) + var(--chrome-bottom) + var(--sheet-h,0px)));z-index:55;opacity:.58;align-items:center;gap:8px;transition:opacity .2s,left .42s cubic-bezier(.22,.61,.36,1),--sel-panel-h .18s cubic-bezier(.22,.61,.36,1),--sheet-h .2s cubic-bezier(.22,.61,.36,1);display:flex;position:fixed}.tool-bubble:active,.tool-bubble:focus-within{opacity:1}.tool-bubble.collapsed{left:calc(50% - 25px);transform:none}.tool-bubble.open{left:max(24px,50vw - 210px);transform:none}.bubble-pop-fx{pointer-events:none;width:50px;height:50px;position:absolute;bottom:0;left:0}.bubble-pop-fx:before{content:"";border:3px solid #ff8cbebf;border-radius:999px;animation:.36s ease-out forwards pop-ring;position:absolute;inset:0}.bubble-pop-fx i{background:#ff8fbf;border-radius:999px;width:6px;height:6px;animation:.42s ease-out forwards pop-dot;position:absolute;top:22px;left:22px}.bubble-pop-fx i:first-child{--tx:20px;--ty:-18px}.bubble-pop-fx i:nth-child(2){--tx:-22px;--ty:-10px}.bubble-pop-fx i:nth-child(3){--tx:24px;--ty:12px}.bubble-pop-fx i:nth-child(4){--tx:-18px;--ty:18px}.bubble-pop-fx i:nth-child(5){--tx:4px;--ty:-26px}.bubble-pop-fx i:nth-child(6){--tx:-4px;--ty:24px}@keyframes pop-ring{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.9)}}@keyframes pop-dot{0%{opacity:.95;transform:translate(0)scale(1)}to{transform:translate(var(--tx), var(--ty)) scale(.3);opacity:0}}.bubble-fab{cursor:pointer;border:0;border-radius:999px;flex:none;place-items:center;width:50px;height:50px;transition:transform .15s;display:grid;position:relative}.bubble-fab:active{transform:scale(.92)}.bubble-fab.collapsed{background:linear-gradient(135deg,#ff8fbf,#ff5fa2);box-shadow:0 8px 18px #ff5fa26b}.bubble-fab.open{background:radial-gradient(circle at 38% 34%,#ffffffb8,#ffdef494 46%,#c8d2ff80 100%);box-shadow:0 6px 16px #9682c852,inset 0 0 7px #ffffff73}.bubble-fab.open:before{content:"";filter:blur(2px);background:#fff9;border-radius:999px;width:10px;height:7px;position:absolute;top:11px;left:13px;transform:rotate(-22deg)}.bubble-x{color:#785a96b3;font-size:17px;font-weight:700;position:relative}.bubble-grow circle{transform-box:fill-box;transform-origin:50%}.bubble-grow .g1{animation:1.8s ease-in-out infinite grow-bubble}.bubble-grow .g2{animation:1.8s ease-in-out .22s infinite grow-bubble}.bubble-grow .g3{animation:1.8s ease-in-out .44s infinite grow-bubble}@keyframes grow-bubble{0%,to{opacity:.5;transform:scale(.6)}50%{opacity:1;transform:scale(1.1)}}.tool-bubble-menu{scrollbar-width:none;align-items:center;gap:8px;max-width:calc(100vw - 88px);padding:3px;display:flex;overflow-x:auto}.tool-bubble-menu::-webkit-scrollbar{display:none}.tool-bubble-menu .icon-btn{width:46px;height:46px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);background:#fffffff0;border-radius:999px;flex:none;animation:.3s backwards bubble-pop-in}.tool-bubble-menu .icon-btn:nth-child(2){animation-delay:40ms}.tool-bubble-menu .icon-btn:nth-child(3){animation-delay:80ms}.tool-bubble-menu .icon-btn:nth-child(4){animation-delay:.12s}.tool-bubble-menu .icon-btn:nth-child(5){animation-delay:.16s}.tool-bubble-menu .icon-btn:nth-child(6){animation-delay:.2s}@keyframes bubble-pop-in{0%{opacity:0;transform:scale(1.5)}to{opacity:1;transform:none}}.tool-bubble-menu.closing .icon-btn{animation:.22s forwards bubble-burst}@keyframes bubble-burst{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.bare-restore{top:calc(10px + var(--safe-top));z-index:45;color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff8fbf,#ff5fa2);border:0;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:700;position:fixed;right:12px;box-shadow:0 8px 18px #ff5fa266}.sel-grab{background:var(--line);cursor:grab;touch-action:none;border-radius:999px;width:42px;height:5px;margin:0 auto 8px}@keyframes crop-slide-up{0%{transform:translateY(100%)}to{transform:none}}.crop-fullscreen{animation:.3s cubic-bezier(.22,.61,.36,1) crop-slide-up}@media (prefers-reduced-motion:reduce){.tool-bubble{transition:opacity .2s}.bubble-grow .g1,.bubble-grow .g2,.bubble-grow .g3,.tool-bubble-menu .icon-btn,.tool-bubble-menu.closing .icon-btn{animation:none}.bubble-pop-fx{display:none}}:root{--bg:#f6f2f5;--bg-grad-1:#fdeef5;--bg-grad-2:#f1ecfb;--surface:#fff;--surface-blur:#ffffffb8;--field:#f1eef3;--ink:#2c2230;--ink-soft:#8a8194;--accent:#ff5fa2;--accent-ink:#fff;--line:#eceaf0;--radius:20px;--radius-sm:14px;--shadow:0 10px 30px #966e8c29;--shadow-sm:0 4px 14px #966e8c1f;--read-font:"YES24 Gothic R", "Pretendard", -apple-system, system-ui, sans-serif;--read-bold:"YES24", "YES24 Gothic R", "Pretendard", -apple-system, system-ui, sans-serif;--cta-font:"Pretendard", -apple-system, system-ui, sans-serif;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px);--chrome-bottom:0px;--sel-panel-h:0px;--sheet-h:0px;--heading:"Baloo 2", "Mochiy Pop One", "Itim", "LXGW WenKai TC", "Noto Sans TC", sans-serif;color:var(--ink);-webkit-tap-highlight-color:transparent;word-break:keep-all;font-family:Pretendard,-apple-system,"M PLUS Rounded 1c",Mali,Noto Sans TC,system-ui,sans-serif}@font-face{font-family:YES24 Gothic R;src:url(/fonts/YES24GothicR.otf)format("opentype");font-weight:400 700;font-display:swap}@font-face{font-family:YES24;src:url(/fonts/YES24.otf)format("opentype");font-weight:700 900;font-display:swap}html[lang=ko]{--heading:"BB Chab Ddaenggyeo", "Baloo 2", sans-serif}html[lang=ja]{--heading:"Mochiy Pop One", "Baloo 2", sans-serif}html[lang=th]{--heading:"Itim", "Baloo 2", sans-serif}html[lang=zh-Hant]{--heading:"BB LuoLuo Head", "BB LuoLuo NotangYuan", "LXGW WenKai TC", "Baloo 2", sans-serif;font-family:BB KN Maiyuan,Pretendard,Noto Sans TC,system-ui,sans-serif}*{box-sizing:border-box}h1,h2,h3{font-family:var(--heading);word-break:keep-all}body.no-scroll{overscroll-behavior:none;touch-action:none;width:100%;position:fixed;inset:0;overflow:hidden}html,body,#root{min-height:100dvh;margin:0;padding:0}body{background:linear-gradient(170deg, var(--bg-grad-1), var(--bg-grad-2)) fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior:none}button{cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:none;font-family:inherit}input{font-family:inherit}.btn-primary{color:var(--accent-ink);background:linear-gradient(135deg,#ff5fa2,#ff86bf);border-radius:999px;padding:14px 26px;font-size:16px;font-weight:700;transition:transform 80ms,opacity .15s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:0 8px 20px #ff5fa257,inset 0 1px #ffffff6b}.btn-primary:after,.subpage-cta:after,.top-cta:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff8c,#0000);width:48%;animation:4.8s ease-in-out infinite ctaGlint;position:absolute;inset:-40% auto -40% -70%;transform:skew(-18deg)}.btn-primary:hover,.subpage-cta:hover,.top-cta:hover{box-shadow:0 10px 26px #ff5fa247,inset 0 1px #ffffff85}.btn-primary:active{transform:scale(.96)}.btn-primary:disabled{opacity:.7}@keyframes ctaGlint{0%,58%{left:-70%}72%,to{left:130%}}.export-btn{white-space:nowrap;text-align:center;flex:none;min-width:86px;padding:10px 16px;line-height:1.1}.btn-ghost{color:var(--ink);background:#ffffffe6;border:1px solid #d8cae0db;border-radius:999px;padding:10px 16px;font-weight:600;transition:transform 80ms;box-shadow:0 4px 12px #966e8c14}.btn-ghost:active{transform:scale(.96)}.icon-btn{background:var(--surface);width:38px;height:38px;box-shadow:var(--shadow-sm);color:var(--ink);border-radius:50%;justify-content:center;align-items:center;font-size:19px;transition:transform 80ms,opacity .15s;display:inline-flex}.icon-btn:active{transform:scale(.92)}.icon-btn:disabled{opacity:.35;box-shadow:none}.icon-btn-sm{background:var(--field);width:26px;height:26px;color:var(--ink-soft);border-radius:50%;justify-content:center;align-items:center;font-size:13px;display:inline-flex}.mini-trash{background:var(--accent);color:#fff;width:24px;height:24px;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:-7px;right:-7px}.mini-trash svg{width:14px;height:14px}.segmented{background:#f2ebf6d6;border:1px solid #ffffffc2;border-radius:18px;gap:4px;padding:4px;display:flex;box-shadow:0 6px 18px #966e8c14}.segmented-item{color:var(--ink-soft);border-radius:14px;flex:1;padding:10px 6px;font-size:13px;font-weight:800;transition:background .15s,color .15s,box-shadow .15s}.segmented-active{color:var(--ink);background:#fff;box-shadow:0 7px 16px #966e8c24}.field{color:var(--ink);background:#fff;border:1px solid #d2c6dab8;border-radius:12px;outline:none;padding:10px 14px;font-size:15px;box-shadow:0 3px 10px #966e8c0d,inset 0 1px 2px #64466e0a}.field::placeholder{color:var(--ink-soft)}.field:focus,select:focus,textarea:focus{box-shadow:0 0 0 4px #ff5fa21c,inset 0 1px 2px #64466e0f;border-color:#ff5fa28c!important}.field:focus::placeholder{color:#0000}@property --sel-panel-h{syntax:"<length>";inherits:true;initial-value:0}@property --sheet-h{syntax:"<length>";inherits:true;initial-value:0}.editor-main{flex:1;justify-content:center;align-items:flex-start;padding:4px 14px 10px;display:flex}.editor-main.compact{touch-action:none}.app-shell{max-width:520px;min-height:100dvh;padding-top:var(--safe-top);flex-direction:column;margin:0 auto;display:flex}.landing-shell{width:100%}.template-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.landing-top{justify-content:space-between;align-items:center;gap:10px;padding:2px 8px 0;display:flex}.side-rail{display:none}@media (width>=1520px){.side-rail{top:calc(22px + var(--safe-top));z-index:12;pointer-events:auto;flex-direction:column;gap:12px;width:220px;display:flex;position:fixed;right:calc(50vw - 734px)}.rail-card{-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);background:#ffffffb8;border:1px solid #ffffffc7;border-radius:22px;padding:14px;box-shadow:0 12px 30px #966e8c24}.rail-logo{color:var(--accent);font-family:"Baloo 2",sans-serif;font-size:22px;font-weight:700;line-height:1;display:block}.rail-logo span{color:#9b7aff}.rail-brand p{color:var(--ink-soft);margin:9px 0 12px;font-size:12px;line-height:1.45}.rail-cta{color:#fff;background:linear-gradient(135deg,#ff5fa2,#ff86bf);border-radius:999px;width:100%;padding:10px 12px;font-weight:900;position:relative;overflow:hidden;box-shadow:0 8px 18px #ff5fa240}.rail-links{grid-template-columns:1fr 1fr;gap:8px;display:grid}.rail-links a,.rail-links button{min-height:36px;color:var(--ink);background:#fff5fae6;border:1px solid #e0d5e7b8;border-radius:999px;justify-content:center;align-items:center;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.rail-links .rail-community{color:#fff;background:linear-gradient(135deg,#8f72ff,#42cab2);border-color:#ffffffb8;animation:3.8s ease-in-out infinite railCommunityPulse;box-shadow:0 0 0 1px #8f72ff2e,0 10px 24px #7460dc3d}@keyframes railCommunityPulse{0%,to{filter:brightness();box-shadow:0 0 0 1px #8f72ff2e,0 10px 24px #7460dc38}50%{filter:brightness(1.06);box-shadow:0 0 0 1px #ffffff59,0 12px 30px #42cab252}}.rail-ad{padding:8px}}.brand-wordmark{letter-spacing:0;color:#ff5fa2;font-family:"Baloo 2",sans-serif;font-size:24px;font-weight:700}.brand-wordmark span{color:#9b7aff}.template-card{text-align:left;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);flex-direction:column;padding:0;display:flex;overflow:hidden}.tool-preview{aspect-ratio:1.48;background:linear-gradient(135deg,#ffd9ea,#dfe7ff);border:1px solid #ffffffb8;border-radius:28px;width:min(78vw,300px);margin:0 auto 22px;position:relative;overflow:hidden;box-shadow:0 18px 40px #966e8c2e,inset 0 1px #ffffffad}.intro-hero{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;gap:18px;margin:22px 0 10px;display:grid}.board-preview .preview-photo{background:#ffffff94;border:2px solid #ffffffe6;border-radius:16px;position:absolute;box-shadow:0 10px 20px #785a821f}.board-preview .p1{width:28%;height:58%;top:17%;left:14%}.board-preview .p2{width:31%;height:48%;top:24%;right:13%}.preview-label{color:#fff;background:#ff69ad;border-radius:999px;padding:8px 24px;font:800 16px/1 Quicksand,sans-serif;position:absolute;top:52%;left:44%;box-shadow:0 10px 20px #ff5fa242}.preview-tape{background:repeating-linear-gradient(45deg,#ffffff7a 0 8px,#0000 8px 16px),#c7f0df;border-radius:999px;width:82%;height:14px;position:absolute;top:76%;left:9%;transform:rotate(-5deg)}.preview-sticker{width:38px;height:38px;color:var(--accent);box-shadow:var(--shadow-sm);background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;font:800 20px/1 "Baloo 2",sans-serif;display:inline-flex;position:absolute;top:10%;right:14%}.preview-sticker span{color:#9b7aff}.maker-preview{justify-content:center;align-items:center;display:flex}.maker-card{aspect-ratio:55/85;background:#ffffffb8;border:1px solid #ffffffdb;border-radius:18px;width:33%;position:absolute;box-shadow:0 14px 26px #785a8229}.maker-card-back{transform:translate(-34%)rotate(-8deg)}.maker-card-front{place-items:center;display:grid;transform:translate(34%)rotate(7deg)}.maker-card .mini-brand{color:var(--accent);font:800 12px/1 "Baloo 2",sans-serif;position:absolute;top:18%;left:16%}.maker-card .mini-brand span,.mini-b span{color:#9b7aff}.maker-card i,.maker-card b,.maker-card em{background:#9b7aff2e;border-radius:999px;display:block;position:absolute}.maker-card i{height:8px;top:44%;left:16%;right:16%}.maker-card b{height:8px;top:58%;left:16%;right:28%}.maker-card em{aspect-ratio:1;background:linear-gradient(135deg,#ff5fa22e,#9b7aff2e);border-radius:22px;width:62%}.maker-card strong{color:#ff5fa2b8;font:800 44px/1 "Baloo 2",sans-serif;position:relative}.maker-card-front:after{content:"";aspect-ratio:1;background:#ffffffad;border-radius:50%;width:54%;position:absolute;box-shadow:inset 0 1px #fffc}.maker-card-front .mini-b{z-index:1}@media (width>=900px){.landing-shell{max-width:980px}.template-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.topbar{z-index:20;background:0 0;align-items:center;gap:8px;padding:12px 14px 8px;display:flex;position:sticky;top:0}.pill-group{background:var(--surface-blur);-webkit-backdrop-filter:saturate(180%)blur(20px);box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:2px;padding:4px;display:flex}.pill-group .icon-btn{box-shadow:none;background:0 0;width:34px;height:34px}.tabbar{padding:6px 14px calc(10px + var(--safe-bottom) + var(--chrome-bottom));background:0 0;justify-content:center;display:flex}.dock{-webkit-backdrop-filter:saturate(180%)blur(22px);background:#ffffffd6;border:1px solid #fff9;border-radius:26px;gap:4px;width:100%;max-width:440px;padding:8px 10px;display:flex;box-shadow:0 12px 34px #966e8c2e}.tab{color:var(--ink-soft);border-radius:18px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:8px 4px;transition:background .15s,color .15s,transform 80ms,box-shadow .15s;display:flex}.tab-icon{justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.tab-icon svg,.icon-btn svg,.icon-btn-sm svg{width:20px;height:20px}.tab:active{transform:scale(.94)}.tab-active{color:var(--accent);background:#fff;box-shadow:0 6px 14px #966e8c21}.tab-tape-live{color:#fff;background:linear-gradient(135deg,#ff5fa2,#8f7aff 58%,#45c9c0);animation:1.15s ease-in-out infinite tapeLivePulse;box-shadow:0 10px 24px #ff5fa247,inset 0 0 0 1px #ffffffbf}.tab-tape-live .tab-icon{filter:drop-shadow(0 0 5px #ffffffb8)}@keyframes tapeLivePulse{0%,to{transform:translateY(0)scale(1)}45%{transform:translateY(-2px)scale(1.035)}}.canvas-elastic-wrap{transform-origin:top;will-change:transform;display:inline-flex}.canvas-view-only{pointer-events:none}.canvas-elastic-pop{animation:.42s cubic-bezier(.2,1.45,.35,1) canvasElasticFit}@keyframes canvasElasticFit{0%{filter:saturate();transform:scale(1)}32%{filter:saturate(1.08);transform:scaleX(.965)scaleY(1.025)}62%{transform:scaleX(1.018)scaleY(.986)}to{filter:saturate();transform:scale(1)}}@media (prefers-reduced-motion:reduce){.tab-tape-live,.canvas-elastic-pop{animation:none}}.sel-panel{left:14px;right:14px;bottom:calc(92px + var(--safe-bottom) + var(--chrome-bottom));z-index:45;border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(16px)saturate(1.4);max-width:492px;max-height:62dvh;box-shadow:var(--shadow);pointer-events:none;background:#ffffffa6;border:1px solid #ffffff80;flex-direction:column;gap:8px;margin:0 auto;padding:12px 14px;animation:.16s panelIn;display:flex;position:fixed;overflow-y:auto}.sel-panel button,.sel-panel input,.sel-panel select,.sel-panel textarea,.sel-panel label{pointer-events:auto}@keyframes panelIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.sheet-stack{flex-direction:column;gap:12px;display:flex}.sheet-card{background:#ffffffd6;border:1px solid #e0d5e7b8;border-radius:16px;padding:13px;box-shadow:0 6px 16px #966e8c12}.sheet-label{color:var(--ink);font-size:13px;display:block}.sheet-help{color:var(--ink-soft);margin:5px 0 0;font-size:12px;line-height:1.45}.mini-segmented{background:#f3ecf7f5;border:1px solid #e1d5e9db;border-radius:16px;gap:4px;padding:4px;display:flex}.mini-segmented button{color:var(--ink-soft);border-radius:12px;flex:1;padding:9px 10px;font-size:13px;font-weight:800}.mini-segmented button.active{color:var(--ink);box-shadow:var(--shadow-sm);background:#fff}.swatch-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.swatch{border:2px solid #ffffffe6;border-radius:50%;width:28px;height:28px;box-shadow:inset 0 1px 1px #ffffff9e,0 4px 10px #785a821a}.swatch-active{outline:2px solid var(--accent);outline-offset:2px}.tape-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.tape-preset{box-shadow:var(--shadow-sm);background:#ffffffe6;border:1px solid #e0d5e7bd;border-radius:16px;align-items:center;gap:10px;padding:10px;display:flex}.tape-preset span{background-color:var(--tape-color);border-radius:999px;width:52px;height:18px;transform:rotate(-6deg)}.tape-preset[data-pattern=stripe] span{background-image:repeating-linear-gradient(45deg,#ffffff94 0 6px,#0000 6px 12px)}.tape-preset[data-pattern=dot] span{background-image:radial-gradient(circle,#ffffffb8 0 2px,#0000 2.5px);background-size:10px 10px}.tape-preset[data-pattern=grid] span{background-image:linear-gradient(#ffffff94 1px,#0000 1px),linear-gradient(90deg,#ffffff94 1px,#0000 1px);background-size:10px 10px}.tape-preset[data-pattern=custom] span{background-color:var(--tape-color);background-repeat:repeat-x;background-size:auto 100%;box-shadow:inset 0 0 0 999px #ffffff29}.tape-upload-card{background:linear-gradient(135deg,#fffffff5,#fff1f9eb);border-color:#ff5fa25c}.tape-upload-card:not(.tape-custom-ready) span:after{content:"+";color:var(--accent);text-align:center;font-size:17px;font-weight:900;line-height:18px;display:block}.tape-preset[data-pattern=heart] span:after,.tape-preset[data-pattern=star] span:after{content:attr(data-mark);color:#ffffffe0;letter-spacing:4px;text-align:center;font-size:12px;line-height:18px;display:block}.tape-preset strong{font-size:13px}.sheet-title-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.tape-sheet-card{padding-top:16px;position:relative}.tape-icon-row{justify-content:flex-end;margin-top:-4px;margin-bottom:-2px}.sheet-icon-chip{width:34px;height:34px;color:var(--accent);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#fffffff2,#ffeef8e6);border:1px solid #ffffffdb;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.sheet-icon-chip svg{width:19px;height:19px}.draw-tape-btn{width:100%;color:var(--accent);background:linear-gradient(#fffffff2,#fff5faeb);border:1px solid #ffb9d79e;border-radius:18px;justify-content:center;align-items:center;gap:8px;margin-top:14px;padding:12px 14px;font-weight:900;display:inline-flex;box-shadow:0 8px 18px #966e8c1a,inset 0 1px #ffffffd1}.draw-tape-btn svg{width:20px;height:20px}.draw-tape-active{color:#fff;background:linear-gradient(135deg,#ff5fa2,#9b7aff);box-shadow:0 10px 22px #ff5fa247}.toast{bottom:calc(120px + var(--safe-bottom) + var(--chrome-bottom));color:#fff;z-index:70;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2c2230eb;border-radius:999px;padding:10px 18px;font-size:13px;position:fixed;left:50%;transform:translate(-50%)}.subpage-header{z-index:5;-webkit-backdrop-filter:blur(16px)saturate(1.35);background:#fffafdd1;border:1px solid #ffffffb8;border-top:0;border-radius:0 0 22px 22px;align-items:center;gap:12px;margin:0 0 12px;padding:10px 18px;display:flex;position:sticky;top:0;box-shadow:0 10px 24px #966e8c1f}.subpage-logo{color:var(--accent);font-family:"Baloo 2",system-ui,sans-serif;font-size:19px;font-weight:800;line-height:1}.subpage-logo span{color:#9b7aff}.subpage-cta{color:var(--ink);font-size:13px;font-weight:800;font-family:var(--cta-font);white-space:nowrap;background:linear-gradient(#fffffff2,#fff4fae6);border:1px solid #ffffffe6;border-radius:999px;margin-left:auto;padding:9px 17px;position:relative;overflow:hidden;box-shadow:0 8px 18px #966e8c24,inset 0 1px #ffffffe6}.top-cta,.article-cta .btn-primary{font-family:var(--cta-font);letter-spacing:0;font-weight:800}.site-meta{color:var(--ink-soft);opacity:.72;justify-content:center;align-items:center;gap:6px;margin-top:12px;font-size:11px;display:inline-flex}.site-meta button{color:inherit;font:inherit;padding:0;transition:color .15s}.site-meta button:hover{color:var(--accent)}.landing-foot-nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.landing-foot-nav a,.landing-foot-nav button{color:var(--ink-soft);padding:0;font-size:12.5px;font-weight:600;line-height:1.6;text-decoration:none;transition:color .15s}.landing-foot-nav a:hover,.landing-foot-nav button:hover{color:var(--accent)}.landing-foot-nav .foot-community{color:var(--accent);font-weight:700}.community-pill{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#ff9ecb,#ff6fab);border-radius:999px;align-items:center;gap:4px;padding:6px 11px;font-size:11.5px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 6px 14px #ff5fa24d}.community-pill:hover{box-shadow:0 8px 18px #ff5fa26b}.community-pill:active{transform:scale(.95)}.guide-shell{max-width:760px;margin:0 auto;padding:0 18px 64px}.article-hero{border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(135deg,#ffffffdb,#ffffff94);border:1px solid #ffffffd1;margin:0 0 16px;padding:22px 20px;position:relative;overflow:hidden}.article-hero:after{content:"";opacity:.13;filter:saturate(1.15);pointer-events:none;background:url(/icon-512.png) 50%/cover no-repeat;border-radius:50%;width:164px;height:164px;position:absolute;bottom:-48px;right:-42px}.article-hero>span{z-index:1;color:var(--accent);background:#ff5fa21c;border-radius:999px;margin-bottom:8px;padding:4px 11px;font-size:12px;font-weight:800;display:inline-flex;position:relative}.article-hero h1{z-index:1;font-family:"BB Chab Ddaenggyeo", var(--heading);letter-spacing:0;margin:0 0 8px;font-size:36px;font-weight:800;line-height:1.04;position:relative}.article-hero-compact h1{font-size:34px}.article-hero p{z-index:1;color:var(--ink-soft);margin:0;font-size:14px;line-height:1.55;position:relative}.article-hero-compact{margin-bottom:14px}.article-card-grid{grid-template-columns:1fr;gap:12px;display:grid}.article-card-link{text-align:left;border-radius:var(--radius-sm);width:100%;box-shadow:var(--shadow-sm);background:#ffffffdb;border:1px solid #ffffffd6;padding:15px 16px;transition:transform 80ms,box-shadow .14s,border-color .14s;display:block}.article-card-link:active{transform:scale(.985)}.article-card-link strong{font-family:var(--read-bold);margin-bottom:5px;font-size:16px;line-height:1.35;display:block}.article-card-link span{color:var(--ink-soft);font-size:13px;line-height:1.5;display:block}.article-card-link em{flex-wrap:wrap;gap:6px;margin-top:11px;font-style:normal;display:flex}.article-card-link b,.article-tags span{color:var(--accent);background:#ff5fa21a;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.article-panel{padding:0 0 4px}.article-back-link{color:var(--ink-soft);box-shadow:var(--shadow-sm);background:#ffffffd1;border:1px solid #e0d5e7b8;border-radius:999px;align-items:center;gap:6px;margin:0 0 12px;padding:8px 13px;font-size:13px;font-weight:800;display:inline-flex}.article-panel .article-body{border-radius:var(--radius);max-width:760px;box-shadow:var(--shadow-sm);background:#ffffffdb;border:1px solid #ffffffd6;margin:0 auto;padding:18px 16px}.legal-page{z-index:90;background:radial-gradient(circle at 14% 6%, #ff5fa221, transparent 26%), radial-gradient(circle at 84% 18%, #9b7aff1f, transparent 26%), linear-gradient(170deg, var(--bg-grad-1), var(--bg-grad-2));position:fixed;inset:0;overflow-y:auto}.legal-shell{max-width:860px;margin:0 auto;padding:0 18px 64px}.legal-card{box-shadow:var(--shadow);background:#ffffffdb;border:1px solid #ffffffd1;border-radius:26px;padding:24px;position:relative;overflow:hidden}.legal-card:after{content:"";opacity:.08;pointer-events:none;background:url(/icon-512.png) 50%/cover no-repeat;border-radius:50%;width:116px;height:116px;position:absolute;bottom:-18px;right:20px}.legal-card h1{margin:0 0 18px;font-size:32px}.legal-body,.article-body{font-family:var(--read-font)}.legal-body strong,.article-body strong,.article-body h2,.article-body h3{font-family:var(--read-bold)}.legal-body{z-index:1;white-space:pre-wrap;color:var(--ink);font-size:15px;line-height:1.82;position:relative}.release-list{gap:14px;padding:0 0 8px;display:grid}.release-card{border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#ffffffdb;border:1px solid #ffffffd6;padding:18px 18px 20px}.release-kicker{color:var(--accent);justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:800;display:flex}.release-kicker span{background:#ff5fa21f;border-radius:999px;padding:5px 11px}.release-kicker time{color:var(--ink-soft);font-weight:700}.release-card h2{font-family:var(--read-bold);margin:14px 0 10px;font-size:20px;line-height:1.35}.release-card ul{color:var(--ink);margin:0;padding-left:19px;line-height:1.68}.release-card li{margin:0 0 6px}.article-tags{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.article-cta{border-radius:var(--radius);box-shadow:var(--shadow-sm);text-align:center;background:#ffffffa8;border:1px solid #ffffffd1;margin-top:24px;padding:20px 16px}.article-body{color:var(--ink);font-size:15px;line-height:1.7}.article-body p{margin:0 0 14px}.article-body h2{margin:26px 0 10px;font-size:19px;font-weight:700}.article-body h3{margin:20px 0 6px;font-size:16px;font-weight:700}.article-body a{color:var(--accent);font-weight:600;text-decoration:none}.article-body strong{font-weight:700}.article-body ul,.article-body ol{margin:0 0 14px;padding-left:20px}.article-body li{margin:0 0 4px}.article-body blockquote{border-left:3px solid var(--accent);background:var(--field);color:var(--ink-soft);border-radius:8px;margin:14px 0;padding:10px 14px}.article-body figure{margin:16px 0}.article-body img{border-radius:var(--radius-sm);width:100%;box-shadow:var(--shadow-sm);display:block}.article-body figcaption{color:var(--ink-soft);text-align:center;margin-top:6px;font-size:12px}.article-related{margin-top:30px}.article-related h2{margin:0 0 12px;font-size:18px}.article-body table{border-collapse:collapse;width:100%;margin:14px 0;font-size:14px}.article-body th,.article-body td{border:1px solid var(--line);text-align:left;padding:8px 10px}.article-body th{background:var(--field);font-weight:700}@media (width>=720px){.guide-shell{max-width:900px;padding-left:24px;padding-right:24px}.article-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-panel .article-body{padding:24px 26px}}@media (width<=420px){.guide-shell{padding:0 14px 56px}.subpage-header{padding:10px 14px}.subpage-cta{padding:8px 12px;font-size:12px}.article-hero{padding:22px 18px}.article-hero:after{opacity:.12;width:172px;height:172px;bottom:-54px;right:-48px}.article-hero h1{font-size:35px}.article-hero-compact h1{font-size:32px}}.contact-page{z-index:90;background:radial-gradient(circle at 14% 14%,#ff5fa224,#0000 28%),radial-gradient(circle at 86% 82%,#9b7aff29,#0000 32%),linear-gradient(170deg,#fdeaf4,#f0e9fb);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.contact-watermark{opacity:.055;pointer-events:none;background:url(/icon-512.png) 50%/cover no-repeat;border-radius:50%;width:260px;height:260px;position:absolute;bottom:72px;right:-52px}.contact-shell{z-index:1;flex-direction:column;width:100%;max-width:640px;min-height:100%;margin:0 auto;padding:0 18px;display:flex;position:relative}.contact-room{flex:1;padding:8px 0 12px;overflow-y:auto}.contact-room-inner{background:linear-gradient(90deg,#ffffff38 1px,#0000 1px) 0 0/28px 28px,linear-gradient(#ffffff38 1px,#0000 1px) 0 0/28px 28px,linear-gradient(#ffffff75,#ffffff2e);border:1px solid #ffffff7a;border-radius:28px;flex-direction:column;gap:12px;min-height:100%;padding:18px 16px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff6b,0 12px 34px #966e8c1f}.contact-chips{flex-wrap:wrap;gap:8px;margin-left:44px;display:flex}.contact-chip{background:linear-gradient(#fff,#fff4fa);border:1px solid #ffffffdb;border-radius:999px;padding:9px 15px;font-size:13px;font-weight:800;box-shadow:0 7px 16px #966e8c1f,inset 0 1px #fffffffa}.contact-chip:active{transform:scale(.96)}.contact-user-bubble{color:#fff;background:linear-gradient(135deg,#ff5fa2,#ff83bb);border-radius:18px 6px 18px 18px;align-self:flex-end;padding:11px 17px;font-size:14px;font-weight:800;box-shadow:0 8px 18px #ff5fa23d}.contact-room-note{max-width:360px;color:var(--ink-soft);box-shadow:var(--shadow-sm);background:#ffffff80;border:1px solid #ffffffb8;border-radius:20px;flex-direction:column;gap:3px;margin:18px 0 0 44px;padding:14px 16px;display:flex}.contact-room-note strong{color:var(--ink);font-size:13px}.contact-room-note span{font-size:12px}.contact-direct{padding:8px 0 calc(14px + var(--safe-bottom));text-align:center;color:var(--ink-soft);margin:0;font-size:12px}@media (width<=420px){.contact-shell{padding:0 16px}.contact-chips,.contact-room-note{margin-left:44px}.contact-room-inner{border-radius:24px;padding:16px 12px}.contact-watermark{width:230px;height:230px;bottom:92px;right:-58px}}input[type=range]{accent-color:var(--accent)}input[type=number]{background:var(--field)}@font-face{font-family:BB Black Han Sans;src:url(/fonts/BlackHanSans-Regular.ttf)format("truetype");font-weight:400 900;font-display:swap}@font-face{font-family:BB Cafe24 Classic;src:url(/fonts/Cafe24Classictype.otf)format("opentype");font-weight:400 800;font-display:swap}@font-face{font-family:BB Chab Ddaenggyeo;src:url(/fonts/chabddeng.otf)format("opentype");font-weight:400 800;font-display:swap}@font-face{font-family:BB Ddak Buteo;src:url(/fonts/ddagboot.otf)format("opentype");font-weight:400 800;font-display:swap}@font-face{font-family:BB Changwon Dangam;src:url(/fonts/ChangwonDangamAsac-Bold.otf)format("opentype");font-weight:400 800;font-display:swap}@font-face{font-family:BB Gmarket Sans;src:url(/fonts/GmarketSansMedium.otf)format("opentype");font-weight:400 600;font-display:swap}@font-face{font-family:BB Gmarket Sans;src:url(/fonts/GmarketSansBold.otf)format("opentype");font-weight:700 900;font-display:swap}@font-face{font-family:BB Hakgyo Bunpil;src:url(/fonts/HakgyoansimBunpilR.otf)format("opentype");font-weight:400 800;font-display:swap}@font-face{font-family:BB Hakgyo Jiugae;src:url(/fonts/HakgyoansimJiugaeOTFR.otf)format("opentype");font-weight:400 800;font-display:swap}@font-face{font-family:BB Hakgyo Namu;src:url(/fonts/HakgyoansimNamuOTFL.otf)format("opentype");font-weight:400 800;font-display:swap}@font-face{font-family:BB Jalnan;src:url(/fonts/Jalnan2.otf)format("opentype");font-weight:400 800;font-display:swap}@font-face{font-family:BB Jalnan Gothic;src:url(/fonts/JalnanGothic.otf)format("opentype");font-weight:400 800;font-display:swap}@font-face{font-family:BB KCC Ganpan;src:url(/fonts/KCC-Ganpan.otf)format("opentype");font-weight:400 800;font-display:swap}@font-face{font-family:BB Ria Sans;src:url(/fonts/RiaSans-Regular.otf)format("opentype");font-weight:400 500;font-display:swap}@font-face{font-family:BB Ria Sans;src:url(/fonts/RiaSans-Bold.otf)format("opentype");font-weight:600 900;font-display:swap}@font-face{font-family:BB LuoLuo Head;src:url(/fonts/LuoLuoNotangYuanTi.subset.woff2)format("woff2");font-weight:400 800;font-display:swap}@font-face{font-family:BB LuoLuo NotangYuan;src:url(/fonts/LuoLuoNotangYuanTi.ttf)format("truetype");font-weight:400 800;font-display:swap}@font-face{font-family:BB Lemi YuanQi;src:url(/fonts/LemiYuanQi.ttf)format("truetype");font-weight:400 800;font-display:swap}@font-face{font-family:BB KN Maiyuan;src:url(/fonts/KNMaiyuan.ttf)format("truetype");font-weight:400 700;font-display:swap}