@layer components{.site{background:var(--color-paper);color:var(--color-ink);min-height:100dvh}.wrap{box-sizing:content-box;max-width:1328px;margin:0 auto;padding:0 clamp(16px,4vw,56px)}.site a{color:var(--color-violet)}.site a:hover{color:var(--color-violet-dark)}.card{position:relative;background:#fff;border:1px solid var(--color-rule);border-radius:0 12px 12px 12px;margin-top:24px}.card-tab{position:absolute;top:-24px;left:-1px;height:24px;padding:0 14px;background:#fff;border:1px solid var(--color-rule);border-bottom:none;border-radius:8px 12px 0 0;font-weight:600;color:var(--color-violet);display:flex}.card-tab,.stamp{font-size:12px;align-items:center;white-space:nowrap}.stamp{display:inline-flex;height:22px;padding:0 8px;border:1.5px solid var(--color-alive);color:var(--color-alive);border-radius:4px;font-weight:700}.stamp-dead{border-color:var(--color-dead);color:var(--color-dead)}.stamp-gray{border-color:#8B90A8;color:var(--color-soft)}.stamp-warn{border-color:#9A5B00;color:#9A5B00}.stamp-adult{border-color:#B4235A;color:#B4235A;font-family:var(--font-sans,inherit);letter-spacing:.2px}.searchbox{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--color-rule);border-radius:10px;color:var(--color-soft)}.searchbox input{border:none;outline:none;flex:1;font:inherit;color:var(--color-ink);background:transparent;min-width:0;height:100%}.searchbox input:focus-visible{outline:none}.searchbox:focus-within{border-color:var(--color-violet);box-shadow:0 0 0 3px #DCD5FA}.chip{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:8px;background:#fff;border:1px solid var(--color-rule);font-size:14px;color:var(--color-ink)!important;white-space:nowrap;text-decoration:none!important}.chip[aria-current=page]{background:var(--color-ink);color:#fff!important;border-color:var(--color-ink)}.sbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 24px;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;white-space:nowrap;text-decoration:none!important;border:none}.sbtn-primary{background:var(--color-violet);color:#fff!important}.sbtn-primary:hover{background:var(--color-violet-dark)}.sbtn-ghost{background:#fff;color:var(--color-ink)!important;border:1.5px solid var(--color-ink)}.sbtn-ghost:hover{background:#F6F7FA}.icon-btn{width:44px;height:44px;justify-content:center;border-radius:10px;color:var(--color-ink);background:none;border:none;cursor:pointer}.icon-btn,.menu-item{display:flex;align-items:center}.menu-item{justify-content:space-between;min-height:56px;padding:0 4px;border-bottom:1px solid var(--color-rule);color:var(--color-ink)!important;text-decoration:none!important;font-size:18px;font-weight:600}.menu-small{display:block;padding:10px 0;color:var(--color-soft)!important;font-size:15px}.pick{display:inline-flex;align-items:center;height:40px;padding:0 14px;border-radius:8px;background:#fff;border:1px solid #b9bed0;font-size:14px;color:var(--color-ink);cursor:pointer}.pick:has(input:checked){background:var(--color-ink);border-color:var(--color-ink);color:#fff;font-weight:600}.pick:has(input:focus-visible){outline:3px solid var(--color-violet);outline-offset:2px}.page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border-radius:8px;background:#fff;border:1px solid var(--color-rule);color:var(--color-ink)!important;font-size:15px;text-decoration:none!important}.page-btn[aria-current=page]{background:var(--color-ink);color:#fff!important;border-color:var(--color-ink)}.reading{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:6px;background:#ECE8FC;color:#4128B8;font-weight:600}.ink-link{color:var(--color-ink)!important}.ink-link:hover{color:var(--color-violet)!important}.sel{height:36px;padding:0 30px 0 12px;border-radius:8px;background:#fff;border:1px solid var(--color-rule);font-size:14px;color:var(--color-ink)}.prose-fs{font-size:16.5px;line-height:1.75}.prose-fs h2{font-family:var(--font-serif);font-size:26px;font-weight:600;line-height:1.25;margin:44px 0 12px}.prose-fs h3{font-size:17px;font-weight:700;margin:28px 0 8px}.prose-fs p{margin:0 0 16px}.prose-fs ol,.prose-fs ul{margin:0 0 16px;padding-left:22px}.prose-fs ul{list-style:disc}.prose-fs ol{list-style:decimal}.prose-fs li{margin:4px 0}.prose-fs a{text-decoration:underline;text-underline-offset:2px}.prose-fs strong{font-weight:700}.field,.field>span{display:block}.field>span{font-size:15px;font-weight:600;margin-bottom:8px}.field small{display:block;font-size:13px;color:var(--color-soft);margin-top:6px;line-height:1.5}.fin{box-sizing:border-box;width:100%;min-height:48px;padding:11px 14px;border:1px solid #b9bed0;border-radius:8px;background:#fff;font:inherit;font-size:16px;color:var(--color-ink)}.fin:focus{outline:none;border-color:var(--color-violet);box-shadow:0 0 0 3px #DCD5FA}textarea.fin{min-height:140px;line-height:1.5;resize:vertical}.chip:has(input:checked){background:var(--color-ink);color:#fff!important;border-color:var(--color-ink)}.chip:has(input:focus-visible){outline:3px solid var(--color-violet);outline-offset:2px}}.searchbox input:focus-visible{outline:none}.pk-slot,.pk-slot:empty{min-height:96px}.pk-card{position:relative;display:flex;gap:14px;align-items:center;margin-top:24px;padding:18px 20px;background:#fff;border:1px solid var(--color-rule);border-radius:0 12px 12px 12px;color:var(--color-ink)!important;text-decoration:none!important;font-family:var(--font-sans)}.pk-card:hover{border-color:var(--color-violet)}.pk-tab{position:absolute;top:-24px;left:-1px;height:24px;padding:0 14px;background:#F6F7FA;border:1px solid var(--color-rule);border-bottom:none;border-radius:8px 12px 0 0;font-size:12px;font-weight:600;color:var(--color-soft);display:flex;align-items:center}.pk-icon{width:48px;height:48px;border-radius:12px;flex:none;object-fit:cover}.pk-body{display:flex;flex-direction:column;min-width:0;flex:1}.pk-title{font-family:var(--font-serif);font-size:18px;font-weight:600;line-height:1.3}.pk-badge{margin-left:8px;font-family:var(--font-sans);font-size:11px;font-weight:600;padding:1px 7px;border-radius:99px;background:#E3F3EA;color:#16693F;vertical-align:2px}.pk-head{font-size:14px;font-weight:500}.pk-desc{font-size:13.5px;line-height:1.45}.pk-desc,.pk-meta{color:var(--color-soft)}.pk-meta{font-size:12px;margin-top:2px}.pk-cta{flex:none;background:var(--color-violet);color:#fff;font-weight:700;font-size:14px;padding:10px 18px;border-radius:10px}.pk-card+.pk-card{margin-top:36px}@media (max-width:380px){.pk-card{flex-wrap:wrap}.pk-cta{width:100%;text-align:center}}@layer components{.card,.chip,.icon-btn,.menu-item,.page-btn,.pick,.pk-card,.sbtn,.sel,.site a,.site button,.site select,.site summary{transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .1s ease,opacity .15s ease}.chip:not([aria-current=page]):hover,.page-btn:not([aria-current=page]):hover,.pick:not(:has(input:checked)):hover,.sel:hover,.site select:hover{border-color:#8B90A8;background-color:#F6F7FA}.chip[aria-current=page]:hover,.page-btn[aria-current=page]:hover{background-color:#2A2F55}.chip:active,.icon-btn:active,.page-btn:active,.pick:active,.pk-cta:active,.sbtn:active{transform:translateY(1px)}.icon-btn:hover{background:#E4E6EE}.pk-card:hover,a.card:hover{box-shadow:0 6px 18px -10px rgba(26,29,58,.35)}.pk-card:hover,a.card:hover,a.card:hover .card-tab{border-color:var(--color-violet)}.site summary{cursor:pointer}.site summary:hover{color:var(--color-violet)}.menu-item:hover{color:var(--color-violet)!important}.site a[href="/"]:hover:has(svg){opacity:.8}.sbtn:disabled,.sbtn[aria-disabled=true]{opacity:.6;cursor:not-allowed;transform:none}.fin:hover:not(:focus){border-color:#8B90A8}.site a:focus-visible,.site button:focus-visible,.site summary:focus-visible{border-radius:6px}}@media (prefers-reduced-motion:reduce){.site *,.site :after,.site :before{transition:none!important}}