:root{--kn-paper:#f4e7d3;--kn-copper:#b56a2d;--kn-green:#24513e;--kn-blue:#243c7a;--kn-brown:#3b2517;--kn-ink:#0f0e0d;--kn-surface:#1c1916;--kn-surface-2:#2a2521;--kn-cream:#eadfcf;--kn-amber:#f0a34a;--kn-page:#f9f3ed;--kn-card:#fff;--kn-paper-soft:#fbf6ee;--kn-copper-hover:#9c5826;--kn-copper-press:#874a1f;--kn-amber-hover:#f4b36a;--kn-amber-press:#d98a33;--kn-green-soft:#e5ece7;--kn-line:#ece1d2;--kn-line-dark:#322c26;--kn-ink-700:#3b2517;--kn-ink-600:#4a3b2e;--kn-ink-400:#8c7b6a;--kn-ink-300:#b6a892}:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:var(--kn-page);--surface:var(--kn-card);--surface-sunk:var(--kn-paper-soft);--surface-accent:var(--kn-paper);--text:var(--kn-ink-700);--text-body:var(--kn-ink-600);--text-muted:var(--kn-ink-400);--text-faint:var(--kn-ink-300);--text-on-accent:#fff;--accent:var(--kn-copper);--accent-hover:var(--kn-copper-hover);--accent-press:var(--kn-copper-press);--accent-weak:#f3e4d5;--border:var(--kn-line);--border-strong:#dbc9b2;--ring:color-mix(in oklab, var(--kn-copper) 35%, transparent);--icon:var(--kn-copper);--icon-muted:var(--kn-ink-400);--brand-green:var(--kn-green);--brand-blue:var(--kn-blue)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:var(--kn-ink);--surface:var(--kn-surface);--surface-sunk:#161310;--surface-accent:var(--kn-surface-2);--text:var(--kn-cream);--text-body:#d6caba;--text-muted:#9a8e7e;--text-faint:#6e6457;--text-on-accent:#2a1505;--accent:var(--kn-amber);--accent-hover:var(--kn-amber-hover);--accent-press:var(--kn-amber-press);--accent-weak:#2c2114;--border:var(--kn-line-dark);--border-strong:#44392f;--ring:color-mix(in oklab, var(--kn-amber) 40%, transparent);--icon:var(--kn-amber);--icon-muted:#9a8e7e;--brand-green:#3e8c68;--brand-blue:#5e78c4}
:root{--font-display:"Lora", "Times New Roman", Georgia, serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fs-display:clamp(2.75rem, 1.6rem + 5vw, 4.5rem);--fs-h1:clamp(2.25rem, 1.5rem + 3vw, 3.25rem);--fs-h2:clamp(1.75rem, 1.2rem + 2vw, 2.5rem);--fs-h3:clamp(1.375rem, 1.1rem + 1vw, 1.75rem);--fs-title:1.25rem;--fs-lead:clamp(1.0625rem, 1rem + .4vw, 1.25rem);--fs-body:1rem;--fs-sm:.875rem;--fs-xs:.75rem;--lh-tight:1.08;--lh-snug:1.25;--lh-normal:1.55;--ls-eyebrow:.14em;--ls-tight:-.02em;--ls-normal:0}
:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--container:1200px;--container-wide:1320px;--gutter:clamp(20px, 4vw, 48px);--section-y:clamp(48px, 8vw, 112px);--control-sm:36px;--control-md:44px;--control-lg:56px}
:root{--shadow-xs:0 1px 2px #3b25170f;--shadow-sm:0 2px 8px #3b251712;--shadow-md:0 8px 24px #3b251717;--shadow-lg:0 18px 48px #3b25171f;--shadow-accent:0 8px 22px #b56a2d47;--focus-ring:0 0 0 3px var(--ring);--ease-out:cubic-bezier(.22, .61, .36, 1);--ease-in-out:cubic-bezier(.45, 0, .2, 1);--dur-fast:.14s;--dur-base:.22s;--dur-slow:.36s}[data-theme=dark]{--shadow-xs:0 1px 2px #0006;--shadow-sm:0 2px 10px #00000073;--shadow-md:0 10px 30px #00000080;--shadow-lg:0 22px 56px #0009;--shadow-accent:0 8px 26px #f0a34a4d}
*,:before,:after{box-sizing:border-box}body{font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-normal);color:var(--text-body);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);font-weight:var(--fw-semibold);text-wrap:balance;margin:0}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3);line-height:var(--lh-snug)}p{text-wrap:pretty;margin:0}a{color:var(--accent);text-decoration:none}.kn-eyebrow{font-family:var(--font-body);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--accent)}.kn-accent-serif{font-family:var(--font-display);color:var(--accent);font-style:italic}::selection{background:var(--accent-weak);color:var(--text)}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-xs);outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}
.kn-btn{font-family:var(--font-body);font-weight:var(--fw-semibold);font-size:var(--fs-sm);justify-content:center;align-items:center;gap:var(--space-2);height:var(--control-md);padding:0 var(--space-5);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);border:1px solid #0000;display:inline-flex}.kn-btn:active{transform:translateY(1px)}.kn-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.kn-btn--sm{height:var(--control-sm);padding:0 var(--space-4);font-size:var(--fs-xs)}.kn-btn--lg{height:var(--control-lg);padding:0 var(--space-8);font-size:var(--fs-body)}.kn-btn svg{width:1.15em;height:1.15em}.kn-btn--primary{background:var(--accent);color:var(--text-on-accent);box-shadow:var(--shadow-accent)}.kn-btn--primary:hover:not(:disabled){background:var(--accent-hover)}.kn-btn--primary:active:not(:disabled){background:var(--accent-press)}.kn-btn--secondary{color:var(--text);border-color:var(--border-strong);background:0 0}.kn-btn--secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.kn-btn--ghost{color:var(--text-body);background:0 0}.kn-btn--ghost:hover:not(:disabled){background:var(--accent-weak);color:var(--accent)}.kn-chip{font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-body);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);align-items:center;gap:var(--space-2);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);display:inline-flex}.kn-chip:hover{border-color:var(--accent);color:var(--accent)}.kn-chip[data-selected=true]{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent)}.kn-input{font-family:var(--font-body);font-size:var(--fs-body);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);height:var(--control-md);padding:0 var(--space-4);width:100%;transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out)}.kn-input::placeholder{color:var(--text-faint)}.kn-input:focus{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.kn-field{align-items:center;gap:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-5);box-shadow:var(--shadow-md);display:flex}.kn-field__icon{color:var(--icon-muted);flex:none;display:flex}.kn-field__icon svg{width:20px;height:20px}.kn-field input{font-family:var(--font-body);font-size:var(--fs-lead);color:var(--text);background:0 0;border:none;outline:none;flex:1;min-width:0}.kn-field input::placeholder{color:var(--text-faint)}.kn-avatar{border-radius:var(--radius-pill);object-fit:cover;box-shadow:var(--shadow-sm);background:var(--surface-accent);display:block}.kn-badge{font-family:var(--font-body);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.02em;padding:3px var(--space-2);border-radius:var(--radius-xs);align-items:center;gap:4px;line-height:1.4;display:inline-flex}.kn-badge--accent{background:var(--accent-weak);color:var(--accent)}.kn-badge--green{background:color-mix(in oklab, var(--brand-green) 16%, transparent);color:var(--brand-green)}.kn-badge--blue{background:color-mix(in oklab, var(--brand-blue) 16%, transparent);color:var(--brand-blue)}.kn-badge--neutral{background:var(--surface-accent);color:var(--text-muted)}.kn-badge--solid{background:var(--accent);color:var(--text-on-accent)}.kn-book{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-sm);gap:var(--space-4);transition:box-shadow var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);display:flex}.kn-book:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.kn-book__cover{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--surface-accent), var(--surface-sunk));border:1px solid var(--border);object-fit:cover;flex:none;width:84px;height:122px;display:block}.kn-book__title{font-family:var(--font-display);font-weight:600;font-size:var(--fs-title);color:var(--text);line-height:1.2}.kn-book__author{font-size:var(--fs-sm);color:var(--text-muted);margin-top:2px}.kn-book__price{font-family:var(--font-display);color:var(--accent);font-size:1.5rem;font-weight:600}.kn-book__store{font-size:var(--fs-xs);color:var(--text-muted)}.kn-theme-toggle{background:var(--surface-accent);border:1px solid var(--border);border-radius:var(--radius-pill);align-items:center;gap:0;padding:3px;display:inline-flex}.kn-theme-toggle button{cursor:pointer;border-radius:var(--radius-pill);width:34px;height:30px;color:var(--icon-muted);transition:all var(--dur-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.kn-theme-toggle button[data-active=true]{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-xs)}.kn-theme-toggle svg{width:16px;height:16px}
.page{max-width:var(--container-wide);padding:0 var(--gutter);margin:0 auto}.site-header{align-items:center;gap:var(--space-8);padding:var(--space-5) 0;display:flex}.site-logo{height:44px;display:block}.site-nav{gap:var(--space-6);margin-left:auto;display:flex}.nav-link{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-body);transition:color var(--dur-fast) var(--ease-out)}.nav-link:hover{color:var(--accent)}.nav-link--active{color:var(--accent);font-weight:var(--fw-semibold)}.site-actions{align-items:center;gap:var(--space-4);display:flex}.site-logo--dark,[data-theme=dark] .site-logo--light{display:none}[data-theme=dark] .site-logo--dark{display:block}.site-footer{border-top:1px solid var(--border);padding:var(--space-10) 0 var(--space-12);align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex}.footer-logo{height:36px}.footer-line{font-size:var(--fs-sm);color:var(--text-body)}.footer-copy{font-size:var(--fs-xs);color:var(--text-muted)}.results{padding:var(--space-8) 0 var(--space-16);min-height:60vh}.results .kn-badge{white-space:nowrap}.results__eyebrow{font-size:var(--fs-xs);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-3)}.results__title{font-size:var(--fs-h2);margin-bottom:var(--space-6)}.results__title em{color:var(--accent);font-style:italic}.results__search{max-width:720px;margin-bottom:var(--space-8)}.results__toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);border-top:1px solid var(--border);padding-top:var(--space-5);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.results__summary{font-size:var(--fs-sm);color:var(--text-muted)}.results__sort{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.results__sort-label{font-size:var(--fs-sm);color:var(--text-muted);margin-right:var(--space-1)}.results__grid{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.results__card-link{color:inherit;text-decoration:none;display:block}.kn-pagination{justify-content:center;align-items:center;gap:var(--space-4);padding-top:var(--space-10);display:flex}.kn-pagination__pages{align-items:center;gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.kn-pagination__ellipsis{font-size:var(--fs-sm);color:var(--text-muted);padding:0 var(--space-1);-webkit-user-select:none;user-select:none;align-items:center;display:inline-flex}.kn-skeleton{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-sm);gap:var(--space-4);min-height:156px;display:flex}.kn-skeleton__cover{border-radius:var(--radius-sm);background:var(--surface-accent);flex:none;width:84px;height:122px}.kn-skeleton__body{gap:var(--space-3);flex-direction:column;flex:1;min-width:0;display:flex}.kn-skeleton__line{border-radius:var(--radius-xs);background:var(--surface-accent);height:12px}.kn-skeleton__line--badge{width:88px;height:18px}.kn-skeleton__line--title{width:72%;height:18px}.kn-skeleton__line--author{width:45%}.kn-skeleton__row{align-items:center;gap:var(--space-3);margin-top:auto;display:flex}.kn-skeleton__line--price{width:96px;height:24px}.kn-skeleton__line--store{width:88px}.kn-skeleton-search__icon{border-radius:var(--radius-pill);flex:none;width:20px;height:20px}.kn-skeleton-search__query{width:38%;height:14px}.kn-skeleton-search__button{width:92px;height:var(--control-md);border-radius:var(--radius-sm);background:var(--accent-weak);flex:none;margin-left:auto}@media (prefers-reduced-motion:no-preference){.kn-skeleton{animation:kn-fade-in .28s var(--ease-out) both}.kn-skeleton:nth-child(2){animation-delay:50ms}.kn-skeleton:nth-child(3){animation-delay:.1s}.kn-skeleton:nth-child(4){animation-delay:.15s}.kn-skeleton:nth-child(5){animation-delay:.2s}.kn-skeleton:nth-child(6){animation-delay:.25s}.kn-skeleton:nth-child(7){animation-delay:.3s}.kn-skeleton:nth-child(8){animation-delay:.35s}@keyframes kn-fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}}.results__search-clear{margin-top:var(--space-2);font-family:var(--font-body);font-size:var(--fs-xs);color:var(--text-muted);cursor:pointer;transition:color var(--dur-fast) var(--ease-out);background:0 0;border:none;padding:0;display:block}.results__search-clear:hover{color:var(--accent)}.kn-empty{text-align:center;padding:var(--space-12) var(--space-6) var(--space-10);flex-direction:column;align-items:center;display:flex}.kn-empty__mascot{object-fit:contain;height:230px;margin-bottom:var(--space-5);-webkit-mask-image:radial-gradient(68% 66% at 50% 52%,#000 58%,#0000 97%);mask-image:radial-gradient(68% 66% at 50% 52%,#000 58%,#0000 97%)}.kn-empty__title{font-size:var(--fs-h3);margin-bottom:var(--space-2)}.kn-empty__text{font-size:var(--fs-body);color:var(--text-body);margin-bottom:var(--space-6)}.kn-empty__chips{align-items:center;gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.kn-empty__chips-label{font-size:var(--fs-sm);color:var(--text-muted);margin-right:var(--space-1)}.kn-empty__mascot--dark,[data-theme=dark] .kn-empty__mascot--light{display:none}[data-theme=dark] .kn-empty__mascot--dark{display:block}.kn-error{text-align:center;padding:var(--space-12) var(--space-6) var(--space-10);align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.kn-error__title{font-size:var(--fs-h3)}.kn-error__text{font-size:var(--fs-body);color:var(--text-body);max-width:460px}@media (max-width:900px){.site-nav{display:none}.results__toolbar{flex-direction:column;align-items:flex-start}.kn-empty__mascot{height:180px}}@media (max-width:767px){.results__grid{grid-template-columns:1fr;max-width:none}.results__search{max-width:none}.results__grid .kn-book,.results__grid .kn-skeleton{flex-direction:column}.results__grid .kn-book__cover,.results__grid .kn-skeleton__cover{width:104px;height:150px}.kn-skeleton{min-height:0}.kn-pagination{gap:var(--space-3);flex-wrap:wrap}.kn-pagination .kn-btn{min-width:44px;min-height:44px}}
.si-typeahead{position:relative}.si-ta__menu{top:calc(100% + var(--space-2));z-index:50;padding:var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-height:60vh;margin:0;list-style:none;position:absolute;left:0;right:0;overflow-y:auto}.si-ta__group{padding:var(--space-2) var(--space-3);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.si-ta__hint{padding:var(--space-3);font-size:var(--fs-sm);color:var(--text-muted)}.si-ta__row{align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--fs-sm);color:var(--text-body);cursor:pointer;display:flex}.si-ta__row:hover{background:var(--surface-accent)}.si-ta__row[data-active=true]{background:var(--accent-weak);font-weight:var(--fw-medium);box-shadow:inset 3px 0 0 0 var(--accent)}.si-ta__row-primary{color:var(--text);font-weight:var(--fw-medium)}.si-ta__row-sub{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.si-ta__row-price{color:var(--accent);font-weight:var(--fw-semibold);white-space:nowrap;margin-left:auto}.si-ta__row-hint{color:var(--text-faint);font-size:var(--fs-xs);white-space:nowrap;margin-left:auto}.si-ta__row--isbn .si-ta__row-sub{font-variant-numeric:tabular-nums}.si-ta__row--action{min-height:auto;padding:var(--space-2) var(--space-3) 0;cursor:default}.si-ta__row--action:hover{background:0 0}.si-ta__clear,.si-ta__retry{padding:var(--space-1) 0;font-size:var(--fs-xs);color:var(--accent);cursor:pointer;background:0 0;border:none}.si-ta__clear:hover,.si-ta__retry:hover{color:var(--accent-hover)}.si-ta__status{align-items:center;gap:var(--space-3);min-height:44px;padding:var(--space-2) var(--space-3);font-size:var(--fs-sm);color:var(--text-muted);display:flex}.si-ta__status--error{color:var(--text-body)}.si-ta__retry{margin-left:auto}.kn-field input[type=search]::-webkit-search-cancel-button{appearance:none;display:none}.kn-field__clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0;display:flex}.kn-field__clear:hover{color:var(--text)}.si-notice{align-items:baseline;gap:var(--space-2) var(--space-4);margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4);background:var(--surface-accent);border-radius:var(--radius-sm);font-size:var(--fs-sm);color:var(--text-body);flex-wrap:wrap;display:flex}.si-notice__action{color:var(--accent);font-weight:var(--fw-medium);text-decoration:none}.si-notice__action:hover{color:var(--accent-hover);text-decoration:underline}.si-jump{align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);padding:var(--space-4) var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:inherit;transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);text-decoration:none;display:flex}.si-jump:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.si-jump__name{font-size:var(--fs-title);font-weight:var(--fw-semibold);color:var(--text)}.si-jump__hint{font-size:var(--fs-sm);color:var(--text-muted)}.si-jump__chevron{color:var(--icon-muted);flex:none;margin-left:auto}.si-partial{margin-bottom:var(--space-5);padding:var(--space-2) var(--space-3);font-size:var(--fs-sm);color:var(--text-muted)}@media (max-width:767px){.si-ta__menu{z-index:200;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:70vh;box-shadow:var(--shadow-lg);position:fixed;inset:auto 0 0}.si-ta__row{min-height:48px}}@media (prefers-reduced-motion:reduce){.si-jump{transition:none}}
.bd-eyebrow{font-size:var(--fs-xs);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-3)}.bd-h1{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-h2);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);color:var(--text);margin-bottom:var(--space-2);text-wrap:pretty}.bd-h2{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-h3);line-height:var(--lh-snug);color:var(--text);margin-bottom:var(--space-5)}.bd-author{font-size:var(--fs-lead);color:var(--text-body);margin-bottom:var(--space-5)}.bd-crumbs{font-size:var(--fs-sm);color:var(--text-muted);margin-bottom:var(--space-8)}.bd-crumbs span{color:var(--text)}.bd-cover{border:1px solid var(--border);border-radius:var(--radius-md);background:linear-gradient(135deg, var(--surface-accent), var(--surface-sunk));box-shadow:var(--shadow-md);object-fit:cover;flex:none;justify-content:center;align-items:center;display:flex}.bd-cover span{font-size:var(--fs-xs);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--text-faint)}.bd-cover--md{width:220px;height:320px}.bd-desc__text{margin:0 0 var(--space-4);text-wrap:pretty;max-width:66ch}@media (max-width:767px){.bd-desc__text--clamped{-webkit-line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}.bd-desc__toggle{margin-top:var(--space-2);color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;min-height:44px;padding:0;display:inline-flex}@media (min-width:768px){.bd-desc__toggle{display:none}}.bd-unavail__hint{font-size:var(--fs-sm);color:var(--text-muted);margin-bottom:var(--space-4);text-wrap:pretty;max-width:36ch}.bd-meta{gap:var(--space-5) var(--space-10);grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px;margin:0;display:grid}.bd-meta dt{font-size:var(--fs-xs);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--text-muted);margin-bottom:2px}.bd-meta dd{color:var(--text);font-weight:var(--fw-medium);margin:0}.bd-meta dd.bd-meta--missing{color:var(--text-faint);font-weight:var(--fw-regular)}.bd-section{margin:var(--space-12) 0 0}.bd-updated{font-size:var(--fs-xs);color:var(--text-muted);margin-top:var(--space-3)}.bd-offer__avail--in{color:var(--brand-green)}.bd-offer__avail--low{color:var(--accent)}.bd-offer__avail--out{color:var(--text-faint)}.bd-offer__avail--unknown{color:var(--text-muted)}.bd-hint{gap:var(--space-3);background:var(--surface-sunk);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);font-size:var(--fs-sm);color:var(--text-muted);align-items:flex-start;max-width:66ch;display:flex}.bd-hint svg{color:var(--icon-muted);flex:none;margin-top:1px}.bdc-grid{gap:var(--space-12);grid-template-columns:minmax(0,1fr) 460px;align-items:start;display:grid}.bdc-idrow{gap:var(--space-8);margin-bottom:var(--space-8);display:flex}.bdc-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6)}.bdc-best{background:var(--accent-weak);border-radius:var(--radius-md);padding:var(--space-5);margin:var(--space-4) 0 var(--space-2)}.bdc-best__pricerow{align-items:baseline;gap:var(--space-3);margin:var(--space-2) 0 var(--space-1);display:flex}.bdc-best__price{font-family:var(--font-display);font-weight:var(--fw-semibold);color:var(--accent);font-size:2.25rem;line-height:1}.bdc-best__old{font-size:var(--fs-body);color:var(--text-muted);text-decoration:line-through}.bdc-best__store{font-size:var(--fs-sm);color:var(--text-body);margin-bottom:var(--space-4)}.bdc-best__store b{color:var(--text)}.bd-wish{align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.bd-wish__detail{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.bdc-row{align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-top:1px solid var(--border);display:flex}.bdc-row:first-of-type{border-top:none}.bdc-row__store{font-weight:var(--fw-medium);color:var(--text);flex:1;min-width:0}.bdc-row__avail{font-size:var(--fs-xs);white-space:nowrap}.bdc-row__price{font-family:var(--font-display);font-weight:var(--fw-semibold);color:var(--accent);white-space:nowrap;font-size:1.25rem}.bdc-row__old{font-size:var(--fs-xs);color:var(--text-muted);white-space:nowrap;text-decoration:line-through}.bdc-row--out{opacity:.66}.bdc-row--out .bdc-row__price{color:var(--text-faint)}.bd-unavail{text-align:center;padding:var(--space-4) var(--space-4) var(--space-5);flex-direction:column;align-items:center;display:flex}.bd-unavail__mascot{object-fit:contain;height:230px;margin-bottom:var(--space-4);-webkit-mask-image:radial-gradient(68% 66% at 50% 52%,#000 58%,#0000 97%);mask-image:radial-gradient(68% 66% at 50% 52%,#000 58%,#0000 97%)}.bd-unavail__mascot--dark,[data-theme=dark] .bd-unavail__mascot--light{display:none}[data-theme=dark] .bd-unavail__mascot--dark{display:block}.bd-unavail__title{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-h3);color:var(--text);margin-bottom:var(--space-2)}.bd-unavail__text{font-size:var(--fs-body);color:var(--text-body);max-width:42ch;margin-bottom:var(--space-5);text-wrap:pretty}.bd-sk{background:var(--surface-accent);border-radius:var(--radius-xs)}.bd-sk--card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion:no-preference){.bd-stagger>*{animation:bd-fade-in .28s var(--ease-out) both}.bd-stagger>:nth-child(2){animation-delay:50ms}.bd-stagger>:nth-child(3){animation-delay:.1s}.bd-stagger>:nth-child(4){animation-delay:.15s}.bd-stagger>:nth-child(5){animation-delay:.2s}.bd-stagger>:nth-child(6){animation-delay:.25s}@keyframes bd-fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}}@media (max-width:900px){.bd-unavail__mascot{height:180px}}@media (max-width:767px){.bdc-grid{gap:var(--space-8);grid-template-columns:1fr}.bd-meta{grid-template-columns:1fr}.bd-section{margin-top:var(--space-8)}}
.as-head{justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.as-head .bd-h2{margin-bottom:0}.as-all{white-space:nowrap;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--accent);align-items:center;gap:var(--space-1);border-radius:var(--radius-xs);transition:color var(--dur-fast) var(--ease-out);flex:none;display:inline-flex}.as-all:hover{color:var(--accent-hover)}.as-all svg{width:15px;height:15px}.as-shelf{--as-cols:4;--as-card-max:272px;grid-template-columns:repeat(var(--as-cols), minmax(0, var(--as-card-max)));justify-content:start;gap:var(--space-5);display:grid}.as-shelf .kn-book{flex-direction:column;min-width:0}.as-shelf .kn-book__cover{width:104px;height:150px}.as-shelf .kn-book__author{display:none}.as-shelf--mob{gap:var(--space-4);margin:0 calc(-1 * var(--space-4));padding:var(--space-1) var(--space-4) var(--space-4);scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-left:var(--space-4);-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.as-shelf--mob::-webkit-scrollbar{display:none}.as-shelf--mob .kn-book{scroll-snap-align:start;flex-direction:column;flex:none;width:168px}.as-shelf--mob .kn-book__cover{width:96px;height:138px}.as-shelf--mob .kn-book__author{display:none}.as-railmore{justify-content:center;align-self:stretch;align-items:center;gap:var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:168px;min-height:44px;box-shadow:var(--shadow-sm);color:var(--accent);text-align:center;padding:var(--space-4);scroll-snap-align:end;transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);flex-direction:column;flex:none;display:flex}.as-railmore:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.as-railmore svg{width:22px;height:22px}.as-railmore span{font-size:var(--fs-sm);font-weight:var(--fw-medium);line-height:var(--lh-snug)}.as-railmore small{font-size:var(--fs-xs);color:var(--text-muted)}.as-link{border-radius:var(--radius-md);color:inherit;text-decoration:none;display:block}.as-link:focus-visible,.as-all:focus-visible,.as-railmore:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (prefers-reduced-motion:no-preference){.as-stagger>*{animation:as-fade-in .28s var(--ease-out) both}.as-stagger>:nth-child(2){animation-delay:50ms}.as-stagger>:nth-child(3){animation-delay:.1s}.as-stagger>:nth-child(4){animation-delay:.15s}.as-stagger>:nth-child(5){animation-delay:.2s}@keyframes as-fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}}.as-tablet,.as-mobile{display:none}@media (max-width:1023px) and (min-width:768px){.as-desktop{display:none}.as-tablet{display:block}}@media (max-width:767px){.as-desktop{display:none}.as-mobile{display:block}}
.wishlist{padding:var(--space-8) 0 var(--space-16);min-height:60vh}.v1-page-head{justify-content:space-between;align-items:flex-start;gap:var(--space-8);margin-bottom:var(--space-8);display:flex}.v1-page-head-left{flex:1;min-width:0}.v1-page-head-right{align-items:flex-end;gap:var(--space-1);flex-direction:column;flex:none;display:flex}.v1-eyebrow{font-size:var(--fs-xs);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-3)}.v1-h1{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-h2);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);color:var(--text);margin-bottom:var(--space-3);text-wrap:pretty}.v1-h1 em{color:var(--accent);font-style:italic}.v1-h1--mob{font-size:var(--fs-h3)}.v1-sub{font-size:var(--fs-body);color:var(--text-body);text-wrap:pretty;max-width:60ch}.v1-single{max-width:940px}.hy-group-head{align-items:baseline;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--border);margin-bottom:var(--space-4);display:flex}.hy-group-head--mob{padding-bottom:var(--space-3);margin-bottom:var(--space-3)}.hy-group-title{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-h3);color:var(--text);margin:0}.hy-group-count{font-size:var(--fs-sm);color:var(--text-muted);background:var(--surface-accent);border-radius:var(--radius-pill);padding:2px var(--space-3);line-height:1.4}.hy-front{background:var(--surface-accent);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-6)}.hy-group{margin-bottom:var(--space-6)}.hy-front-empty{color:var(--text-muted);font-size:var(--fs-sm);margin:0}.v1-quiet-banner{align-items:flex-start;gap:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);color:var(--text-muted);font-size:var(--fs-sm);margin-bottom:var(--space-5);display:flex}.v1-quiet-banner svg{color:var(--icon-muted);flex:none;margin-top:2px}.v1-quiet-banner p{margin:0}.v1-quiet-banner p+p{margin-top:var(--space-1);color:var(--text-muted)}.v1-rows{flex-direction:column;display:flex}.v1-row{align-items:center;gap:var(--space-4);padding:var(--space-4) 0;border-top:1px solid var(--border);grid-template-columns:48px minmax(0,1fr) auto auto auto auto;min-height:104px;display:grid}.v1-rows .v1-row:first-child{border-top:none}.v1-row--out{opacity:.6}.v1-row--hot{background:color-mix(in oklab, var(--brand-green) 5%, var(--surface));border-radius:var(--radius-sm);outline:1px solid color-mix(in oklab, var(--brand-green) 45%, var(--border));outline-offset:-1px}.v1-cover{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--surface-accent), var(--surface-sunk));border:1px solid var(--border);object-fit:cover;flex:none;width:48px;height:70px;display:block}.v1-row-main{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.v1-row-title{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-title);color:var(--text);white-space:nowrap;text-overflow:ellipsis;text-decoration:none;overflow:hidden}a.v1-row-title:hover{color:var(--accent)}.v1-row-author{font-size:var(--fs-sm);color:var(--text-muted)}.v1-row-status{gap:var(--space-1);flex-direction:column;align-items:flex-start;min-width:120px;display:flex}.v1-pricecell{flex-direction:column;align-items:flex-end;gap:2px;min-width:100px;display:flex}.v1-pricecell__price{font-family:var(--font-display);font-weight:var(--fw-semibold);color:var(--accent);font-size:1.25rem}.v1-pricecell__store{font-size:var(--fs-xs);color:var(--text-muted)}.v1-pricecell__pending{font-size:var(--fs-sm);color:var(--text-muted);font-style:italic}.v1-row-ctas{gap:var(--space-2);flex:none;align-items:center;display:flex}.v1-row-actions{gap:var(--space-1);flex:none;align-items:center;display:flex}.wl-iconbtn{border:1px solid var(--border);border-radius:var(--radius-sm);width:32px;min-width:32px;height:32px;color:var(--icon-muted);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);background:0 0;justify-content:center;align-items:center;display:inline-flex}.wl-iconbtn:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.wl-iconbtn:disabled{opacity:.45;cursor:not-allowed}.wl-iconbtn svg{width:16px;height:16px}.hy-mcards{gap:var(--space-3);flex-direction:column;display:flex}.hy-mcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.hy-mcard--moment{border-color:color-mix(in oklab, var(--brand-green) 45%, var(--border));background:color-mix(in oklab, var(--brand-green) 6%, var(--surface))}.hy-mcard--moment .hy-mcard-cta,.hy-mcard--moment .hy-mcard-actions{border-top-color:color-mix(in oklab, var(--brand-green) 22%, var(--border))}.hy-mcard-top{align-items:center;gap:var(--space-3);padding:var(--space-4);cursor:pointer;text-align:left;width:100%;color:inherit;background:0 0;border:none;grid-template-columns:36px minmax(0,1fr) auto auto;display:grid}.hy-mcard-top:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.v1-mob-cover{border-radius:var(--radius-xs);background:linear-gradient(135deg, var(--surface-accent), var(--surface-sunk));border:1px solid var(--border);object-fit:cover;flex:none;width:36px;height:52px;display:block}.hy-mcard-main{flex-direction:column;gap:2px;min-width:0;display:flex}.v1-mob-row-title{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-sm);color:var(--text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.v1-mob-row-author{font-size:var(--fs-xs);color:var(--text-muted)}.hy-mcard-right{flex-direction:column;flex:none;align-items:flex-end;gap:2px;display:flex}.hy-mcard-price{font-family:var(--font-display);font-weight:var(--fw-semibold);color:var(--accent);font-size:1rem}.hy-mcard-price--faint{color:var(--text-muted);font-weight:var(--fw-regular)}.hy-mcard-price--green{color:var(--brand-green)}.hy-mcard-store{font-size:var(--fs-xs);color:var(--text-muted)}.hy-mcard-chev{color:var(--icon-muted);transition:transform var(--dur-fast) var(--ease-out);flex:none;align-items:center;display:inline-flex}.hy-mcard-chev--open{transform:rotate(180deg)}.hy-mcard-chev svg{width:16px;height:16px}.hy-mcard-body{padding:0 var(--space-4) var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.hy-mcard-meta{font-size:var(--fs-sm);justify-content:space-between;align-items:baseline;gap:var(--space-4);display:flex}.hy-mcard-meta>span:first-child{color:var(--text-muted)}.hy-mcard-cta{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);grid-template-columns:1fr 1fr;display:grid}.hy-mcard-actions{justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border);display:flex}.wl-auth-required{text-align:center;padding:var(--space-12) var(--space-6) var(--space-10);align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.wl-auth-required__title{font-size:var(--fs-h3);margin:0}.wl-auth-required__text{font-size:var(--fs-body);color:var(--text-body);max-width:460px;margin:0}.wl-auth-required__note{font-size:var(--fs-sm);color:var(--text-muted);max-width:380px;margin:0}.wl-empty{text-align:center;padding:var(--space-12) var(--space-6) var(--space-10);flex-direction:column;align-items:center;display:flex}.wl-empty__mascot{object-fit:contain;height:230px;margin-bottom:var(--space-5);-webkit-mask-image:radial-gradient(68% 66% at 50% 52%,#000 58%,#0000 97%);mask-image:radial-gradient(68% 66% at 50% 52%,#000 58%,#0000 97%)}.wl-empty__title{font-size:var(--fs-h3);margin-bottom:var(--space-2)}.wl-empty__text{font-size:var(--fs-body);color:var(--text-body);max-width:52ch;margin-bottom:var(--space-6);text-wrap:pretty}.wl-empty__mascot--dark,[data-theme=dark] .wl-empty__mascot--light{display:none}[data-theme=dark] .wl-empty__mascot--dark{display:block}.wl-toggle{gap:var(--space-2);flex-direction:column;display:flex}.wl-toggle__note{font-size:var(--fs-xs);color:var(--text-muted)}.v1-sk-block{background:var(--surface-accent);border-radius:var(--radius-xs);display:block}.v1-sk-row{align-items:center;gap:var(--space-4);padding:var(--space-4) 0;border-top:1px solid var(--border);grid-template-columns:48px minmax(0,1fr) 60px 80px;min-height:104px;display:grid}.v1-sk-row:first-child{border-top:none}.v1-sk-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);min-height:88px}@media (prefers-reduced-motion:no-preference){.v1-sk-row,.v1-sk-card{animation:wl-fade-in .28s var(--ease-out) both}.v1-sk-row:nth-child(2),.v1-sk-card:nth-child(2){animation-delay:50ms}.v1-sk-row:nth-child(3),.v1-sk-card:nth-child(3){animation-delay:.1s}.v1-sk-row:nth-child(4),.v1-sk-card:nth-child(4){animation-delay:.15s}.v1-sk-row:nth-child(5),.v1-sk-card:nth-child(5){animation-delay:.2s}@keyframes wl-fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}}.wl-show-mobile{display:none}.wl-show-desktop{display:grid}@media (max-width:900px){.v1-h1{font-size:var(--fs-h3)}.wl-empty__mascot{height:180px}}@media (max-width:767px){.wl-show-desktop{display:none}.wl-show-mobile{display:block}.v1-page-head{gap:var(--space-4);flex-direction:column}.v1-page-head-right{align-items:flex-start}.hy-front{padding:var(--space-4)}.wl-iconbtn{width:44px;min-width:44px;height:44px}.hy-mcard-top{min-height:44px}}
.ph-section{margin-top:var(--space-16)}.ph-frame .ph-section{margin-top:0}.ph-head{justify-content:space-between;align-items:center;gap:var(--space-5);margin-bottom:var(--space-3);flex-wrap:nowrap;display:flex}.ph-head .ph-h2{min-width:0}.ph-head .ph-periods{flex:none}.ph-h2{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-h3);line-height:var(--lh-snug);color:var(--text);margin:0}.ph-h2--sm{font-size:var(--fs-title)}.ph-periods{gap:var(--space-2);flex-wrap:wrap;display:flex}.ph-period{font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-body);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);padding:6px var(--space-4);cursor:pointer;white-space:nowrap;transition:border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out)}.ph-period:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.ph-period:disabled{opacity:.5;cursor:not-allowed}.ph-period[data-on=true]{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent)}.ph-advisory{font-size:var(--fs-body);color:var(--text-body);margin:0 0 var(--space-5);text-wrap:pretty;max-width:68ch}.ph-advisory b{font-weight:var(--fw-semibold)}.ph-advisory--good b{color:var(--brand-green)}.ph-advisory--high b,.ph-advisory--calm b{color:var(--text)}.ph-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-6)}.ph-chartwrap{position:relative}.ph-chart{width:100%;height:auto;display:block;overflow:visible}.ph-chart--d{aspect-ratio:760/244}.ph-chart--m{aspect-ratio:340/168;display:none}.ph-chart--d{display:block}.ph-axislabel{fill:var(--text-faint);font-size:11px;font-family:var(--font-body)}.ph-annot{fill:var(--text-muted);font-size:11.5px;font-family:var(--font-body);font-weight:500}.ph-annot--low{fill:var(--brand-green)}.ph-annot--now{fill:var(--accent)}.ph-annot--now-good{fill:var(--brand-green)}.ph-band{fill:var(--surface-accent);opacity:.8}.ph-band-edge{stroke:var(--border);stroke-width:1px;opacity:.7}.ph-bandlabel{fill:var(--text-faint);font-size:10.5px;font-family:var(--font-body);letter-spacing:.01em}.ph-stats{gap:var(--space-8);margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.ph-stat{flex-direction:column;gap:3px;min-width:0;display:flex}.ph-stat__label{font-size:var(--fs-xs);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--text-muted)}.ph-stat__val{font-family:var(--font-display);font-weight:var(--fw-semibold);color:var(--text);white-space:nowrap;font-size:1.5rem;line-height:1.1}.ph-stat__val--now{color:var(--accent)}.ph-stat__val--now-good,.ph-stat__val--low{color:var(--brand-green)}.ph-stat__val--typical,.ph-stat__val--high{color:var(--text-body)}.ph-stat__change{align-items:center;gap:5px;display:inline-flex}.ph-stat__change--down{color:var(--brand-green)}.ph-stat__change--up,.ph-stat__change--flat{color:var(--text-muted)}.ph-empty{background:var(--surface-sunk);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-6);gap:var(--space-5);align-items:flex-start;min-height:140px;display:flex}.ph-empty--error{max-width:520px}.ph-empty>div{min-width:0}.ph-empty__icon{width:44px;height:44px;color:var(--icon-muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);flex:none;justify-content:center;align-items:center;display:flex}.ph-empty__titlerow{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.ph-empty__titlerow .kn-badge{white-space:nowrap;flex:none}.ph-empty__title{min-width:0;font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-title);color:var(--text);flex:0 auto}.ph-empty p{font-size:var(--fs-sm);color:var(--text-muted);text-wrap:pretty;max-width:58ch;margin:0}.ph-sk-block{background:var(--surface-accent);border-radius:var(--radius-xs);animation:1.4s ease-in-out infinite ph-pulse;display:inline-block}.ph-sk-lines{gap:var(--space-2);margin-bottom:var(--space-5);flex-direction:column;display:flex}.ph-sk-chart{border-radius:var(--radius-sm);background:var(--surface-sunk);width:100%;height:244px;animation:1.4s ease-in-out infinite ph-pulse;position:relative;overflow:hidden}.ph-sk-chart__band{background:var(--surface-accent);height:28%;animation:1.4s ease-in-out infinite ph-pulse;position:absolute;top:30%;left:0;right:0}.ph-sk-chart__axis{left:var(--space-4);right:var(--space-6);justify-content:space-between;gap:var(--space-4);display:flex;position:absolute;bottom:16px}.ph-sk-chart__axis span{border-radius:var(--radius-xs);background:var(--surface-accent);width:30px;height:9px;animation:1.4s ease-in-out infinite ph-pulse}@keyframes ph-pulse{0%,to{opacity:.7}50%{opacity:.35}}.ph-swap{opacity:1}@media (max-width:767px){.ph-section{margin-top:var(--space-10)}.ph-h2{font-size:var(--fs-title);margin-bottom:var(--space-4)}.ph-head{align-items:stretch;gap:var(--space-4);flex-direction:column}.ph-periods{justify-content:center;align-items:center;row-gap:var(--space-2);width:100%}.ph-period{height:44px;min-height:44px;padding:0 var(--space-4);justify-content:center;align-items:center;line-height:1;display:inline-flex}.ph-period:first-child,.ph-period:nth-child(2){min-width:72px}.ph-period:nth-child(3){min-width:56px}.ph-period:nth-child(4){min-width:80px}.ph-advisory{font-size:var(--fs-sm);line-height:var(--lh-normal);max-width:none;margin:0 0 var(--space-5)}.ph-card{padding:var(--space-5)}.ph-chart--d{display:none}.ph-chart--m{display:block}.ph-stats{gap:var(--space-5) var(--space-4);margin-top:var(--space-4);padding-top:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.ph-stat__val{font-size:1.3125rem}.ph-empty{padding:var(--space-5)}.ph-sk-chart{height:168px}.ph-sk-chart__axis{left:var(--space-2);right:var(--space-5);bottom:12px}}@media (prefers-reduced-motion:reduce){.ph-sk-block,.ph-sk-chart,.ph-sk-chart__band,.ph-sk-chart__axis span{animation:none}}
.wl-iconbtn--trig{color:var(--brand-green)}.wl-iconbtn--trig:hover{background:color-mix(in oklab, var(--brand-green) 12%, transparent);color:var(--brand-green)}.wl-iconbtn--paused{color:var(--text-muted)}.wl-iconbtn--unavail{color:var(--text-faint);cursor:not-allowed}.wl-iconbtn--unavail:hover{color:var(--text-faint);background:0 0}.al-chip{white-space:nowrap;font-family:var(--font-body);font-size:var(--fs-xs);font-weight:var(--fw-semibold);border-radius:var(--radius-pill);align-items:center;gap:5px;padding:3px 10px 3px 8px;line-height:1.4;display:inline-flex}.al-chip svg{flex:none}.al-chip--watch{background:var(--accent-weak);color:var(--accent)}.al-chip--trig{background:color-mix(in oklab, var(--brand-green) 16%, transparent);color:var(--brand-green)}.al-chip--paused{background:var(--surface-accent);color:var(--text-muted)}.al-chip--unavail{background:var(--surface-accent);color:var(--text-faint)}.al-target{font-size:var(--fs-xs);color:var(--text-muted);text-wrap:pretty}.al-target b{color:var(--text-body);font-weight:var(--fw-semibold)}.al-target--green,.al-target--green b{color:var(--brand-green)}.al-muted{font-size:var(--fs-xs);color:var(--text-muted);text-wrap:pretty}.al-link{white-space:nowrap;cursor:pointer;font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-muted);transition:color var(--dur-fast) var(--ease-out);background:0 0;border:none;align-items:center;gap:5px;padding:2px 0;display:inline-flex}.al-link:hover{color:var(--accent)}.al-link svg{flex:none}.al-link--sm{font-size:var(--fs-xs)}.al-config{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:332px;max-width:100%;box-shadow:var(--shadow-lg);padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.al-config__head{flex-direction:column;gap:3px;display:flex}.al-config__title{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-title);line-height:var(--lh-snug);color:var(--text)}.al-config__sub{font-size:var(--fs-xs);color:var(--text-muted);text-wrap:pretty}.al-opts{gap:var(--space-2);flex-direction:column;display:flex}.al-opt{gap:var(--space-3);text-align:left;background:var(--surface-sunk);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;padding:var(--space-3) var(--space-4);cursor:pointer;color:var(--text-body);transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);grid-template-columns:18px minmax(0,1fr) auto;align-items:start;font-family:inherit;display:grid}.al-opt:hover:not(.al-opt--disabled){border-color:var(--border-strong)}.al-opt--on{border-color:var(--accent);background:var(--accent-weak)}.al-opt--disabled{opacity:.55;cursor:not-allowed}.al-radio{border-radius:var(--radius-pill);border:2px solid var(--border-strong);width:18px;height:18px;transition:border-color var(--dur-fast) var(--ease-out);flex:none;margin-top:1px;position:relative}.al-opt--on .al-radio{border-color:var(--accent)}.al-opt--on .al-radio:after{content:"";border-radius:var(--radius-pill);background:var(--accent);position:absolute;inset:3px}.al-opt__main{flex-direction:column;gap:2px;min-width:0;display:flex}.al-opt__label{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text)}.al-opt__desc{font-size:var(--fs-xs);color:var(--text-muted);text-wrap:pretty}.al-opt__price{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-sm);color:var(--accent);white-space:nowrap}.al-opt--on .al-opt__price{color:var(--accent)}.al-custom{gap:var(--space-2);flex-direction:column;display:flex}.al-custom__row{align-items:center;gap:var(--space-2);display:flex}.al-custom__row .kn-input{max-width:140px}.al-custom__unit{font-family:var(--font-display);font-weight:var(--fw-semibold);color:var(--text-muted)}.al-custom__cancel{margin-left:auto}.al-config__foot{align-items:flex-start;gap:var(--space-2);font-size:var(--fs-xs);color:var(--text-muted);text-wrap:pretty;display:flex}.al-config__foot svg{color:var(--icon-muted);flex:none;margin-top:1px}.al-config__actions{align-items:center;gap:var(--space-2);display:flex}.al-config__actions .al-grow{flex:1}.al-config__actions .kn-btn{width:100%}.al-manage{padding-top:var(--space-3);border-top:1px solid var(--border);align-items:center;display:flex}.al-manage__btn{align-items:center;gap:var(--space-2);cursor:pointer;font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-muted);transition:color var(--dur-fast) var(--ease-out);background:0 0;border:none;padding:4px 0;display:inline-flex}.al-manage__btn:hover{color:var(--text-body)}.al-manage__btn svg{color:var(--icon-muted);flex:none}.al-paused-note{align-items:flex-start;gap:var(--space-3);background:var(--surface-accent);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-4);font-size:var(--fs-sm);color:var(--text-muted);text-wrap:pretty;display:flex}.al-paused-note svg{color:var(--icon-muted);flex:none;margin-top:1px}.al-paused-note b{color:var(--text-body);font-weight:var(--fw-semibold)}.al-anchor{display:inline-flex;position:relative}.al-anchor--labelled{align-items:center;gap:var(--space-3)}.al-pop{top:calc(100% + var(--space-2));z-index:30;position:absolute;right:0}.al-pop--left{left:0;right:auto}.al-sheet{background:var(--surface);border-top:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-lg);padding:var(--space-3) var(--space-5) calc(var(--space-5) + env(safe-area-inset-bottom));gap:var(--space-4);flex-direction:column;display:flex}.al-sheet__grab{border-radius:var(--radius-pill);background:var(--border-strong);width:36px;height:4px;margin-bottom:var(--space-1);align-self:center}.al-sheet .al-config{width:100%;box-shadow:none;border:none;padding:0}.al-overlay{z-index:200;justify-content:stretch;align-items:flex-end;display:flex;position:fixed;inset:0}.al-overlay__scrim{background:color-mix(in oklab, var(--kn-ink) 32%, transparent);animation:al-scrim-in var(--dur-base) var(--ease-out) both;position:absolute;inset:0}.al-overlay .al-sheet{z-index:1;width:100%;animation:al-sheet-rise .26s var(--ease-out) both;position:relative}@keyframes al-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes al-sheet-rise{0%{opacity:.4;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.al-sheet .al-config__actions{align-items:stretch;gap:var(--space-3);display:flex}.al-sheet .al-config__actions .kn-btn{height:44px;min-height:44px;font-size:var(--fs-sm)}.al-sheet .al-config__actions>.kn-btn{flex:none;width:auto;min-width:120px}.al-sheet .al-config__actions .al-grow{flex:auto;min-width:120px;display:flex}.al-sheet .al-config__actions .al-grow .kn-btn{width:100%}.al-sheet .al-config__actions .kn-btn--ghost{border-color:var(--border-strong);color:var(--text);box-shadow:none}.al-sheet .al-config__actions .kn-btn--ghost:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:0 0}.al-sheet .al-note{flex-wrap:wrap}.al-sheet .al-note__action{margin-left:auto}.al-sheet .al-note__action .kn-btn{min-width:120px;height:44px;min-height:44px;font-size:var(--fs-sm)}.al-sheet .al-opt{min-height:56px}.al-note{align-items:center;gap:var(--space-3);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font-size:var(--fs-sm);color:var(--text-body);text-wrap:pretty;display:flex}.al-note__icon{flex:none;display:flex}.al-note__body{flex:1;min-width:0}.al-note__body b{color:var(--text);font-weight:var(--fw-semibold)}.al-note--ok{background:color-mix(in oklab, var(--brand-green) 8%, var(--surface-sunk));border:1px solid color-mix(in oklab, var(--brand-green) 24%, var(--border))}.al-note--ok .al-note__icon{color:var(--brand-green)}.al-note--quiet{background:var(--surface-sunk);border:1px solid var(--border)}.al-note--quiet .al-note__icon{color:var(--icon-muted)}.al-note--err{background:var(--surface-sunk);border:1px solid var(--border-strong)}.al-note--err .al-note__icon{color:var(--text-muted)}.al-note__action{flex:none;margin-left:auto}.al-toast{align-items:center;gap:var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow-md);padding:var(--space-2) var(--space-4);font-size:var(--fs-sm);color:var(--text-body);display:inline-flex}.al-toast svg{color:var(--brand-green);flex:none}.al-toast__dismiss{margin-left:var(--space-1);border-radius:var(--radius-pill);cursor:pointer;color:var(--icon-muted);transition:color var(--dur-fast) var(--ease-out);background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:2px;display:inline-flex}.al-toast__dismiss:hover{color:var(--text-body)}.al-toast__dismiss svg{color:inherit}.al-toast-wrap{z-index:210;left:0;right:0;bottom:calc(var(--space-6) + env(safe-area-inset-bottom));pointer-events:none;animation:al-sheet-rise .26s var(--ease-out) both;justify-content:center;display:flex;position:fixed}.al-toast-wrap .al-toast{pointer-events:auto}.bd-sk{background:var(--surface-accent);border-radius:var(--radius-xs);animation:1.4s ease-in-out infinite al-sk-pulse;display:inline-block}@keyframes al-sk-pulse{0%,to{opacity:.7}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.bd-sk,.al-overlay__scrim,.al-overlay .al-sheet,.al-toast-wrap{animation:none}}