:root{--bg:#0a0b10;--sf:#12141c;--sf2:#181b27;--sf3:#1f2332;--ink:#eceff6;--mu:#8a93a4;--ln:#262c3c;--ln2:#323a4f;--ac:#ff3d8b;--ac2:#27d8f5;--good:#3fe0b0;--warn:#ffb547;--bad:#ff5c6a;--fd:"Hahmlet", "Noto Serif KR", serif;--fb:"Noto Sans KR", system-ui, sans-serif;--fm:"IBM Plex Mono", ui-monospace, monospace;--r:12px;--tap:44px;--ease-out:cubic-bezier(.2,.8,.2,1);--ease-spring:cubic-bezier(.2,.9,.25,1.15);--motion-fast:.16s;--motion-base:.22s;--motion-slow:.52s;--ac-soft:#ff3d8b1f;--cy-soft:#27d8f51a;--safe-b:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font:15px/1.55 var(--fb);-webkit-text-size-adjust:100%;margin:0}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(56% 46% at 8% -6%,#ff3d8b29,#0000 60%),radial-gradient(46% 42% at 104% 8%,#27d8f51c,#0000 60%),radial-gradient(70% 55% at 50% 118%,#5e40ff24,#0000 65%),linear-gradient(#ffffff05 1px,#0000 1px) 0 0/42px 42px,linear-gradient(90deg,#ffffff04 1px,#0000 1px) 0 0/42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#00000073 62%,#0000 100%);mask-image:linear-gradient(#000 0%,#00000073 62%,#0000 100%)}body:after{content:"";z-index:40;pointer-events:none;background:linear-gradient(90deg, var(--ac), var(--ac2));opacity:.85;height:2px;position:fixed;top:0;left:0;right:0}a{color:var(--ac2)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--ac2);outline-offset:2px}.ic{flex:none}h1,h2,h3{font-family:var(--fd);text-wrap:balance;margin:0}.shell{flex-direction:column;min-height:100dvh;display:flex}.topbar{z-index:30;-webkit-backdrop-filter:blur(14px)saturate(1.15);backdrop-filter:blur(14px)saturate(1.15);background:linear-gradient(#0e1018eb,#12141cb8);border-bottom:1px solid #323a4fcc;position:sticky;top:0;box-shadow:0 14px 40px -28px #000000e6}.topbar-row{grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;gap:14px;min-width:0;max-width:1240px;margin:0 auto;padding:10px 16px;display:grid}.brand{white-space:nowrap;min-width:max-content;color:var(--ink);flex:none;align-items:center;gap:9px;text-decoration:none;display:flex}.brand-logo{width:30px;height:30px;font:800 14px var(--fd);color:#0a0b10;background:linear-gradient(135deg, var(--ac), var(--ac2));transition:transform var(--motion-base) var(--ease-spring), box-shadow var(--motion-base) ease;border-radius:9px;place-items:center;display:grid;box-shadow:0 0 20px -4px #ff3d8bc7}.brand:hover .brand-logo{transform:rotate(-5deg)scale(1.06);box-shadow:0 0 26px -4px #27d8f5c7}.brand b{font:800 16px var(--fd);letter-spacing:.01em}.tier1{scrollbar-width:none;white-space:nowrap;flex:auto;gap:2px;min-width:0;display:flex;overflow-x:auto}.tier1::-webkit-scrollbar{display:none}.tier1 a{min-height:38px;color:var(--mu);white-space:nowrap;transition:color var(--motion-fast) ease, background var(--motion-fast) ease, transform var(--motion-fast) var(--ease-out);border-radius:9px;flex:none;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.tier1 a:hover{color:var(--ink);background:#ffffff09;transform:translateY(-1px)}.tier1 a.on{color:#fff;box-shadow:inset 0 -2px var(--ac);background:#ff3d8b21}.user-zone{flex:none;align-items:center;gap:8px;min-width:max-content;margin-left:0;display:flex}.chip-user{color:var(--mu);align-items:center;gap:8px;font-size:13px;text-decoration:none;display:flex}.avatar{width:30px;height:30px;font:800 13px var(--fd);color:#0a0b10;background:linear-gradient(135deg, var(--ac), var(--ac2));border-radius:50%;place-items:center;display:grid}.tier2{background:#12141c85;border-top:1px solid #323a4fb8}.tier2-row{scrollbar-width:none;flex-wrap:nowrap;gap:0 20px;min-width:0;max-width:1240px;margin:0 auto;padding:0 16px 2px;display:flex;overflow-x:auto}.tier2-row::-webkit-scrollbar{display:none}.tier2 a{color:var(--mu);white-space:nowrap;border-bottom:2px solid #0000;padding:11px 0;font-size:13.5px;font-weight:700;text-decoration:none;transition:color .2s,border-color .25s;display:block}.tier2 a.on{color:var(--ink);border-color:var(--ac2)}.main{width:100%;max-width:1240px;animation:pageIn var(--motion-slow) var(--ease-out) both;flex:1;margin:0 auto;padding:26px 16px 48px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.page-head h1{font-size:clamp(22px,3.2vw,30px)}.page-head p{color:var(--mu);margin:4px 0 0}.kicker{font:600 11px var(--fm);letter-spacing:.14em;text-transform:uppercase;color:var(--ac2)}.bottom-tabs,.menu-btn{display:none}@media (width<=820px){html{scroll-padding-bottom:calc(88px + var(--safe-b))}.tier1,.tier2,.chip-user .who{display:none}.topbar-row{gap:8px;padding:8px 12px}.brand b{white-space:nowrap;font-size:14px}.user-zone .btn.sm{padding:0 9px}.menu-btn{display:grid}.main{padding:14px 14px calc(88px + var(--safe-b))}.bottom-tabs{z-index:40;padding:6px 6px calc(6px + var(--safe-b));border-top:1px solid var(--ln);background:#0c0d13f5;grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-tabs a,.bottom-tabs button{min-height:52px;color:var(--mu);background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:700;text-decoration:none;display:flex}.bottom-tabs .on{color:var(--ink);background:#ff3d8b1f}.sub-tabs-mobile{scrollbar-width:none;gap:8px;margin:-2px -14px 14px;padding:0 14px 2px;display:flex;overflow-x:auto}.sub-tabs-mobile a{border:1px solid var(--ln);min-height:36px;color:var(--mu);border-radius:999px;flex:none;align-items:center;padding:0 14px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.sub-tabs-mobile a.on{color:#0a0b10;background:var(--ac2);border-color:#0000}}@media (width>=821px){.sub-tabs-mobile{display:none}}@media (width<=480px){.brand b{display:none}}@media (width>=821px) and (width<=1120px){.topbar-row{gap:8px;padding-left:12px;padding-right:12px}.tier1 a{padding-left:8px;padding-right:8px;font-size:13px}.user-zone{gap:5px}.chip-user .who{text-overflow:ellipsis;white-space:nowrap;max-width:86px;overflow:hidden}}@media (width>=1121px) and (width<=1320px){.topbar-row{gap:8px;padding-left:12px;padding-right:12px}.tier1 a{padding-left:8px;padding-right:8px;font-size:13px}.user-zone{gap:5px}.chip-user .who{display:none}}.drawer{z-index:60;background:#04050999;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer-panel{background:var(--sf);border-left:1px solid var(--ln);width:min(340px,88vw);height:100%;padding:14px 14px calc(20px + var(--safe-b));animation:.22s cubic-bezier(.2,.8,.2,1) slideIn;overflow-y:auto}.drawer-group{margin-top:14px}.drawer-group>b{font:700 13px var(--fb);color:var(--mu);align-items:center;gap:7px;margin-bottom:6px;display:flex}.drawer-group a{min-height:var(--tap);color:var(--ink);border-radius:10px;align-items:center;padding:0 12px;text-decoration:none;display:flex}.drawer-group a.on{color:var(--ac2);background:#27d8f51f}.grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;display:grid}.span-12{grid-column:span 12}.span-8{grid-column:span 8}.span-7{grid-column:span 7}.span-6{grid-column:span 6}.span-5{grid-column:span 5}.span-4{grid-column:span 4}.span-3{grid-column:span 3}@media (width<=980px){.span-8,.span-7,.span-6,.span-5,.span-4{grid-column:span 12}.span-3{grid-column:span 6}}.card{background:linear-gradient(135deg, #ffffff0b, transparent 32%), linear-gradient(180deg, #ffffff05, transparent 42%), var(--sf);border:1px solid var(--ln);border-radius:var(--r);min-width:0;animation:cardIn .5s var(--ease-out) both;transition:transform var(--motion-base) var(--ease-out), border-color var(--motion-base) ease, box-shadow var(--motion-base) ease;padding:15px 16px;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg, var(--ac), transparent);opacity:.55;pointer-events:none;width:42%;height:1px;position:absolute;inset:0 auto auto 0}@media (hover:hover){a.card:hover,.card.hoverable:hover,.grid>.card:hover{border-color:#27d8f56b;transform:translateY(-3px);box-shadow:0 18px 34px -22px #27d8f57a,0 0 0 1px #27d8f50f}}.card-h{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.card-h h2{font:700 13.5px var(--fb);align-items:center;gap:7px;display:flex}.card-h h2 .ic{color:var(--ac2)}.card-actions{flex-wrap:wrap;gap:6px;display:flex}.btn{white-space:nowrap;min-height:var(--tap);border:1px solid var(--ln2);background:var(--sf2);color:var(--ink);cursor:pointer;transition:transform var(--motion-fast) var(--ease-spring), filter var(--motion-base) ease, border-color var(--motion-base) ease, box-shadow var(--motion-base) ease;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){filter:brightness(1.12)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{color:#fff;background:linear-gradient(135deg, var(--ac), #ff6fa8 58%, #ff9ec4);border-color:#0000;box-shadow:0 8px 22px -8px #ff3d8bb8}.btn.primary:hover:not(:disabled){box-shadow:0 12px 28px -10px #ff3d8be6}.btn.cy{color:var(--ac2);background:#27d8f512;border-color:#27d8f573}.btn.ghost{color:var(--mu);background:0 0;border-color:#0000}.btn.danger{color:#fff;background:#ff5c6ad9;border-color:#ff5c6a80}.btn.sm{min-height:34px;padding:0 10px;font-size:13px}.btn.icon{width:var(--tap);padding:0}.btn.sm.icon{width:34px}.btn.block{width:100%}.tag{font:600 11.5px var(--fm);white-space:nowrap;background:var(--sf3);color:var(--mu);border-radius:6px;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.tag.ok{color:var(--good);background:#3fe0b021}.tag.wa{color:var(--warn);background:#ffb54721}.tag.bd{color:var(--ac);background:#ff3d8b24}.tag.cy{color:var(--ac2);background:#27d8f521}.field{align-content:start;gap:6px;min-width:0;margin-bottom:14px;display:grid}.field label{color:#cfd5e1;font-size:13px;font-weight:700;line-height:1.35;display:block}.field input,.field select,.field textarea{width:100%;min-width:0;min-height:var(--tap);border:1px solid var(--ln2);background:var(--sf2);border-radius:10px;padding:10px 12px;font-size:15px;display:block}.field textarea{resize:vertical;min-height:96px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--ac2);outline:none;box-shadow:0 0 0 3px #27d8f52e}.field-hint{color:var(--mu);margin:0;font-size:12px}.field-err{color:var(--bad);margin:0;font-size:12.5px}.field.has-error input,.field.has-error select{border-color:var(--bad)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:0 14px;display:grid}.form-grid>.field,.profile-fields>.field{grid-template-rows:minmax(38px,auto) auto minmax(18px,auto);align-content:start;align-self:start;min-width:0;display:grid}.form-grid>.field>label,.profile-fields>.field>label{align-items:flex-start;min-height:38px;margin:0;display:flex}@media (width<=620px){.form-grid{grid-template-columns:1fr}.form-grid>.field>label,.profile-fields>.field>label{min-height:0}}.profile-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;display:grid}.profile-fields>.field{min-width:0}@media (width<=520px){.profile-fields{grid-template-columns:1fr}}.notice{border:1px solid var(--ln);background:var(--sf2);color:#cfd5e1;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13.5px;display:flex}.notice .ic{color:var(--ac2);margin-top:2px}.notice.wa{background:#ffb5470f;border-color:#ffb54759}.notice.wa .ic{color:var(--warn)}.notice.bd{background:#ff5c6a12;border-color:#ff5c6a66}.notice.bd .ic{color:var(--bad)}.table-wrap{margin:0 -4px;overflow-x:auto}table.t{border-collapse:collapse;width:100%;font-size:14px}table.t th{text-align:left;font:600 11.5px var(--fm);color:var(--mu);text-transform:uppercase;border-bottom:1px solid var(--ln);white-space:nowrap;padding:0 10px 9px}table.t td{vertical-align:middle;border-bottom:1px solid #ffffff0d;padding:11px 10px}table.t tr:last-child td{border-bottom:0}table.t tbody tr{transition:background .15s}table.t tbody tr:hover{background:#27d8f50a}.mono{font-family:var(--fm);font-variant-numeric:tabular-nums}.muted{color:var(--mu)}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row.between{justify-content:space-between}.stack{gap:10px;display:grid}.empty{text-align:center;color:var(--mu);justify-items:center;gap:8px;padding:34px 16px;display:grid}.empty .ic{color:var(--ac2)}.empty b{color:var(--ink);font:700 16px var(--fd)}.empty-body{max-width:46ch;font-size:14px}.spinner{border:3px solid var(--ln2);border-top-color:var(--ac2);border-radius:50%;width:28px;height:28px;margin:40px auto;animation:.8s linear infinite spin}.toggle{min-height:var(--tap);cursor:pointer;align-items:center;gap:10px;display:inline-flex}.toggle input{opacity:0;width:1px;height:1px;position:absolute}.toggle-track{background:var(--sf3);border:1px solid var(--ln2);border-radius:999px;width:44px;height:26px;transition:background .2s;position:relative}.toggle-thumb{background:var(--mu);border-radius:50%;width:20px;height:20px;transition:transform .2s,background .2s;position:absolute;top:2px;left:2px}.toggle input:checked+.toggle-track{border-color:var(--ac2);background:#27d8f540}.toggle input:checked+.toggle-track .toggle-thumb{background:var(--ac2);transform:translate(18px)}.toggle input:focus-visible+.toggle-track{outline:2px solid var(--ac2);outline-offset:2px}.toggle-label{font-size:14px}.toasts{left:50%;bottom:calc(96px + var(--safe-b));z-index:90;gap:8px;width:min(420px,92vw);display:grid;position:fixed;transform:translate(-50%)}@media (width>=821px){.toasts{bottom:24px}}.toast{background:var(--sf3);border:1px solid var(--ln2);border-radius:10px;padding:12px 16px;font-size:14px;font-weight:700;animation:.25s both cardIn}.cookie-consent{left:50%;bottom:calc(18px + var(--safe-b));z-index:85;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#12141cf5;border:1px solid #27d8f561;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;width:min(760px,100vw - 28px);padding:14px 16px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 18px 48px #0000007a,0 0 0 1px #ff3d8b14}.rosetti-widget{right:22px;bottom:calc(24px + var(--safe-b));z-index:75;justify-items:end;gap:10px;display:grid;position:fixed}.rosetti-actions{align-items:flex-end;gap:5px;display:flex}.rosetti-bubble,.rosetti-reopen{color:#fff;cursor:pointer;width:54px;height:54px;font:900 22px var(--fd);background:linear-gradient(135deg,#ff3d8b,#27d8f5);border:2px solid #27d8f5bf;border-radius:50%;padding:0;overflow:hidden;box-shadow:0 10px 30px #00000073,0 0 22px #27d8f540}.rosetti-bubble img,.rosetti-reopen img{object-fit:contain;object-position:center bottom;width:100%;height:100%;image-rendering:pixelated;display:block;transform:translateY(5px)scale(1.14)}.rosetti-reopen{right:22px;bottom:calc(24px + var(--safe-b));z-index:75;position:fixed}.rosetti-hide,.rosetti-close{width:24px;height:24px;color:var(--mu);background:var(--sf2);cursor:pointer;border:0;border-radius:50%}.rosetti-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#12141cf7;border:1px solid #27d8f559;border-radius:16px;width:min(350px,100vw - 32px);overflow:hidden;box-shadow:0 20px 60px #0000008c}[data-guide-target].rosetti-guide-focus{z-index:90;outline:2px solid var(--ac2);outline-offset:5px;border-radius:8px;animation:1.2s ease-in-out 4 rosettiGuidePulse;position:relative;box-shadow:0 0 0 6px #ff3d8b29,0 0 24px #27d8f5b3}[data-guide-target].rosetti-guide-focus:after{content:attr(data-rosetti-hint);color:#eaf6ff;pointer-events:none;background:#101522;border:1px solid #27d8f58c;border-radius:8px;width:max-content;max-width:240px;padding:7px 10px;font-size:12px;line-height:1.35;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000059}@keyframes rosettiGuidePulse{0%,to{filter:none}50%{filter:brightness(1.35)}}@media (prefers-reduced-motion:reduce){[data-guide-target].rosetti-guide-focus{animation:none}}.rosetti-head{border-bottom:1px solid var(--ln);justify-content:space-between;align-items:center;gap:10px;padding:14px 15px;display:flex}.rosetti-head div{gap:2px;display:grid}.rosetti-head b{color:var(--ac2);font:800 16px var(--fd)}.rosetti-head small{color:var(--mu);font-size:11px}.rosetti-head-actions{align-items:center;gap:6px!important;display:flex!important}.rosetti-reset{border:1px solid var(--ln2);color:var(--mu);cursor:pointer;background:0 0;border-radius:7px;padding:4px 7px;font-size:10px}.rosetti-reset:disabled{opacity:.45;cursor:not-allowed}.rosetti-messages{gap:10px;max-height:330px;padding:14px 12px;display:grid;overflow-y:auto}.rosetti-message{border:1px solid var(--ln);max-width:88%;color:var(--ink);border-radius:12px;padding:10px 11px;font-size:13px;line-height:1.55}.rosetti-message p{white-space:pre-wrap;margin:0}.rosetti-message.is-assistant{background:#27d8f512;border-color:#27d8f533;justify-self:start}.rosetti-message.is-user{background:#ff3d8b1f;border-color:#ff3d8b40;justify-self:end}.rosetti-typing{color:var(--mu)}.rosetti-typing span{color:var(--ac2);letter-spacing:2px;margin-left:5px;animation:1s infinite rosettiPulse;display:inline-block}@keyframes rosettiPulse{0%,to{opacity:.35}50%{opacity:1}}.rosetti-sources{color:var(--mu);padding:0 15px 10px;font-size:11px}.rosetti-sources a{color:var(--ac2);margin-left:4px}.rosetti-message .rosetti-sources{padding:7px 0 0}.rosetti-status{color:var(--mu);margin-top:7px;font-size:10px;display:block}.rosetti-form{border-top:1px solid var(--ln);gap:7px;padding:10px;display:flex}.rosetti-form input{border:1px solid var(--ln2);min-width:0;color:var(--ink);background:var(--sf2);border-radius:9px;flex:1;padding:0 10px}.rosetti-form button{color:#061018;background:var(--ac2);cursor:pointer;border:0;border-radius:9px;padding:0 12px;font-weight:800}.rosetti-form button:disabled{opacity:.45;cursor:not-allowed}.rosetti-nav span{color:#fff;background:linear-gradient(135deg,#ff3d8b,#27d8f5);border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-weight:900;display:inline-grid}@media (width<=700px){.rosetti-widget,.rosetti-reopen{right:14px;bottom:calc(76px + var(--safe-b))}.rosetti-panel{width:min(330px,100vw - 28px)}}.cookie-consent-copy{min-width:0}.cookie-consent-copy b{color:var(--ink)}.cookie-consent-copy p{color:var(--mu);margin:3px 0 0;font-size:13px}.cookie-consent-actions{flex:none;gap:6px;display:flex}@media (width<=620px){.cookie-consent{flex-direction:column;align-items:stretch;gap:10px}.cookie-consent-actions{justify-content:flex-end}}.toast.ok{border-color:#3fe0b080}.toast.bd{border-color:#ff5c6a99}.modal{border:1px solid var(--ln2);background:var(--sf);width:min(460px,92vw);color:var(--ink);border-radius:14px;padding:20px}.modal::backdrop{background:#040509a6}.modal h3{margin-bottom:10px;font-size:18px}.modal-body{color:#cfd5e1;font-size:14.5px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.auth-wrap{place-items:center;min-height:calc(100dvh - 120px);padding:10px 0;display:grid}.auth-card{width:min(480px,100%)}.steps{gap:8px;margin-bottom:16px;display:flex}.steps span{border-top:3px solid var(--ln2);color:var(--mu);flex:1;padding-top:8px;font-size:12px;font-weight:700}.steps span.on{border-color:var(--ac);color:var(--ink)}.steps span.done{border-color:var(--good);color:var(--good)}.shots{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.shot{aspect-ratio:1;border:1px solid var(--ln2);background:var(--sf2);border-radius:10px;max-width:100%;position:relative;overflow:hidden}.shot img{object-fit:cover;width:100%;height:100%}.shot button{position:absolute;top:4px;right:4px}.drop{border:1.5px dashed var(--ln2);min-height:120px;color:var(--mu);text-align:center;cursor:pointer;border-radius:12px;place-items:center;gap:6px;padding:16px;display:grid}.drop:hover,.drop.over{border-color:var(--ac2);color:var(--ac2);background:#27d8f50d}.check-row{min-height:var(--tap);border:1px solid var(--ln);background:var(--sf2);cursor:pointer;border-radius:10px;align-items:center;gap:10px;margin-bottom:8px;padding:0 12px;display:flex}.check-row input{width:20px;height:20px;accent-color:var(--good)}.check-row.on{border-color:#3fe0b080}.viewer{gap:8px;display:grid}.viewer-main{border:1px solid var(--ln);background:#06070b;border-radius:12px;max-height:70vh;position:relative;overflow:auto}.viewer-main img{transform-origin:0 0;max-width:none;display:block}.viewer-thumbs{gap:6px;display:flex;overflow-x:auto}.viewer-thumbs button{background:var(--sf2);cursor:pointer;border:2px solid #0000;border-radius:8px;flex:none;width:64px;height:64px;padding:0;overflow:hidden}.viewer-thumbs button.on{border-color:var(--ac2)}.viewer-thumbs img{object-fit:cover;width:100%;height:100%}.stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.stat{border:1px solid var(--ln);background:var(--sf2);border-radius:10px;padding:12px}.stat span{color:var(--mu);font-size:12px;font-weight:700}.stat b{font:700 22px var(--fm);font-variant-numeric:tabular-nums;margin-top:2px;display:block}.menu-tree{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.mnode{border:1px solid var(--ln);background:var(--sf2);border-radius:12px;min-width:0;transition:border-color .2s,box-shadow .2s,opacity .2s}.mnode.drag-over{border-color:var(--ac2);box-shadow:0 0 0 3px #27d8f533}.mnode.dragging{opacity:.45}.mrow{flex-wrap:wrap;align-items:center;gap:6px;min-height:52px;padding:6px 8px;display:flex}.mrow .grip{cursor:grab;color:var(--mu);touch-action:none;place-items:center;width:28px;height:40px;display:grid}.mrow .title{flex-wrap:wrap;flex:150px;align-items:center;gap:8px;min-width:0;display:flex}.mrow .title b{font-size:14.5px}.mrow .title .mono{color:var(--mu);font-size:11.5px}.mrow.hidden-menu .title b{color:var(--mu);text-decoration:line-through}.mrow.selected{background:#ff3d8b14;border-radius:12px}.mchildren{grid-template-columns:minmax(0,1fr);gap:6px;padding:0 8px 8px 30px;display:grid}.mchildren .mnode{background:var(--sf)}.mactions{gap:2px;margin-left:auto;display:flex}@media (width<=620px){.mrow{align-items:flex-start;padding-top:10px}.mrow>svg{flex:none;margin-top:2px}.mrow .grip{display:none}.mchildren{padding-left:10px;padding-right:6px}.mrow .title .mono{flex-basis:100%}}@keyframes pageIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes cardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes slideIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.card input:not([type=checkbox]):not([type=radio]):not([type=file]):not(.title-input),.card textarea,.card select{width:100%;min-height:var(--tap);border:1px solid var(--ln2);background:var(--sf2);border-radius:10px;padding:10px 12px;font-size:15px}.card textarea{resize:vertical}.card input:focus,.card textarea:focus,.card select:focus{border-color:var(--ac2);outline:none;box-shadow:0 0 0 3px #27d8f52e}.card input[type=file]{color:var(--mu);font-size:13px}.tabs{scrollbar-width:none;gap:6px;margin:-2px 0 14px;padding-bottom:2px;display:flex;overflow-x:auto}.tabs button,.tabs a{border:1px solid var(--ln);min-height:38px;color:var(--mu);cursor:pointer;background:0 0;border-radius:999px;flex:none;align-items:center;padding:0 14px;font-weight:700;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.tabs button.on,.tabs a.on{color:var(--ac2);background:#27d8f51f;border-color:#27d8f580}table.t th.num,table.t td.num{text-align:right}.up{color:var(--good)}.dn{color:var(--bad)}code.mono{background:var(--sf2);border:1px solid var(--ln);border-radius:8px;padding:6px 8px;font-size:12.5px}.bell{position:relative}.bell-badge{background:var(--ac);color:#fff;min-width:17px;height:17px;font:700 10px/17px var(--fm);text-align:center;box-shadow:0 0 0 2px var(--bg);border-radius:999px;padding:0 4px;position:absolute;top:2px;right:0}.w-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.w-list a{min-height:44px;color:var(--ink);border-radius:9px;align-items:center;gap:10px;padding:6px 8px;text-decoration:none;transition:background .15s;display:flex}.w-list a:hover{background:#27d8f50f}.w-list a.unread{background:linear-gradient(90deg,#ff3d8b17,#0000 70%)}.w-main{flex:1;min-width:0;display:grid}.w-main b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.w-main small{color:var(--mu);font-size:12px}.w-dice-me{align-items:baseline;gap:8px;display:flex}.w-dice-me b{color:#facc15;font-size:28px}.w-podium{gap:6px;margin:0;padding:0;list-style:none;display:grid}.w-podium li{background:var(--sf2);border-radius:9px;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 10px;display:grid}.w-podium li b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.w-podium .r1{border:1px solid #facc1580}.w-podium .r1 span{color:#facc15}.w-podium .r2 span{color:#a9c7e8}.w-podium .r3 span{color:#e08a4b}.pc-changes{gap:4px;margin:0;padding:0;list-style:none;display:grid}.pc-changes li{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.pc-label{min-width:72px;color:var(--mu);font-size:12.5px}.pc-arrow{color:var(--ac2)}.pc-table td{vertical-align:middle}.pc-table td .tag{margin-left:6px}.pc-table tr.pc-changed td{background:#ffb54712}@media (width<=820px){.table-wrap.stack{overflow:visible}.table-wrap.stack table,.table-wrap.stack tbody,.table-wrap.stack tr,.table-wrap.stack td{width:100%;display:block}.table-wrap.stack thead{display:none}.table-wrap.stack tr{border:1px solid var(--ln);background:var(--sf2);border-radius:12px;margin-bottom:10px;padding:10px 12px;position:relative}.table-wrap.stack td{text-align:right;white-space:normal;border:0;justify-content:space-between;align-items:center;gap:12px;min-height:34px;padding:4px 0;display:flex}.table-wrap.stack td:before{content:attr(data-label);max-width:42%;color:var(--mu);text-align:left;flex:none;font-size:12.5px}.table-wrap.stack td[data-label=""]:before{display:none}.table-wrap.stack td[data-label=""]{flex-wrap:wrap;justify-content:flex-end;padding-top:8px}.table-wrap.stack td:first-child{text-align:left;border-bottom:1px solid var(--ln);margin-bottom:4px;padding:0 0 6px;font-size:15px;display:block}.table-wrap.stack td:first-child:before{display:none}.table-wrap.stack td.num{text-align:right}.table-wrap.stack td select{width:auto;min-width:110px}.table-wrap.stack td .row{flex-wrap:wrap;justify-content:flex-end}.table-wrap.stack td:first-child .row{flex-wrap:nowrap;justify-content:flex-start}.table-wrap.stack td .btn{min-height:40px}.modal{border:0;border-radius:0;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;width:100vw!important}.modal[open]{flex-direction:column;display:flex}.modal>form,.modal>div:only-child{flex-direction:column;min-height:100%;display:flex}.modal:has(>.modal-actions){border-top:1px solid var(--ln2);border-radius:16px 16px 0 0;height:auto;max-height:85dvh;margin:auto 0 0}.modal h3{z-index:2;background:var(--sf);border-bottom:1px solid var(--ln);margin:0;padding:16px 16px 12px;position:sticky;top:0}.modal-body{flex:1;padding:14px 16px;overflow-y:auto}.modal-actions{z-index:2;padding:12px 16px calc(12px + var(--safe-b));background:var(--sf);border-top:1px solid var(--ln);margin:0;position:sticky;bottom:0}.modal-actions .btn{flex:1;min-height:46px}.card-h{flex-wrap:wrap;row-gap:8px}.card-h h2{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.card-actions{flex-wrap:wrap}.btn.sm{min-height:40px;padding:0 12px}.chip-check,.tabs button,.tabs a{min-height:40px}.page-head{align-items:flex-start}.page-head>.btn,.page-head>div>.btn{min-height:44px}}.member-select{border:1px solid var(--ln);background:var(--sf2,transparent);max-width:min(360px,100%);min-height:34px;color:inherit;border-radius:10px;padding:0 10px}.alliance-overview{grid-template-columns:minmax(0,1fr)}.alliance-overview>*,.alliance-overview>div>*{min-width:0}@media (width<=820px){.bottom-tabs{background:var(--bg)}.menu-btn,.user-zone .lang-select,.user-zone .logout-btn{display:none}.user-zone{grid-column:3;justify-self:end}.page-head{margin-bottom:10px}.page-head h1{font-size:21px}.page-head p{font-size:13px;line-height:1.5}.kicker{font-size:10px}.empty{gap:6px;padding:18px 12px}.rosetti-widget:not(.is-open),.rosetti-reopen{display:none}.drawer-lang{border:1px solid var(--ln2);background:var(--sf2);width:100%;min-height:40px;color:var(--tx);border-radius:10px;padding:0 10px}}@media (width>=821px){.drawer-lang-group{display:none}}@media (width<=820px){.table-wrap.stack.roster-compact tr{flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin-bottom:6px;padding:8px 10px;display:flex}.alliance-overview .table-wrap.stack.roster-compact td,.table-wrap.stack.roster-compact .ao-troop-total,.table-wrap.stack.roster-compact .ao-roster-detail{min-width:0}.table-wrap.stack.roster-compact td{width:auto;min-height:0;color:var(--mu);text-align:left;border:0;margin:0;padding:0;font-size:12px;display:block}.table-wrap.stack.roster-compact td:before{max-width:none;margin-right:4px;font-size:11px;display:inline}.table-wrap.stack.roster-compact td:first-child{color:var(--mu);flex:0 0 22px;order:1;font-size:13px}.table-wrap.stack.roster-compact td:nth-child(2){text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink);flex:calc(100% - 182px);order:2;font-size:15px;font-weight:700;overflow:hidden}.table-wrap.stack.roster-compact td:nth-child(4){text-align:right;color:var(--ink);flex:0 0 140px;order:3;font-size:14px;font-weight:700}.table-wrap.stack.roster-compact td:first-child:before,.table-wrap.stack.roster-compact td:nth-child(2):before,.table-wrap.stack.roster-compact td:nth-child(3):before,.table-wrap.stack.roster-compact td:nth-child(4):before,.table-wrap.stack.roster-compact td:nth-child(12):before{display:none}.table-wrap.stack.roster-compact td:nth-child(3){order:4;margin-left:30px}.table-wrap.stack.roster-compact td:nth-child(3)>*{min-height:0;padding:0 5px;font-size:11px}.table-wrap.stack.roster-compact td:nth-child(8):before{content:"골드"}.table-wrap.stack.roster-compact td:nth-child(11):before{content:"병사"}.table-wrap.stack.roster-compact td:nth-child(11) button,.table-wrap.stack.roster-compact td:nth-child(11) .btn{border-radius:6px;min-height:0;padding:1px 6px;font-size:12px}.table-wrap.stack.roster-compact td:nth-child(5){order:5}.table-wrap.stack.roster-compact td:nth-child(8){order:6}.table-wrap.stack.roster-compact td:nth-child(11){order:7}.table-wrap.stack.roster-compact td:nth-child(12){order:8;margin-left:auto}.table-wrap.stack.roster-compact td:nth-child(12) .btn,.table-wrap.stack.roster-compact td:nth-child(12) button{min-height:0;padding:0 8px;font-size:0;line-height:1}.table-wrap.stack.roster-compact td:nth-child(12) .btn:after,.table-wrap.stack.roster-compact td:nth-child(12) button:after{content:"›";font-size:18px}.table-wrap.stack.roster-compact td:nth-child(6),.table-wrap.stack.roster-compact td:nth-child(7),.table-wrap.stack.roster-compact td:nth-child(9),.table-wrap.stack.roster-compact td:nth-child(10){display:none}.table-wrap.stack.departed-compact tr{flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin-bottom:6px;padding:8px 10px;display:flex}.alliance-overview .table-wrap.stack.departed-compact td{min-width:0}.table-wrap.stack.departed-compact td{width:auto;min-height:0;color:var(--mu);text-align:left;border:0;margin:0;padding:0;font-size:12px;display:block}.table-wrap.stack.departed-compact td:before{max-width:none;margin-right:4px;font-size:11px;display:inline}.table-wrap.stack.departed-compact td:first-child{text-overflow:ellipsis;white-space:nowrap;color:var(--ink);flex:calc(100% - 148px);order:1;font-size:14px;font-weight:700;overflow:hidden}.table-wrap.stack.departed-compact td:nth-child(3){text-align:right;color:var(--ink);flex:0 0 140px;order:2;font-size:13px}.table-wrap.stack.departed-compact td:first-child:before,.table-wrap.stack.departed-compact td:nth-child(2):before,.table-wrap.stack.departed-compact td:nth-child(3):before,.table-wrap.stack.departed-compact td:nth-child(5):before{display:none}.table-wrap.stack.departed-compact td:nth-child(2){order:3}.table-wrap.stack.departed-compact td:nth-child(4){order:4}.table-wrap.stack.departed-compact td:nth-child(4):before{content:"마지막"}.table-wrap.stack.departed-compact td:nth-child(5){order:5;margin-left:auto}.table-wrap.stack:not(.roster-compact):not(.departed-compact) tr{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;margin-bottom:8px;padding:10px 12px;display:grid}.table-wrap.stack:not(.roster-compact):not(.departed-compact) td{text-align:left;overflow-wrap:anywhere;min-width:0;min-height:0;padding:0;display:block}.table-wrap.stack:not(.roster-compact):not(.departed-compact) td:before{max-width:none;margin-bottom:1px;font-size:11px;display:block}.table-wrap.stack:not(.roster-compact):not(.departed-compact) td.num{text-align:left}.table-wrap.stack:not(.roster-compact):not(.departed-compact) td:first-child{grid-column:1/-1;margin-bottom:0}.table-wrap.stack:not(.roster-compact):not(.departed-compact) td[data-label=""]{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-end;gap:6px;padding-top:4px;display:flex}.table-wrap.stack:not(.roster-compact):not(.departed-compact) td .row{justify-content:flex-start}.table-wrap.stack:not(.roster-compact):not(.departed-compact) td select,.table-wrap.stack:not(.roster-compact):not(.departed-compact) td input{max-width:100%}}.admin-home-links{flex-wrap:wrap;gap:8px;display:flex}.admin-home-links a{border:1px solid var(--ln2);background:var(--sf2);min-height:40px;color:var(--ink);border-radius:10px;align-items:center;padding:0 14px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.admin-home-links a:hover{background:#27d8f514;border-color:#27d8f5a6}ins.adsbygoogle[data-ad-status=unfilled]{display:none!important}