.w-band{color:#f5f2ec;isolation:isolate;border-radius:20px;padding:12px 16px 40px;position:relative;overflow:hidden}.w-band-compact{padding-bottom:14px}.w-band[data-depth=space]{background:radial-gradient(26px at 86% 18%,#f2c661e6,#f2c66100 70%),linear-gradient(#05081a 0%,#0e1430 60%,#1b2a52 100%)}.w-band[data-depth=sky]{background:linear-gradient(#1b2a52 0%,#2e4a80 55%,#86a8d2 100%)}.w-band[data-depth=ground]{background:radial-gradient(70% 40% at 50% 112%,#f2c661d9,#efc7a459 50%,#efc7a400 75%),linear-gradient(#0e1430 0%,#23396b 45%,#5f80b5 78%,#c99f86 100%)}.w-band[data-depth=sea]{background:radial-gradient(40% 5% at 25% 30%,#ffffff59,#fff0 70%),radial-gradient(50% 5% at 72% 55%,#ffffff47,#fff0 70%),linear-gradient(#2f98b2 0%,#1d7896 50%,#12506f 100%)}.w-band[data-depth=core]{background:radial-gradient(80% 50% at 50% 115%,#ff8c3c99,#e65a1e00 70%),linear-gradient(#0b2f4f 0%,#091a33 60%,#1f0f14 100%)}.w-stars{z-index:0;pointer-events:none;opacity:.8;background:radial-gradient(1px at 12% 22%,#fff,#0000),radial-gradient(1px at 34% 12%,#fff,#0000),radial-gradient(1.2px at 58% 30%,#fff,#0000),radial-gradient(1px at 78% 10%,#fff,#0000),radial-gradient(.8px at 90% 40%,#fff,#0000),radial-gradient(.8px at 46% 48%,#fff,#0000),radial-gradient(1px at 22% 56%,#ffffffb3,#0000);position:absolute;inset:0 0 45%}.w-band[data-depth=sea] .w-stars,.w-band[data-depth=core] .w-stars{opacity:0}@media (prefers-reduced-motion:no-preference){html:not([data-motion=off]) .w-stars{animation:5s ease-in-out infinite alternate w-twinkle}}@keyframes w-twinkle{0%{opacity:.45}to{opacity:.9}}.w-gauge{align-items:center;gap:2px;margin:0;padding:0;font-size:11px;line-height:1;list-style:none;display:flex}.w-gauge li{color:#f5f2ec8c;align-items:center;gap:4px;display:inline-flex}.w-gauge li+li:before{content:"";background:#f5f2ec59;width:10px;height:1px;margin-right:2px}.w-gauge i{background:#f5f2ec73;border-radius:50%;width:5px;height:5px}.w-gauge li[data-on]{color:#fff;font-weight:700}.w-gauge li[data-on] i{background:#d9a441;width:8px;height:8px;box-shadow:0 0 0 3px #d9a44147,0 0 10px #f2c661cc}.w-gauge li:not([data-on]) span{display:none}@media (min-width:640px){.w-gauge li:not([data-on]) span{display:inline}}.w-meta{color:#f5f2ecd1;white-space:nowrap;font-size:12px}.w-flag{align-items:baseline;gap:6px;margin-top:10px;padding-right:76px;font-size:14px;line-height:1.5;display:flex}.w-flag .w-sun{color:#f2c661;filter:drop-shadow(0 0 6px #f2c661cc);flex:none;transform:translateY(2px)}.w-flag-k{color:#f6e3b4;letter-spacing:.04em;flex:none;font-size:11px}.w-flag-t{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;display:-webkit-box;overflow:hidden}.w-partner{z-index:1;pointer-events:none;position:absolute;bottom:-6px;right:8px}.w-sheet{background:var(--surface);border:1px solid var(--line);box-shadow:inset 6px 0 0 color-mix(in oklab, var(--line) 80%, #b8862b), 0 14px 32px -18px #141e3c73, 0 1px 2px #141e3c0f;border-radius:6px 18px 18px 6px;padding:18px 18px 18px 24px;position:relative}.w-sheet:after{content:"";border-radius:inherit;pointer-events:none;opacity:.35;mix-blend-mode:multiply;background-image:url(/illust/paper/paper-noise.svg);position:absolute;inset:0}[data-theme=dark] .w-sheet:after,[data-theme=indigo] .w-sheet:after{display:none}.w-sheet>*{z-index:1;position:relative}.w-sheet-lift{margin-top:-34px}.w-pageno{letter-spacing:.08em;color:var(--xp-strong);font-size:12px;font-weight:600}.t-hero{font-family:var(--font-display);letter-spacing:.01em;font-size:1.375rem;font-weight:800;line-height:1.45}.t-head{font-size:1rem;font-weight:700;line-height:1.5}.t-note{color:var(--muted);font-size:.75rem;line-height:1.6}.w-check{border:2px solid color-mix(in oklab, var(--line) 60%, var(--xp));border-radius:50%;flex:none;place-items:center;width:24px;height:24px;transition:background .15s,border-color .15s,transform .15s;display:grid}[aria-pressed=true]>.w-check{background:var(--xp);border-color:var(--xp);color:#fff}@media (prefers-reduced-motion:no-preference){html:not([data-motion=off]) [aria-pressed=true]>.w-check,html:not([data-motion=off]) [aria-checked=true] .w-pop{animation:.32s cubic-bezier(.2,1.6,.4,1) w-pop}}@keyframes w-pop{0%{transform:scale(.7)}to{transform:scale(1)}}.w-stamp{opacity:.9;pointer-events:none;width:52px;height:52px;position:absolute;top:12px;right:14px;transform:rotate(-12deg)}.w-tile{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:12px}.w-spines{align-items:flex-end;gap:3px;height:40px;display:flex}.w-spines i{background:color-mix(in oklab, var(--accent) 70%, var(--surface));border-radius:2px 2px 0 0;width:10px}.w-spines i[data-done]{background:var(--xp)}.w-spines i:not([data-done]){background:color-mix(in oklab, var(--line) 85%, var(--surface))}.w-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (min-width:720px){.w-shelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}.w-item{background:var(--surface);border:1px solid var(--line);border-radius:16px;grid-template-rows:auto 1fr;min-width:0;display:grid;overflow:hidden}.w-item-img{aspect-ratio:4/3;background:var(--surface-2);position:relative;overflow:hidden}.w-item-img img{object-fit:cover;width:100%;height:100%;display:block}.w-item-img .w-tier{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0e1430b8;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;position:absolute;top:8px;left:8px}.w-item-img .w-tier[data-tier=top]{background:#7a5612e0}.w-item-img .w-credit{color:#ffffffe6;white-space:nowrap;text-overflow:ellipsis;background:#00000073;border-top-left-radius:6px;max-width:100%;padding:2px 6px;font-size:9px;line-height:1.3;position:absolute;bottom:0;right:0;overflow:hidden}.w-item-img .w-mine{position:absolute;top:6px;right:6px}.w-item-body{align-content:start;gap:4px;min-width:0;padding:10px 10px 12px;display:grid}
