.sidebar-toggle{display:none;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);padding:9px 12px;margin:12px 0;font:inherit;cursor:pointer}.sidebar-close{display:none;border:1px solid var(--line);border-radius:8px;background:transparent;padding:7px 10px;cursor:pointer}.sidebar{min-width:0}.sidebar-filters{display:grid;gap:2px}.sidebar-item{display:flex;align-items:center;justify-content:space-between;border:1px solid transparent;background:transparent;border-radius:10px;color:var(--muted);padding:10px 12px;font:inherit;text-align:left;cursor:pointer}.sidebar-item.is-active{background:var(--navy);color:var(--mint)}.sidebar-item span:last-child{font-size:.75rem;color:inherit;opacity:.72}.sidebar-heading h2{font-size:1rem;margin:0}.sidebar-backdrop[hidden]{display:none}@media(min-width:701px){.library-layout{grid-template-columns:190px minmax(0,1fr) 280px}.sidebar{position:sticky;top:96px;align-self:start}.sidebar .subcategory-row{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.sidebar .subcategory-filters{display:grid;max-height:60vh;overflow:auto}.sidebar .subcategory-chip{border-radius:8px;text-align:left}.sidebar .filter-reset{margin-top:8px;width:100%}}@media(max-width:700px){.sidebar-toggle{display:block}.sidebar{position:fixed;inset:0 auto 0 0;z-index:24;width:min(86vw,340px);max-width:100%;padding:20px 16px;background:var(--surface);box-shadow:18px 0 40px rgba(17,27,47,.2);overflow-y:auto;transform:translateX(-105%);transition:transform .2s ease}.sidebar.is-open{transform:translateX(0)}.sidebar-backdrop{position:fixed;inset:0;z-index:23;background:rgba(17,27,47,.55)}.sidebar-close{display:block}.sidebar-heading{display:flex;justify-content:space-between;align-items:center}.sidebar-heading h2{margin:0}.sidebar-filters{margin-top:18px}.sidebar-item{width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:12px 4px;color:var(--ink)}.sidebar-item.is-active{background:transparent;color:#237765;font-weight:800}body.sidebar-open{overflow:hidden}}
:root{--navy:#111b2f;--ink:#182033;--muted:#647089;--paper:#f5f7fb;--surface:#fff;--line:#dfe5ef;--mint:#b9f2db;--coral:#ff6f61;--shadow:0 16px 40px rgba(35,55,90,.10);font-family:Inter,'Noto Sans KR',Arial,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;min-width:320px;overflow-x:clip;background:linear-gradient(135deg,#f5f7fb 0,#eef5f2 60%,#f7f1ec 100%);line-height:1.5}.skip-link{position:absolute;left:1rem;top:-4rem;z-index:20;background:var(--navy);color:#fff;padding:.7rem 1rem}.skip-link:focus{top:1rem}.site-header{position:sticky;top:0;z-index:10;background:rgba(245,247,251,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{max-width:1240px;margin:auto;min-height:64px;padding:0 28px;display:flex;align-items:center;gap:14px}.wordmark{color:var(--navy);text-decoration:none;display:flex;gap:10px;align-items:center;font-weight:850;font-size:1.08rem}.brand-mark{display:grid;place-items:center;background:var(--navy);color:var(--mint);border-radius:12px;width:32px;height:32px}.header-note{margin:0;color:var(--muted);font-size:.85rem}.shortcut-hint{margin-left:auto;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:9px;padding:7px 11px;cursor:pointer}.shell{max-width:1240px;margin:auto;padding:74px 28px 60px}.hero{max-width:760px}.eyebrow,.rail-kicker{color:#388272;letter-spacing:.16em;font:700 .72rem monospace}.hero h1{font-size:clamp(2.35rem,5vw,4.2rem);line-height:.94;letter-spacing:-.07em;margin:10px 0 14px}.hero h1 em{font-style:normal;color:var(--coral)}.hero-copy{color:var(--muted);font-size:.98rem;margin:0}.stats{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.85rem}.stats strong{font-size:1.6rem;color:var(--ink)}.stats i{width:5px;height:5px;background:var(--coral);border-radius:50%}.library{margin-top:42px}.library-toolbar{position:sticky;top:64px;z-index:8;padding:14px 0;background:rgba(245,247,251,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.search-box{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:13px;min-height:52px;padding:0 14px;box-shadow:0 5px 18px rgba(40,60,100,.04)}.search-box>span{font-size:1.45rem;color:var(--muted)}.search-box input{border:0;outline:0;background:transparent;min-width:0;width:100%;font:inherit;color:var(--ink);font-size:1rem}.search-box kbd{border:1px solid var(--line);border-radius:5px;padding:2px 7px;color:var(--muted)}.category-bar{display:flex;gap:8px;overflow-x:auto;padding:12px 1px 2px;scrollbar-width:thin}.category-tab{white-space:nowrap;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:7px 11px;cursor:pointer;font:inherit;font-size:.82rem}.category-tab span{margin-left:5px;color:#99a5b8;font-size:.72rem}.category-tab.is-active{background:var(--navy);border-color:var(--navy);color:var(--mint)}.category-tab:focus-visible,.character-card:focus-visible,.copy-button:focus-visible,.shortcut-hint:focus-visible,.mobile-tray button:focus-visible{outline:3px solid #72b9ff;outline-offset:2px}.library-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;align-items:start;margin-top:22px}.grid-heading{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 14px}.grid-heading h2{font-size:1rem;margin:0}.grid-heading span{font-size:.78rem;color:var(--muted)}.character-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}.character-card{min-width:0;min-height:112px;background:rgba(255,255,255,.78);border:1px solid var(--line);border-radius:14px;padding:14px 10px 10px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;cursor:pointer;color:var(--ink);transition:.16s transform,.16s box-shadow,.16s border}.character-card:hover,.character-card.is-selected{transform:translateY(-2px);border-color:#85b4aa;box-shadow:var(--shadow);background:#fff}.character-value{width:100%;min-width:0;font-size:2.4rem;line-height:1.2;white-space:pre-wrap;text-align:center;overflow-wrap:anywhere;word-break:break-word}.character-card:has(.character-value br) .character-value{font-size:1.05rem;font-family:ui-monospace,monospace}.character-label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:var(--muted);font-size:.7rem;margin-top:8px}.preview-rail{position:sticky;top:186px;background:var(--navy);color:#fff;border-radius:20px;padding:24px;box-shadow:var(--shadow);min-height:330px}.preview-rail .rail-kicker{color:var(--mint)}.preview-value{min-height:115px;display:grid;place-items:center;text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;font-size:2.4rem;margin:15px 0}.preview-rail h2{font-size:1rem;margin:0}.preview-rail p{margin:7px 0;color:#b8c4d8;font-size:.78rem}.copy-button{margin-top:18px;width:100%;border:0;border-radius:10px;padding:12px;background:var(--mint);color:var(--navy);font-weight:800;cursor:pointer}.copy-status{min-height:2.5em}.rail-tip{border-top:1px solid rgba(255,255,255,.15);margin-top:20px;padding-top:14px;display:flex;gap:10px;color:#b8c4d8;font-size:.75rem}.rail-tip b{color:var(--mint)}.rail-tip span{line-height:1.4}.empty-state{text-align:center;padding:50px;color:var(--muted)}.mobile-tray{display:none}.toast{position:fixed;z-index:30;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--navy);color:#fff;border:1px solid #32415f;border-radius:999px;padding:11px 16px;box-shadow:var(--shadow);transition:.2s}.toast.is-visible{opacity:1;transform:translate(-50%,0)}.toast[data-kind=error]{background:#7b2e36}.site-footer{max-width:1240px;margin:auto;padding:24px 28px 40px;color:var(--muted);font-size:.78rem;display:flex;justify-content:space-between}.site-footer a{color:inherit}.desktop-only{display:block}@media(max-width:700px){.header-inner{padding:0 16px}.header-note{display:none}.shell{padding:46px 16px calc(112px + env(safe-area-inset-bottom))}.hero h1{font-size:clamp(3.2rem,17vw,5rem)}.hero-copy{font-size:.95rem}.library{margin-top:52px}.library-toolbar{top:64px;margin:0 -16px;padding:10px 16px}.library-layout{display:block;margin-top:16px}.preview-rail{display:none}.character-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.character-card{min-height:94px;padding:10px 6px 8px;border-radius:12px}.character-value{font-size:2rem}.character-label{font-size:.63rem}.mobile-tray{position:fixed;z-index:12;display:flex;align-items:center;gap:10px;left:0;right:0;bottom:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-top:1px solid var(--line);box-shadow:0 -8px 25px rgba(30,40,70,.12)}.mobile-tray>span:first-child{font-size:1.5rem;max-width:55%;white-space:pre-wrap;overflow:hidden;text-overflow:ellipsis}.mobile-tray>span:nth-child(2){color:var(--muted);font-size:.76rem;flex:1}.mobile-tray button{border:0;border-radius:9px;background:var(--navy);color:var(--mint);font-weight:800;padding:10px 15px}.toast{bottom:78px}.site-footer{padding:18px 16px 28px}.desktop-only{display:none}}@media(min-width:701px) and (max-width:900px){.library-layout{grid-template-columns:minmax(0,1fr) 230px}.character-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}}