:root{--bq-color-brand-primary: #1A1815;--bq-color-brand-secondary: #6C6358;--bq-color-brand-accent: #B86F4F;--bq-color-semantic-success: #7C8B6C;--bq-color-semantic-warning: #C99B5A;--bq-color-semantic-danger: #B86F4F;--bq-color-semantic-info: #6C6358;--bq-color-surface-base: #F5F2EC;--bq-color-surface-raised: #FAF7F1;--bq-color-surface-paper: #FAF7F1;--bq-color-surface-overlay: rgba(26, 24, 21, .4);--bq-color-surface-inverse: #1A1815;--bq-color-text-primary: #1A1815;--bq-color-text-secondary: #6C6358;--bq-color-text-muted: #7E7158;--bq-color-text-inverse: #F5F2EC;--bq-color-text-accent: #B86F4F;--bq-color-text-link: #1A1815;--bq-color-border-subtle: rgba(26, 24, 21, .06);--bq-color-border-default: rgba(26, 24, 21, .1);--bq-color-border-strong: rgba(26, 24, 21, .22);--bq-color-border-focus: #1A1815;--bq-color-layer-l1-primary: #B86F4F;--bq-color-layer-l1-soft: #E9D5C7;--bq-color-layer-l2-primary: #1A1815;--bq-color-layer-l2-soft: #D5D1C8;--bq-color-layer-l3-primary: #7C8B6C;--bq-color-layer-l3-soft: #D4DCC9;--bq-color-layer-l4-primary: #C99B5A;--bq-color-layer-l4-soft: #EBDDC4;--bq-color-tier-t1: #D4DCC9;--bq-color-tier-t2: #B5C4A8;--bq-color-tier-t3: #7C8B6C;--bq-color-tier-t4: #E9D5C7;--bq-color-tier-t5: #C99B5A;--bq-color-tier-t6: #B86F4F;--bq-color-tier-t7: #8B4A33;--bq-color-tier-t8: #5C3322;--bq-color-tier-t9: #1A1815;--bq-color-credential-micro-primary: #A29886;--bq-color-credential-micro-accent: #6C6358;--bq-color-credential-standard-primary: #7C8B6C;--bq-color-credential-standard-accent: #4F5C45;--bq-color-credential-major-primary: #B86F4F;--bq-color-credential-major-accent: #7A4A33;--bq-color-credential-master-primary: #1A1815;--bq-color-credential-master-accent: #000000;--bq-color-credential-legendary-primary: #C99B5A;--bq-color-credential-legendary-accent: #8B6A3C;--bq-atmosphere-fairytale-primary: #F5E6D3;--bq-atmosphere-fairytale-secondary: #7BAFD4;--bq-atmosphere-fairytale-accent: #E27D60;--bq-atmosphere-fairytale-surface: #D4A574;--bq-atmosphere-fairytale-label: 동화;--bq-atmosphere-fairytale-label-en: Fairytale;--bq-atmosphere-fairytale-style-prefix: soft watercolor illustration, dreamy pastel palette, gentle lighting;--bq-atmosphere-fantasy-primary: #3A6B3D;--bq-atmosphere-fantasy-secondary: #C9A24E;--bq-atmosphere-fantasy-accent: #F5E6D3;--bq-atmosphere-fantasy-surface: #7BA86C;--bq-atmosphere-fantasy-label: 판타지;--bq-atmosphere-fantasy-label-en: Fantasy;--bq-atmosphere-fantasy-style-prefix: epic fantasy illustration, lush forest tones, golden accents;--bq-atmosphere-mystery-primary: #2B4F4A;--bq-atmosphere-mystery-secondary: #6B4570;--bq-atmosphere-mystery-accent: #F5E6D3;--bq-atmosphere-mystery-surface: #5C6373;--bq-atmosphere-mystery-label: 미스터리;--bq-atmosphere-mystery-label-en: Mystery;--bq-atmosphere-mystery-style-prefix: noir atmosphere, deep teal and plum shadows, fog accents;--bq-atmosphere-history-primary: #A87B5D;--bq-atmosphere-history-secondary: #D4A574;--bq-atmosphere-history-accent: #F5E6D3;--bq-atmosphere-history-surface: #5F4B32;--bq-atmosphere-history-label: 역사;--bq-atmosphere-history-label-en: History;--bq-atmosphere-history-style-prefix: sepia-toned classical illustration, aged parchment textures;--bq-atmosphere-future-primary: #7BAFD4;--bq-atmosphere-future-secondary: #9B7EBD;--bq-atmosphere-future-accent: #F5E6D3;--bq-atmosphere-future-surface: #3C5A82;--bq-atmosphere-future-label: 미래·SF;--bq-atmosphere-future-label-en: Future / Sci-Fi;--bq-atmosphere-future-style-prefix: cool sci-fi aesthetic, holographic blues and violets;--bq-atmosphere-daily-primary: #A89B85;--bq-atmosphere-daily-secondary: #D4A574;--bq-atmosphere-daily-accent: #FFFCF5;--bq-atmosphere-daily-surface: #8C7864;--bq-atmosphere-daily-label: 일상;--bq-atmosphere-daily-label-en: Daily Life;--bq-atmosphere-daily-style-prefix: warm natural illustration, soft daylight, earthy tones;--bq-font-size-xs: .6875rem;--bq-font-size-sm: .8125rem;--bq-font-size-base: .9375rem;--bq-font-size-lg: 1.125rem;--bq-font-size-xl: 1.375rem;--bq-font-size-2xl: 1.75rem;--bq-font-size-3xl: 2.25rem;--bq-font-size-4xl: 2.875rem;--bq-font-size-5xl: 3.625rem;--bq-font-size-6xl: 4.5rem;--bq-font-weight-regular: 400;--bq-font-weight-medium: 500;--bq-font-weight-semibold: 600;--bq-font-weight-bold: 700;--bq-font-weight-black: 800;--bq-line-height-tight: 1.05;--bq-line-height-snug: 1.2;--bq-line-height-normal: 1.5;--bq-line-height-relaxed: 1.6;--bq-line-height-loose: 1.75;--bq-letter-spacing-tighter: -.035em;--bq-letter-spacing-tight: -.02em;--bq-letter-spacing-normal: 0;--bq-letter-spacing-wide: .05em;--bq-letter-spacing-wider: .15em;--bq-letter-spacing-widest: .25em;--bq-space-0: 0;--bq-space-1: .25rem;--bq-space-2: .5rem;--bq-space-3: .75rem;--bq-space-4: 1rem;--bq-space-5: 1.25rem;--bq-space-6: 1.5rem;--bq-space-8: 2rem;--bq-space-10: 2.5rem;--bq-space-12: 3rem;--bq-space-16: 4rem;--bq-space-20: 5rem;--bq-space-24: 6rem;--bq-space-32: 8rem;--bq-space-40: 10rem;--bq-space-48: 12rem;--bq-space-64: 16rem;--bq-space-0.5: .125rem;--bq-space-1.5: .375rem;--bq-radius-none: 0;--bq-radius-sm: 2px;--bq-radius-md: 4px;--bq-radius-lg: 6px;--bq-radius-xl: 8px;--bq-radius-2xl: 12px;--bq-radius-3xl: 16px;--bq-radius-full: 9999px;--bq-duration-instant: 0ms;--bq-duration-fast: .12s;--bq-duration-normal: .2s;--bq-duration-slow: .32s;--bq-duration-slower: .5s;--bq-duration-reveal: .6s;--bq-duration-celebrate: 1.4s;--bq-easing-linear: cubic-bezier(0, 0, 1, 1);--bq-easing-in: cubic-bezier(.4, 0, 1, 1);--bq-easing-out: cubic-bezier(0, 0, .2, 1);--bq-easing-inout: cubic-bezier(.4, 0, .2, 1);--bq-easing-spring: cubic-bezier(.34, 1.56, .64, 1);--bq-easing-cinematic: cubic-bezier(.65, 0, .35, 1);--bq-breakpoint-sm: 640px;--bq-breakpoint-md: 768px;--bq-breakpoint-lg: 1024px;--bq-breakpoint-xl: 1280px;--bq-breakpoint-2xl: 1536px}@media (prefers-reduced-motion: reduce){:root{--bq-duration-instant: 0ms;--bq-duration-fast: 0ms;--bq-duration-normal: 0ms;--bq-duration-slow: 0ms;--bq-duration-slower: 0ms;--bq-duration-reveal: 0ms;--bq-duration-celebrate: 0ms}}:root{--bq-shadow-hairline: 0 1px 0 0 rgba(26, 24, 21, .08);--bq-shadow-xs: 0 1px 2px 0 rgba(26, 24, 21, .04);--bq-shadow-sm: 0 2px 4px -1px rgba(26, 24, 21, .06);--bq-shadow-md: 0 4px 12px -2px rgba(26, 24, 21, .08);--bq-shadow-lg: 0 8px 24px -4px rgba(26, 24, 21, .1);--bq-shadow-xl: 0 16px 40px -8px rgba(26, 24, 21, .14);--bq-shadow-2xl: 0 24px 64px -12px rgba(26, 24, 21, .2);--bq-shadow-inset: inset 0 1px 2px 0 rgba(26, 24, 21, .05);--bq-shadow-glow-accent: 0 0 0 3px rgba(184, 111, 79, .18);--bq-z-base: 0;--bq-z-raised: 10;--bq-z-sticky: 50;--bq-z-dropdown: 100;--bq-z-overlay: 900;--bq-z-modal: 1000;--bq-z-tooltip: 1100;--bq-z-notification: 2000;--bq-focus-ring-color: var(--bq-color-border-focus);--bq-focus-ring-width: 1.5px;--bq-focus-ring-offset: 2px;--bq-focus-ring: var(--bq-focus-ring-width) solid var(--bq-focus-ring-color);--bq-bp-sm: var(--bq-breakpoint-sm);--bq-bp-md: var(--bq-breakpoint-md);--bq-bp-lg: var(--bq-breakpoint-lg);--bq-bp-xl: var(--bq-breakpoint-xl)}:root{--bq-container-narrow: 720px;--bq-container: 1280px;--bq-container-wide: 1440px;--bq-container-full: 1600px;--bq-color-highlight-yellow: #FBDA83;--bq-color-highlight-coral: #E4938E;--bq-color-highlight-blue: #8DBBFF;--bq-color-highlight-mint: #B7E0C7;--bq-color-accent-deep: #8B4A33;--bq-color-accent-soft: #E9D5C7;--bq-spring-hover: cubic-bezier(.34, 1.56, .64, 1);--bq-spring-modal: cubic-bezier(.22, 1, .36, 1);--bq-spring-page: cubic-bezier(.16, 1, .3, 1);--bq-spring-ritual: cubic-bezier(.34, 1.56, .64, 1);--bq-duration-hover: .2s;--bq-duration-modal: .32s;--bq-duration-page: .4s;--bq-duration-ritual: .6s;--bq-font-display: "Tiempos Headline", "Noto Serif KR", "Source Han Serif KR", "Source Han Serif", "DM Serif Display", Georgia, "Times New Roman", serif;--bq-font-body: "Pretendard Variable", "Inter Variable", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Apple SD Gothic Neo", "Pretendard", "Noto Sans KR", sans-serif;--bq-font-mono: "JetBrains Mono", "D2Coding", "Fira Code", "Menlo", "Consolas", monospace;--bq-fs-display: 6rem;--bq-fs-h1: 3.625rem;--bq-fs-h2: 2.5rem;--bq-fs-h3: 1.5rem;--bq-fs-h4: 1.25rem;--bq-fs-body-lg: 1.0625rem;--bq-fs-body: .9375rem;--bq-fs-sm: .8125rem;--bq-fs-label: .6875rem;--bq-fs-micro: .625rem;--bq-lh-body: 1.55;--bq-ls-body: -.005em;--bq-lh-heading: 1.1;--bq-ls-heading: -.025em}html[lang^=ko],[lang^=ko]{--bq-lh-body: 1.75;--bq-ls-body: 0;--bq-lh-heading: 1.15;--bq-ls-heading: -.02em}html[lang^=ja],[lang^=ja]{--bq-lh-body: 1.8;--bq-ls-body: .02em;--bq-lh-heading: 1.18;--bq-ls-heading: -.015em}html[lang^=zh],[lang^=zh]{--bq-lh-body: 1.75;--bq-ls-body: .01em;--bq-lh-heading: 1.15;--bq-ls-heading: -.015em}:root{--bq-color-border-hairline: rgba(26, 24, 21, .06);--bq-shadow-card: 0 1px 2px 0 rgba(26, 24, 18, .04), 0 4px 12px -2px rgba(26, 24, 18, .04);--bq-shadow-card-hover: 0 2px 4px 0 rgba(26, 24, 18, .06), 0 12px 32px -6px rgba(26, 24, 18, .08);--bq-radius-card: 12px;--bq-padding-card: 28px;--bq-padding-card-sm: 20px;--bq-card-hover-lift: -2px}:root[data-theme=dark]{--bq-color-surface-base: #1A1815;--bq-color-surface-raised: #232020;--bq-color-surface-paper: #232020;--bq-color-surface-overlay: rgba(245, 242, 236, .08);--bq-color-surface-inverse: #F5F2EC;--bq-color-text-primary: #EFE9DD;--bq-color-text-secondary: #B8AE9C;--bq-color-text-muted: #9A917F;--bq-color-text-inverse: #1A1815;--bq-color-text-accent: #D88A6A;--bq-color-text-link: #EFE9DD;--bq-color-border-hairline: rgba(239, 233, 221, .08);--bq-color-border-subtle: rgba(239, 233, 221, .1);--bq-color-border-default: rgba(239, 233, 221, .16);--bq-color-border-strong: rgba(239, 233, 221, .28);--bq-color-border-focus: #D88A6A;--bq-color-accent-deep: #B86F4F;--bq-color-accent-soft: #5C3322;--bq-shadow-card: 0 0 0 1px rgba(239, 233, 221, .04);--bq-shadow-card-hover: 0 0 0 1px rgba(239, 233, 221, .1), 0 8px 24px -8px rgba(0, 0, 0, .4);--bq-shadow-xs: none;--bq-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .4);--bq-shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .5);--bq-shadow-lg: 0 8px 24px -4px rgba(0, 0, 0, .6);--bq-shadow-xl: 0 16px 40px -8px rgba(0, 0, 0, .7);--bq-shadow-2xl: 0 24px 64px -12px rgba(0, 0, 0, .8);--bq-shadow-inset: inset 0 1px 2px 0 rgba(0, 0, 0, .3);--bq-shadow-glow-accent: 0 0 0 3px rgba(216, 138, 106, .28);--bq-color-highlight-yellow: #C99B5A;--bq-color-highlight-coral: #D88A6A;--bq-color-highlight-blue: #6B8EBD;--bq-color-highlight-mint: #7C8B6C;color-scheme:dark}@media (prefers-color-scheme: dark){:root:not([data-theme=light]):not([data-theme=dark]){--bq-color-surface-base: #1A1815;--bq-color-surface-raised: #232020;--bq-color-surface-paper: #232020;--bq-color-text-primary: #EFE9DD;--bq-color-text-secondary: #B8AE9C;--bq-color-text-muted: #9A917F;--bq-color-text-accent: #D88A6A;--bq-color-border-hairline: rgba(239, 233, 221, .08);--bq-color-border-default: rgba(239, 233, 221, .16);--bq-color-border-strong: rgba(239, 233, 221, .28);color-scheme:dark}}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh}body{font-family:var(--bq-font-body);background:var(--bq-color-surface-base);color:var(--bq-color-text-primary);line-height:var(--bq-lh-body);letter-spacing:var(--bq-ls-body);font-size:var(--bq-fs-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{color:var(--bq-color-text-primary);text-decoration:none;border-bottom:1px solid var(--bq-color-border-default)}a:hover{border-bottom-color:var(--bq-color-text-primary)}::selection{background:var(--bq-color-text-primary);color:var(--bq-color-surface-base)}.topnav{position:sticky;top:0;z-index:var(--bq-z-sticky);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:72px;padding:0 var(--bq-space-8);background:#f5f2ecd9;-webkit-backdrop-filter:blur(8px) saturate(180%);backdrop-filter:blur(8px) saturate(180%);box-shadow:var(--bq-shadow-xs);border-bottom:1px solid var(--bq-color-border-default);transition:height .32s var(--bq-spring-page),box-shadow .24s ease-out,backdrop-filter .32s ease-out}.topnav.is-scrolled{height:52px;box-shadow:var(--bq-shadow-sm);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%)}.topnav .topnav-brand-sub{transition:opacity .24s ease-out,transform .32s var(--bq-spring-page)}.topnav.is-scrolled .topnav-brand-sub{opacity:0;transform:translate(-4px);pointer-events:none}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.topnav{background:var(--bq-color-surface-base)}}.topnav-brand{display:flex;align-items:baseline;gap:var(--bq-space-2);justify-self:start}.topnav-brand-mark{font-family:"DM Serif Display",Nanum Myeongjo,"Noto Serif KR",Georgia,serif;font-size:var(--bq-font-size-xl);font-weight:var(--bq-font-weight-regular);letter-spacing:-.015em;color:var(--bq-color-text-primary);line-height:var(--bq-line-height-tight);font-style:normal;transition:font-style 0ms 0ms,transform .32s var(--bq-spring-page),color .2s ease-out;display:inline-block}.topnav-brand:hover .topnav-brand-mark{font-style:italic;color:var(--bq-color-text-accent);transform:translate(2px)}.topnav-brand-sub{font-size:var(--bq-fs-sm);letter-spacing:.18em;text-transform:uppercase;color:var(--bq-color-text-secondary);font-weight:var(--bq-font-weight-medium);font-family:var(--bq-font-mono);line-height:1;min-width:120px;white-space:nowrap}.topnav-links{display:flex;align-items:center;gap:var(--bq-space-1);justify-self:center}.topnav-link{position:relative;display:inline-flex;align-items:center;justify-content:center;height:var(--bq-space-8);min-width:96px;padding:0 var(--bq-space-3);font-size:var(--bq-font-size-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--bq-color-text-muted);font-weight:var(--bq-font-weight-semibold);font-family:JetBrains Mono,Fira Code,Menlo,monospace;text-align:center;white-space:nowrap;border:0;border-radius:var(--bq-radius-md);background:transparent;text-decoration:none;transition:background .16s ease,color .16s ease}.topnav-link:hover{color:var(--bq-color-text-primary);background:var(--bq-color-surface-paper);border:0}.topnav-link.active{color:var(--bq-color-text-primary)}.topnav-link.active:after{content:"";position:absolute;left:var(--bq-space-3);right:var(--bq-space-3);bottom:-2px;height:2px;background:var(--bq-color-text-accent);border-radius:var(--bq-radius-sm);animation:bq-underline-in .36s var(--bq-spring-page) both;transform-origin:left center}@keyframes bq-underline-in{0%{opacity:0;transform:scaleX(0)}60%{opacity:1;transform:scaleX(1.04)}to{opacity:1;transform:scaleX(1)}}@media (prefers-reduced-motion: reduce){.topnav-link.active:after{animation:none}}.topnav-right{display:flex;align-items:center;gap:var(--bq-space-3);justify-self:end}.locale-select-wrap{position:relative;display:inline-flex;align-items:center;gap:var(--bq-space-2);height:var(--bq-space-8);padding:0 var(--bq-space-7, 1.75rem) 0 var(--bq-space-3);width:132px;border:1px solid var(--bq-color-border-default);border-radius:var(--bq-radius-md);background:var(--bq-color-surface-base);color:var(--bq-color-text-secondary);cursor:pointer;transition:color .16s ease,border-color .16s ease,background .16s ease}.locale-select-wrap:hover{color:var(--bq-color-text-primary);border-color:var(--bq-color-text-primary);background:var(--bq-color-surface-paper)}.locale-select-wrap:focus-within{outline:1.5px solid var(--bq-color-border-focus);outline-offset:2px;color:var(--bq-color-text-primary)}.locale-select-icon{flex-shrink:0;color:inherit;opacity:.85}.locale-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:transparent;border:0;padding:0;margin:0;font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-size:var(--bq-font-size-sm);font-weight:var(--bq-font-weight-medium);color:inherit;cursor:pointer;line-height:1;width:100%}.locale-select:focus{outline:0}.locale-select-wrap:after{content:"";position:absolute;right:12px;top:50%;width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-70%) rotate(45deg);pointer-events:none;opacity:.6}.locale-select option{background:var(--bq-color-surface-base);color:var(--bq-color-text-primary);font-family:Inter,Pretendard,-apple-system,sans-serif;font-weight:500;padding:6px 10px}.kicker{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--bq-color-text-muted);font-weight:600;font-family:JetBrains Mono,monospace}.kicker-accent{color:var(--bq-color-text-accent)}.h-display{font-family:var(--bq-font-display);font-weight:var(--bq-font-weight-regular);font-size:var(--bq-fs-display);letter-spacing:var(--bq-ls-heading);line-height:var(--bq-lh-heading);margin:0;color:var(--bq-color-text-primary)}.h-display em{font-style:italic;color:var(--bq-color-text-accent)}.h-1{font-family:var(--bq-font-display);font-weight:var(--bq-font-weight-regular);font-size:var(--bq-fs-h1);letter-spacing:var(--bq-ls-heading);line-height:var(--bq-lh-heading);margin:0;color:var(--bq-color-text-primary)}.h-1 em{font-style:italic;color:var(--bq-color-text-accent)}.h-2{font-family:var(--bq-font-display);font-weight:var(--bq-font-weight-regular);font-size:var(--bq-fs-h2);letter-spacing:var(--bq-ls-heading);line-height:1.15;margin:0;color:var(--bq-color-text-primary)}.h-3{font-family:var(--bq-font-display);font-weight:var(--bq-font-weight-regular);font-size:var(--bq-fs-h3);letter-spacing:-.01em;line-height:1.2;margin:0;color:var(--bq-color-text-primary)}.muted{color:var(--bq-color-text-muted)}.soft{color:var(--bq-color-text-secondary)}.accent{color:var(--bq-color-text-accent)}.mono{font-family:JetBrains Mono,monospace;font-weight:500}.serif{font-family:"DM Serif Display",serif;font-weight:400}.italic{font-style:italic}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:4px;font-size:14px;font-weight:600;letter-spacing:.02em;cursor:pointer;border:1px solid transparent;transition:background .16s ease,color .16s ease,border-color .16s ease;min-height:48px;font-family:inherit}.btn-primary{background:var(--bq-color-text-primary);color:var(--bq-color-surface-base)}.btn-primary:hover{background:var(--bq-color-text-secondary)}.btn-secondary{background:transparent;color:var(--bq-color-text-primary);border-color:var(--bq-color-border-strong)}.btn-secondary:hover{background:var(--bq-color-surface-raised);border-color:var(--bq-color-text-primary)}.btn-ghost{background:transparent;color:var(--bq-color-text-secondary);padding:14px 8px}.btn-ghost:hover{color:var(--bq-color-text-primary)}.btn:focus-visible{outline:1.5px solid var(--bq-color-border-focus);outline-offset:3px}.btn .arrow{font-family:"DM Serif Display",serif;font-size:18px;font-weight:400;line-height:1}.btn-accent{background:var(--bq-color-text-accent);color:var(--bq-color-surface-base);border-color:var(--bq-color-text-accent);box-shadow:var(--bq-shadow-card);transition:background var(--bq-duration-hover) var(--bq-spring-hover),box-shadow var(--bq-duration-hover) var(--bq-spring-hover),transform var(--bq-duration-hover) var(--bq-spring-hover)}.btn-accent:hover:not(:disabled){background:var(--bq-color-accent-deep);border-color:var(--bq-color-accent-deep);box-shadow:var(--bq-shadow-glow-accent),var(--bq-shadow-card-hover);transform:translateY(-1px)}.btn-accent:active:not(:disabled){transform:translateY(0);box-shadow:var(--bq-shadow-card)}.btn-accent:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:2px;font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;font-family:JetBrains Mono,monospace}.chip-mute{background:transparent;color:var(--bq-color-text-muted);border:1px solid var(--bq-color-border-default)}.chip-ink{background:var(--bq-color-text-primary);color:var(--bq-color-surface-base)}.chip-sage{background:var(--bq-color-credential-standard);color:var(--bq-color-surface-base)}.chip-clay{background:var(--bq-color-text-accent);color:var(--bq-color-surface-base)}.card{background:var(--bq-color-surface-raised);border:1px solid var(--bq-color-border-hairline);border-radius:var(--bq-radius-card);padding:var(--bq-padding-card);box-shadow:var(--bq-shadow-card);transition:box-shadow var(--bq-duration-hover) var(--bq-spring-hover),transform var(--bq-duration-hover) var(--bq-spring-hover)}.card--hoverable:hover,a.card:hover{transform:translateY(var(--bq-card-hover-lift));box-shadow:var(--bq-shadow-card-hover)}.hr{height:1px;background:var(--bq-color-border-default);border:0;margin:32px 0}.container{max-width:1240px;margin:0 auto;padding:48px 32px 80px}.sec-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:32px;padding-bottom:14px;border-bottom:1px solid var(--bq-color-border-default)}.sec-head h2{font-family:"DM Serif Display",serif;font-weight:400;font-size:30px;letter-spacing:-.015em;margin:0}.sec-head .meta{font-size:11px;font-family:JetBrains Mono,monospace;color:var(--bq-color-text-muted);letter-spacing:.15em;text-transform:uppercase;font-weight:600}.progress{height:2px;background:var(--bq-color-border-default);position:relative;overflow:hidden}.progress-fill{position:absolute;left:0;top:0;bottom:0;background:var(--bq-color-text-primary);transition:width .32s ease}.skeleton{background:linear-gradient(90deg,var(--bq-color-surface-paper) 0%,var(--bq-color-surface-raised) 50%,var(--bq-color-surface-paper) 100%);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite;min-height:12px;border-radius:var(--bq-radius-card)}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.lib-hero{padding:64px 0 48px;border-bottom:1px solid var(--bq-color-border-default);margin-bottom:48px}.lib-sub{font-size:var(--bq-fs-body-lg);line-height:var(--bq-lh-body);letter-spacing:var(--bq-ls-body);color:var(--bq-color-text-secondary);max-width:560px;margin:28px 0 32px}.filter-rail{display:flex;gap:28px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid var(--bq-color-border-default)}.filter-item{background:transparent;border:0;font-family:inherit;font-size:13px;color:var(--bq-color-text-muted);cursor:pointer;padding:4px 0;position:relative;font-weight:500}.filter-item:hover{color:var(--bq-color-text-primary)}.filter-item.active{color:var(--bq-color-text-primary);font-weight:600}.filter-item.active:after{content:"";position:absolute;left:0;right:0;bottom:-19px;height:1px;background:var(--bq-color-text-primary)}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:56px 36px;margin-bottom:80px}.book-grid--bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-flow:dense;grid-auto-rows:auto;gap:64px 36px;margin-bottom:80px}.book-card--feature{grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column}.book-card--feature .cover-wrap{padding-bottom:24px}.book-card--feature .book-title{font-family:var(--bq-font-display);font-size:var(--bq-fs-h2);font-weight:400;letter-spacing:var(--bq-ls-heading);line-height:1.15}.book-card--feature .book-author{font-size:var(--bq-fs-body-lg);font-style:italic;color:var(--bq-color-text-secondary);margin-top:4px}.book-card--feature .book-num{font-size:var(--bq-fs-sm)}.book-card--feature .book-tags{margin-top:14px}.book-card--wide{grid-column:span 2;display:grid;grid-template-columns:38% 1fr;gap:24px;align-items:start}.book-card--wide .cover-wrap{padding-bottom:0;grid-row:span 5}.book-card--wide .shelf{display:none}.book-card--wide .book-meta-row,.book-card--wide .book-author,.book-card--wide .book-tags{grid-column:2}.book-card--wide .book-meta-row{padding-top:4px}.book-card--wide .book-title{font-size:var(--bq-fs-h3)}.book-card--wide .book-author{font-style:italic}.book-card--tall{grid-row:span 2;display:flex;flex-direction:column}.book-card--tall .cover-wrap{flex:1;padding-bottom:16px}.book-card--tall .book-title{font-size:var(--bq-fs-h4)}.book-card--mini .book-author{font-size:var(--bq-fs-sm)}.book-card--mini .book-tags{display:none}@media (max-width: 1280px){.book-grid--bento{grid-template-columns:repeat(3,1fr)}.book-card--wide{grid-template-columns:42% 1fr}}@media (max-width: 900px){.book-grid--bento{grid-template-columns:repeat(2,1fr);gap:48px 28px}.book-card--feature{grid-column:span 2;grid-row:span 2}.book-card--feature .book-title{font-size:var(--bq-fs-h3)}.book-card--wide{grid-column:span 2}.book-card--tall{grid-row:auto}}@media (max-width: 560px){.book-grid--bento{grid-template-columns:1fr;gap:36px}.book-card--feature,.book-card--wide,.book-card--tall{grid-column:auto;grid-row:auto}.book-card--wide{grid-template-columns:1fr}.book-card--wide .cover-wrap{grid-row:auto;padding-bottom:16px}.book-card--wide .book-meta-row,.book-card--wide .book-author,.book-card--wide .book-tags{grid-column:auto}}.book-card{cursor:pointer;display:flex;flex-direction:column}.book-card .cover-wrap{position:relative;padding-bottom:18px}.book-cover{aspect-ratio:3/4;position:relative;transition:transform .28s ease,box-shadow .28s ease;overflow:hidden;background:var(--bq-color-surface-paper);border:1px solid var(--bq-color-border-default)}.book-cover img{width:100%;height:100%;object-fit:cover;display:block}.book-card:hover .book-cover{transform:translateY(-4px);box-shadow:0 8px 18px -10px #1a181540}.book-cover:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#0003;z-index:1;pointer-events:none}.cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px;text-align:center;font-family:"DM Serif Display",serif;font-size:18px;color:var(--bq-color-text-primary);background:var(--bq-color-surface-paper)}.book-card .page-edge{position:absolute;right:-3px;top:6px;bottom:6px;width:4px;background:#f4ecdc;border-radius:0 1px 1px 0}.book-card .shelf{height:1px;background:var(--bq-color-text-primary);opacity:.45;margin-bottom:16px}.book-meta-row{display:flex;justify-content:space-between;align-items:baseline}.book-title{font-family:"DM Serif Display",serif;font-size:18px;line-height:1.2;font-weight:400;margin:0}.book-num{font-size:11px;font-family:JetBrains Mono,monospace;color:var(--bq-color-text-muted);letter-spacing:.05em;font-weight:500}.book-author{font-size:12px;color:var(--bq-color-text-muted);margin-top:4px;font-style:italic}.book-tags{display:flex;gap:8px;margin-top:10px;align-items:center}.book-tag{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--bq-color-text-muted);font-family:JetBrains Mono,monospace;font-weight:600}.book-tag-dot{width:4px;height:4px;border-radius:2px;background:var(--bq-color-text-muted)}code{font-family:JetBrains Mono,monospace;font-size:.92em;background:var(--bq-color-surface-paper);padding:1px 6px;border:1px solid var(--bq-color-border-default);border-radius:2px}.crumb{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--bq-color-text-muted);font-family:JetBrains Mono,monospace;font-weight:600;margin-bottom:32px}.crumb a{color:var(--bq-color-text-muted);border:0}.crumb a:hover{color:var(--bq-color-text-primary)}.crumb .sep{margin:0 10px;opacity:.5}.crumb .current{color:var(--bq-color-text-primary)}.book-hero{display:grid;grid-template-columns:300px minmax(0,1fr) 260px;gap:64px;align-items:start;padding-bottom:72px;border-bottom:1px solid var(--bq-color-border-default)}.book-hero__aside{display:flex;flex-direction:column;gap:28px;padding-top:8px;border-left:1px solid var(--bq-color-border-hairline);padding-left:28px}@media (max-width: 1180px){.book-hero{grid-template-columns:280px minmax(0,1fr);gap:56px}.book-hero__aside{grid-column:1 / -1;border-left:0;border-top:1px solid var(--bq-color-border-default);padding-left:0;padding-top:28px;flex-direction:row;flex-wrap:wrap;gap:32px 48px}.book-hero__aside>*{flex:1 1 200px;min-width:0}}@media (max-width: 760px){.book-hero{grid-template-columns:1fr;gap:40px}}.cover-lg{aspect-ratio:3/4;position:relative;overflow:hidden;background:var(--bq-color-surface-paper);border:1px solid var(--bq-color-border-default)}.cover-lg img{width:100%;height:100%;object-fit:cover;display:block}.cover-lg:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:#0003;z-index:1;pointer-events:none}.page-edge-lg{position:absolute;right:-4px;top:8px;bottom:8px;width:6px;background:#f4ecdc}.shelf-lg{height:1px;background:var(--bq-color-text-primary);opacity:.45}.book-info .by{font-family:"DM Serif Display",serif;font-style:italic;font-size:22px;color:var(--bq-color-text-secondary);margin-bottom:32px}.book-desc{font-size:var(--bq-fs-body-lg);line-height:var(--bq-lh-body);letter-spacing:var(--bq-ls-body);color:var(--bq-color-text-secondary);margin:32px 0;max-width:540px}.cta-row{display:flex;gap:14px;margin-bottom:32px}.cta-row a{border:0}.q-list{display:flex;flex-direction:column}.q-item{padding:36px 0;border-bottom:1px solid var(--bq-color-border-default)}.q-item:last-child{border-bottom:0}.q-meta{display:flex;gap:12px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.q-tier{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;padding:3px 8px}.q-tier-t1,.q-tier-t2,.q-tier-t3{background:var(--bq-color-credential-standard);color:var(--bq-color-surface-base)}.q-tier-t4,.q-tier-t5,.q-tier-t6{background:var(--bq-color-text-accent);color:var(--bq-color-surface-base)}.q-tier-t7,.q-tier-t8,.q-tier-t9{background:var(--bq-color-text-primary);color:var(--bq-color-surface-base)}.q-stem{font-family:"DM Serif Display",serif;font-size:24px;line-height:1.4;color:var(--bq-color-text-primary);font-weight:400;letter-spacing:-.01em;margin:0 0 24px;max-width:720px}.q-choices{display:flex;flex-direction:column;max-width:640px}.q-choices{display:flex;flex-direction:column;gap:12px;max-width:720px}.q-choice{display:flex;gap:16px;padding:18px 20px;border:1px solid var(--bq-color-border-hairline);border-radius:var(--bq-radius-card);background:var(--bq-color-surface-raised);box-shadow:var(--bq-shadow-card);align-items:flex-start;cursor:pointer;text-align:left;width:100%;transition:transform var(--bq-duration-hover) var(--bq-spring-hover),box-shadow var(--bq-duration-hover) var(--bq-spring-hover),border-color var(--bq-duration-hover) var(--bq-spring-hover),background-color var(--bq-duration-hover) var(--bq-spring-hover)}.q-choice:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--bq-shadow-card-hover);border-color:var(--bq-color-border-default)}.q-choice.selected{border-color:var(--bq-color-text-primary);box-shadow:var(--bq-shadow-card-hover)}.q-choice.selected .q-letter{background:var(--bq-color-text-primary);color:var(--bq-color-surface-base);border-color:var(--bq-color-text-primary)}.q-choice.correct{border-color:var(--bq-color-credential-standard-primary);background:linear-gradient(135deg,rgba(124,139,108,.08) 0%,var(--bq-color-surface-raised) 100%);box-shadow:var(--bq-shadow-card-hover),0 0 0 3px #7c8b6c1a}.q-choice.correct .q-letter{background:var(--bq-color-credential-standard-primary);color:var(--bq-color-surface-base);border-color:var(--bq-color-credential-standard-primary)}.q-choice.incorrect{border-color:#b86f4f66;background:linear-gradient(135deg,rgba(184,111,79,.05) 0%,var(--bq-color-surface-raised) 100%)}.q-choice.incorrect .q-letter{background:transparent;color:var(--bq-color-text-accent);border-color:var(--bq-color-text-accent)}.q-letter{width:32px;height:32px;border-radius:16px;border:1.5px solid var(--bq-color-border-strong);display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;flex-shrink:0;transition:all .16s ease}.q-choice-letter{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;color:var(--bq-color-text-muted);min-width:18px;padding-top:2px}.q-text,.q-choice-text{flex:1;font-size:14px;line-height:var(--bq-lh-body);color:var(--bq-color-text-primary);padding-top:6px}.q-actions{display:flex;justify-content:space-between;align-items:center;margin-top:36px}.q-timer{font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.1em;color:var(--bq-color-text-muted);font-weight:600}.quiz-layout{display:grid;grid-template-columns:1fr 320px;gap:64px;max-width:1240px;margin:0 auto;padding:48px 32px 80px}.question{padding-bottom:48px}.q-progress{margin-bottom:56px}.q-progress-bar{height:2px;background:var(--bq-color-border-default);position:relative;margin-bottom:12px}.q-progress-fill{position:absolute;left:0;top:0;bottom:0;background:var(--bq-color-text-primary);transition:width .32s ease}.q-progress-meta{display:flex;justify-content:space-between;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--bq-color-text-muted);font-weight:600}.q-tier-tag{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;padding:4px 10px}.feedback{margin-top:48px;padding:32px 0 0;border-top:1px solid var(--bq-color-border-default);animation:bq-ritual-enter var(--bq-duration-ritual) var(--bq-spring-ritual)}@keyframes bq-ritual-enter{0%{opacity:0;transform:translateY(8px)}60%{opacity:1;transform:translateY(-1px)}to{opacity:1;transform:translateY(0)}}.fb-head{display:flex;align-items:baseline;gap:18px;margin-bottom:16px}.fb-mark{font-family:var(--bq-font-display);font-style:italic;font-size:56px;line-height:1;color:var(--bq-color-credential-standard-primary)}.feedback:has(.q-choice.incorrect) .fb-mark,.fb-mark.incorrect{color:var(--bq-color-text-accent)}.fb-title{font-family:var(--bq-font-display);font-style:italic;font-weight:400;font-size:var(--bq-fs-h2);letter-spacing:var(--bq-ls-heading);line-height:1.15;color:var(--bq-color-text-primary)}.fb-delta{margin-left:auto;font-family:var(--bq-font-mono);font-variant-numeric:tabular-nums;font-size:var(--bq-fs-body-lg);color:var(--bq-color-credential-standard-primary);font-weight:600}.quiz-side{display:flex;flex-direction:column;gap:24px}.quiz-side .side-block{background:var(--bq-color-surface-raised);border:1px solid var(--bq-color-border-hairline);border-radius:var(--bq-radius-card);box-shadow:var(--bq-shadow-card);padding:24px}.quiz-side .side-label{font-family:var(--bq-font-mono);font-size:var(--bq-fs-label);letter-spacing:.22em;text-transform:uppercase;color:var(--bq-color-text-muted);font-weight:600;margin-bottom:14px}@media (max-width: 1024px){.quiz-layout{grid-template-columns:1fr;gap:40px}}.side-block{border-top:1px solid var(--bq-color-border-default);padding-top:24px}.side-block:first-child{border-top:0;padding-top:0}.side-label{font-size:10px;letter-spacing:.22em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-weight:600;color:var(--bq-color-text-muted);margin-bottom:16px}.theta-big{display:flex;align-items:baseline;gap:12px}.theta-value{font-family:"DM Serif Display",serif;font-size:56px;font-weight:400;line-height:1;color:var(--bq-color-text-primary);letter-spacing:-.03em}.theta-meta{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--bq-color-text-muted);margin-top:12px;line-height:1.6;letter-spacing:.04em}.map-layout{display:grid;grid-template-columns:280px 1fr 340px;height:calc(100vh - 73px)}@media (max-width: 1024px){.map-layout{grid-template-columns:240px 1fr;grid-template-rows:1fr}.map-inspector{display:none}}@media (max-width: 760px){.map-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:auto;min-height:calc(100vh - 73px)}.map-sidebar{border-right:0;border-bottom:1px solid var(--bq-color-border-default);padding:20px 16px}.map-canvas{min-height:60vh}}@media (max-width: 1100px){.map-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;height:auto}}.map-sidebar{background:var(--bq-color-surface-base);border-right:1px solid var(--bq-color-border-default);padding:36px 28px;overflow-y:auto}.sb-block{margin-bottom:40px}.sb-title{font-size:10px;letter-spacing:.25em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-weight:600;color:var(--bq-color-text-muted);margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--bq-color-border-default)}.layer-row{display:flex;align-items:center;gap:12px;padding:10px 0}.layer-row+.layer-row{border-top:1px solid var(--bq-color-border-subtle)}.layer-swatch{width:10px;height:10px;border-radius:2px;flex-shrink:0}.layer-label{flex:1;font-size:13px;color:var(--bq-color-text-primary)}.layer-tag-l{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;letter-spacing:.15em;color:var(--bq-color-text-muted);margin-right:4px}.layer-count{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--bq-color-text-muted)}.map-canvas{position:relative;overflow:hidden;background:var(--bq-color-surface-base);background-image:radial-gradient(circle at center,rgba(26,24,21,.045) 1px,transparent 1px);background-size:32px 32px}.map-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:24px 32px;background:var(--bq-color-text-primary);color:var(--bq-color-surface-base);font-family:"DM Serif Display",serif;font-size:22px;font-style:italic;letter-spacing:-.015em;text-align:center;max-width:280px}.mnode{position:absolute;padding:10px 14px;background:var(--bq-color-surface-raised);border:1px solid var(--bq-color-border-hairline);border-radius:var(--bq-radius-card);box-shadow:var(--bq-shadow-card);font-family:var(--bq-font-mono);font-size:var(--bq-fs-label);font-weight:600;white-space:nowrap;transform:translate(-50%,-50%);cursor:pointer;transition:transform var(--bq-duration-hover) var(--bq-spring-hover),box-shadow var(--bq-duration-hover) var(--bq-spring-hover),border-color var(--bq-duration-hover) var(--bq-spring-hover)}.mnode:hover,.mnode:focus-visible{transform:translate(-50%,-50%) scale(1.05);box-shadow:var(--bq-shadow-card-hover),var(--bq-shadow-glow-accent);z-index:2;outline:0}.mnode .ltag{font-weight:700;color:var(--bq-color-text-muted);margin-right:6px}.mnode.l1{border-left:3px solid var(--bq-color-layer-l1-primary)}.mnode.l1 .ltag{color:var(--bq-color-layer-l1-primary)}.mnode.l2{border-left:3px solid var(--bq-color-layer-l2-primary)}.mnode.l2 .ltag{color:var(--bq-color-layer-l2-primary)}.mnode.l3{border-left:3px solid var(--bq-color-layer-l3-primary)}.mnode.l3 .ltag{color:var(--bq-color-layer-l3-primary)}.mnode.l4{border-left:3px solid var(--bq-color-layer-l4-primary);color:var(--bq-color-text-primary)}.mnode.l4 .ltag{color:var(--bq-color-layer-l4-primary)}.map-inspector{background:var(--bq-color-surface-paper);border-left:1px solid var(--bq-color-border-default);padding:36px 32px;overflow-y:auto}.ins-tags{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.ins-tag{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;padding:3px 8px}.ins-tag-mute{color:var(--bq-color-text-muted);border:1px solid var(--bq-color-border-default)}.ins-title{font-family:"DM Serif Display",serif;font-weight:400;font-size:30px;letter-spacing:-.015em;line-height:1.15;margin:0 0 16px}.ins-sub{font-size:14px;line-height:var(--bq-lh-body);color:var(--bq-color-text-secondary);margin:0}.cred-hero{padding:72px 0 56px;border-bottom:1px solid var(--bq-color-border-default);margin-bottom:64px}.cred-counts{display:flex;gap:48px;margin-top:56px;padding-top:28px;border-top:1px solid var(--bq-color-border-default);flex-wrap:wrap}.cc{display:flex;flex-direction:column;gap:4px}.cc-label{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--bq-color-text-muted);font-weight:600;font-family:JetBrains Mono,monospace}.cc-value{font-family:"DM Serif Display",serif;font-size:42px;font-weight:400;line-height:1;color:var(--bq-color-text-primary)}.cc.legendary .cc-value{color:var(--bq-color-credential-legendary)}.cred-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:36px;margin-bottom:80px}.cred-card{aspect-ratio:5/7;padding:28px 24px 22px;display:flex;flex-direction:column;background:var(--bq-color-surface-raised);border:1px solid var(--bq-color-border-hairline);border-radius:var(--bq-radius-card);box-shadow:var(--bq-shadow-card);position:relative;overflow:hidden}.cred-card:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid var(--bq-color-border-default);pointer-events:none}.cred-head{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid var(--bq-color-border-default);margin-bottom:24px;z-index:1;position:relative}.cred-tier-label{font-family:JetBrains Mono,monospace;font-size:9.5px;letter-spacing:.28em;text-transform:uppercase;font-weight:700;color:var(--bq-color-text-muted)}.cred-tier-label.ink{color:var(--bq-color-text-primary)}.cred-tier-label.standard{color:var(--bq-color-credential-standard)}.cred-tier-label.major{color:var(--bq-color-text-accent)}.cred-tier-label.legendary{color:var(--bq-color-credential-legendary)}.cred-mark{font-family:"DM Serif Display",serif;font-size:24px;color:var(--bq-color-text-primary);line-height:1}.cred-body{flex:1;display:flex;flex-direction:column;justify-content:space-between;z-index:1;position:relative}.cred-name{font-family:"DM Serif Display",serif;font-weight:400;font-size:22px;line-height:1.15;color:var(--bq-color-text-primary);letter-spacing:-.01em;margin:0 0 12px}.cred-sub{font-size:12px;line-height:1.55;color:var(--bq-color-text-secondary);font-style:italic;margin:0}.cred-meta{display:flex;flex-direction:column;gap:5px;padding-top:16px;border-top:1px solid var(--bq-color-border-default);font-family:JetBrains Mono,monospace;font-size:10px;color:var(--bq-color-text-muted);letter-spacing:.04em}.cred-meta-row{display:flex;justify-content:space-between}.cred-meta-row strong{color:var(--bq-color-text-primary);font-weight:600}.cred-anchor{position:absolute;top:18px;right:18px;width:38px;height:38px;border-radius:19px;border:1px solid var(--bq-color-text-primary);display:flex;align-items:center;justify-content:center;font-family:"DM Serif Display",serif;font-style:italic;font-size:14px;background:var(--bq-color-surface-paper);z-index:2}.cred-card .accent-strip{position:absolute;top:0;left:0;right:0;height:3px}.cred-card.t-master .accent-strip{background:var(--bq-color-text-primary)}.cred-card.t-major .accent-strip{background:var(--bq-color-text-accent)}.cred-card.t-standard .accent-strip{background:var(--bq-color-credential-standard)}.cred-card.t-micro .accent-strip{background:var(--bq-color-credential-micro)}.cred-card.t-legendary .accent-strip{background:var(--bq-color-credential-legendary)}.topnav-user-menu{display:flex;align-items:center;gap:var(--bq-space-2)}.topnav-user-email{width:var(--bq-space-8);height:var(--bq-space-8);border-radius:50%;background:var(--bq-color-text-primary);color:var(--bq-color-surface-base);display:flex;align-items:center;justify-content:center;font-weight:var(--bq-font-weight-semibold);font-size:var(--bq-font-size-sm);font-family:Inter,Pretendard,-apple-system,sans-serif;letter-spacing:0;-webkit-user-select:none;user-select:none}.topnav-signout{display:inline-flex;align-items:center;justify-content:center;height:var(--bq-space-8);min-width:112px;padding:0 var(--bq-space-3);background:transparent;border:1px solid var(--bq-color-border-default);border-radius:var(--bq-radius-md);font-family:JetBrains Mono,Fira Code,Menlo,monospace;font-size:var(--bq-font-size-xs);letter-spacing:.16em;text-transform:uppercase;font-weight:var(--bq-font-weight-semibold);color:var(--bq-color-text-muted);cursor:pointer;white-space:nowrap;transition:color .16s ease,border-color .16s ease,background .16s ease}.topnav-signout:hover{color:var(--bq-color-text-primary);border-color:var(--bq-color-text-primary);background:var(--bq-color-surface-paper)}.topnav-signin{display:inline-flex;align-items:center;justify-content:center;height:var(--bq-space-8);min-width:96px;padding:0 var(--bq-space-3);border:1px solid var(--bq-color-text-primary);border-radius:var(--bq-radius-md);color:var(--bq-color-text-primary);background:transparent;transition:background .16s ease,color .16s ease}.topnav-signin:hover{background:var(--bq-color-text-primary);color:var(--bq-color-surface-base);border:1px solid var(--bq-color-text-primary)}.container{max-width:720px;margin:0 auto;padding:48px 32px}.auth-page,.upload-page{max-width:var(--bq-container-narrow);padding:64px 32px 96px}.auth-page h1,.upload-page h1{font-family:var(--bq-font-display);font-weight:400;font-size:var(--bq-fs-h1);letter-spacing:var(--bq-ls-heading);line-height:var(--bq-lh-heading);margin:0 0 var(--bq-space-4)}.auth-banner-warn{padding:12px 14px;border-left:3px solid var(--bq-color-text-accent);background:var(--bq-color-surface-paper);font-size:13px;color:var(--bq-color-text-secondary);margin:0 0 20px}.auth-banner-warn code{font-family:JetBrains Mono,monospace;font-size:12px;background:var(--bq-color-surface-raised);padding:1px 5px;border-radius:3px}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-form label{display:flex;flex-direction:column;gap:6px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--bq-color-text-muted);font-weight:600}.auth-form input,.upload-form input,.upload-form select{padding:14px;border:1px solid var(--bq-color-border-hairline);border-radius:var(--bq-radius-md);background:var(--bq-color-surface-raised);font:inherit;font-size:var(--bq-fs-body-lg);color:var(--bq-color-text-primary);box-shadow:var(--bq-shadow-inset);transition:border-color var(--bq-duration-hover) var(--bq-spring-hover),box-shadow var(--bq-duration-hover) var(--bq-spring-hover)}.auth-form input:hover,.upload-form input:hover,.upload-form select:hover{border-color:var(--bq-color-border-default)}.auth-form input:focus,.upload-form input:focus,.upload-form select:focus{outline:0;border-color:var(--bq-color-text-accent);box-shadow:var(--bq-shadow-glow-accent),var(--bq-shadow-inset)}.auth-error,.upload-error{color:var(--bq-color-text-accent);font-size:13px;margin:0}.auth-message{color:var(--bq-color-text-secondary);font-size:13px;margin:0;padding:10px;background:var(--bq-color-surface-paper);border-radius:4px}.auth-mode-switch{display:flex;flex-direction:column;gap:8px;margin-top:20px;padding-top:20px;border-top:1px solid var(--bq-color-border-default)}.auth-mode-switch button{background:transparent;border:0;color:var(--bq-color-text-secondary);font-size:13px;cursor:pointer;text-align:left;padding:0}.auth-mode-switch button:hover{color:var(--bq-color-text-primary);text-decoration:underline}.btn-primary{padding:12px 20px;background:var(--bq-color-text-primary);color:var(--bq-color-surface-base);border:0;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;cursor:pointer}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:10px 16px;background:transparent;border:1px solid var(--bq-color-text-primary);color:var(--bq-color-text-primary);border-radius:4px;font:inherit;cursor:pointer}.upload-help{color:var(--bq-color-text-secondary);font-size:var(--bq-fs-body-lg);line-height:var(--bq-lh-body);margin:0 0 var(--bq-space-8);max-width:540px}.upload-form{display:flex;flex-direction:column;gap:20px}.upload-form label,.auth-form label{display:flex;flex-direction:column;gap:var(--bq-space-2);font-family:var(--bq-font-mono);font-size:var(--bq-fs-label);letter-spacing:.18em;text-transform:uppercase;color:var(--bq-color-text-muted);font-weight:600}.upload-result{margin-top:var(--bq-space-10);padding:var(--bq-space-8);background:var(--bq-color-surface-raised);border:1px solid var(--bq-color-border-hairline);border-radius:var(--bq-radius-card);box-shadow:var(--bq-shadow-card)}.upload-result h2{font-family:var(--bq-font-display);font-weight:400;font-size:var(--bq-fs-h3);letter-spacing:var(--bq-ls-heading);margin:0 0 var(--bq-space-5)}.upload-result dl{display:grid;grid-template-columns:160px 1fr;margin:0 0 var(--bq-space-5);border-top:1px solid var(--bq-color-border-hairline)}.upload-result dt,.upload-result dd{padding:var(--bq-space-3) 0;border-bottom:1px solid var(--bq-color-border-hairline);margin:0}.upload-result dt{font-family:var(--bq-font-mono);font-size:var(--bq-fs-label);letter-spacing:.16em;text-transform:uppercase;color:var(--bq-color-text-muted);font-weight:600}.upload-result dd{font-family:var(--bq-font-mono);font-variant-numeric:tabular-nums;font-size:var(--bq-fs-sm);color:var(--bq-color-text-primary)}@keyframes bq-skeleton-pulse{0%{background-position:100% 0}to{background-position:-100% 0}}.skeleton-stack{display:flex;flex-direction:column;gap:16px;padding:32px 0}.skeleton{background:linear-gradient(90deg,var(--bq-color-surface-paper) 0%,var(--bq-color-surface-raised) 50%,var(--bq-color-surface-paper) 100%);border-radius:6px;animation:bq-skeleton-pulse 1.4s ease-in-out infinite}.skeleton-title{height:36px;width:40%}.skeleton-line{height:14px;width:100%}.skeleton-line-short{width:70%}.skeleton-block{height:220px;margin-top:12px}.error-boundary h1{font-family:"DM Serif Display",serif;font-weight:400;font-size:36px;margin:0 0 12px}.error-boundary p{margin:0 0 24px;max-width:540px}.book-card:focus-within,.cred-card:focus-within{outline:var(--bq-focus-ring);outline-offset:calc(var(--bq-focus-ring-offset) + 2px)}a:focus-visible,button:focus-visible,.btn:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible,.q-choice:focus-visible,.topnav-link:focus-visible,.topnav-signout:focus-visible,.topnav-signin:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:var(--bq-focus-ring);outline-offset:var(--bq-focus-ring-offset)}.book-card{transition:box-shadow var(--bq-duration-hover) var(--bq-spring-hover),transform var(--bq-duration-hover) var(--bq-spring-hover)}.book-card:hover{box-shadow:var(--bq-shadow-card-hover);transform:translateY(var(--bq-card-hover-lift))}.cred-card{transition:box-shadow var(--bq-duration-hover) var(--bq-spring-hover),transform var(--bq-duration-hover) var(--bq-spring-hover)}.cred-card:hover{box-shadow:var(--bq-shadow-card-hover);transform:translateY(var(--bq-card-hover-lift))}input::placeholder,textarea::placeholder{color:var(--bq-color-text-muted);opacity:.7}button:disabled,.btn:disabled,.btn-primary:disabled,.q-choice:disabled,input:disabled,select:disabled{opacity:.5;cursor:not-allowed}.book-meta-kicker{margin-bottom:var(--bq-space-4)}.book-detail__title{font-family:var(--bq-font-display);font-weight:var(--bq-font-weight-regular);font-size:var(--bq-fs-h1);letter-spacing:var(--bq-ls-heading);line-height:var(--bq-lh-heading);margin:0 0 var(--bq-space-3) 0;color:var(--bq-color-text-primary)}.book-sample-section{margin-top:var(--bq-space-12)}.cred-hero-kicker{margin-bottom:var(--bq-space-5)}.cred-hero-title{font-family:var(--bq-font-display);font-weight:var(--bq-font-weight-regular);font-size:var(--bq-fs-display);letter-spacing:var(--bq-ls-heading);line-height:var(--bq-lh-heading);margin:0;color:var(--bq-color-text-primary)}.cred-hero-title em{font-style:italic;color:var(--bq-color-text-accent)}.cred-hero-lead{font-size:var(--bq-fs-body-lg);line-height:var(--bq-lh-body);letter-spacing:var(--bq-ls-body);color:var(--bq-color-text-secondary);max-width:640px;margin:var(--bq-space-5) 0 0}.lib-hero-kicker{margin-bottom:var(--bq-space-5)}.book-card-skel-title{height:16px;width:70%;margin-top:var(--bq-space-1)}.book-card-skel-author{height:12px;width:40%;margin-top:var(--bq-space-2)}.lib-state-row{padding:var(--bq-space-8) 0}.map-state-row{padding:var(--bq-space-10)}.q-choice-btn{background:transparent;border:0;padding:0;margin:0;text-align:left;width:100%;cursor:pointer;color:inherit;font:inherit}.q-choice-btn:disabled{cursor:default}a.book-card,a.cred-card,a.topnav-link,a.book-card:hover,a.cred-card:hover{border-bottom:0}.row-8{display:flex;gap:var(--bq-space-2)}.row-12{display:flex;gap:var(--bq-space-3)}.topnav-links-desktop{display:flex}.topnav-right-desktop{display:flex;align-items:center;gap:var(--bq-space-3)}.topnav-right-mobile,.topnav-burger{display:none}@media (max-width: 768px){.topnav{grid-template-columns:1fr auto;padding:0 var(--bq-space-4)}.topnav-brand-sub{min-width:0}.topnav-brand{gap:var(--bq-space-1)}.topnav-links-desktop,.topnav-right-desktop{display:none}.topnav-right-mobile{display:flex;align-items:center;gap:var(--bq-space-3);justify-self:end}.topnav-burger{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:var(--bq-space-8);height:var(--bq-space-8);background:transparent;border:1px solid var(--bq-color-border-default);border-radius:var(--bq-radius-md);cursor:pointer;transition:border-color .16s ease}.topnav-burger:hover{border-color:var(--bq-color-text-primary)}.topnav-burger span{display:block;width:16px;height:1.5px;background:var(--bq-color-text-primary);transition:transform .2s ease}}.mobile-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bq-color-surface-overlay);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);z-index:var(--bq-z-overlay);animation:bq-fade-in .24s ease}@keyframes bq-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bq-slide-in-right{0%{transform:translate(100%)}60%{transform:translate(-4px)}to{transform:translate(0)}}.mobile-drawer{position:fixed;top:0;right:0;bottom:0;width:min(320px,85vw);background:var(--bq-color-surface-base);border-left:1px solid var(--bq-color-border-default);box-shadow:var(--bq-shadow-2xl);z-index:var(--bq-z-modal);display:flex;flex-direction:column;padding:var(--bq-space-12) var(--bq-space-6) var(--bq-space-6);animation:bq-slide-in-right .24s cubic-bezier(.22,1,.36,1)}.mobile-drawer-links{display:flex;flex-direction:column;gap:var(--bq-space-1);flex:1}.mobile-drawer-link{display:flex;align-items:center;height:48px;padding:0 var(--bq-space-4);font-family:JetBrains Mono,Fira Code,Menlo,monospace;font-size:var(--bq-font-size-xs);font-weight:var(--bq-font-weight-semibold);letter-spacing:.16em;text-transform:uppercase;color:var(--bq-color-text-muted);text-decoration:none;border:0;border-radius:var(--bq-radius-md);transition:color .16s ease,background .16s ease}.mobile-drawer-link:hover{color:var(--bq-color-text-primary);background:var(--bq-color-surface-paper);border:0}.mobile-drawer-link.active{color:var(--bq-color-text-primary);background:var(--bq-color-surface-paper);border-left:3px solid var(--bq-color-text-accent);padding-left:calc(var(--bq-space-4) - 3px)}.mobile-drawer-foot{display:flex;flex-direction:column;gap:var(--bq-space-3);padding-top:var(--bq-space-6);border-top:1px solid var(--bq-color-border-default)}.mobile-drawer-signout{width:100%}.onboarding-empty{margin:var(--bq-space-8) 0 var(--bq-space-20);padding:var(--bq-space-16) var(--bq-space-12);background:var(--bq-color-surface-paper);border:1px solid var(--bq-color-border-subtle);border-radius:var(--bq-radius-xl);box-shadow:var(--bq-shadow-md);position:relative;overflow:hidden}.onboarding-empty:before{content:"";position:absolute;top:0;left:0;width:96px;height:4px;background:var(--bq-color-text-accent);border-radius:0 0 var(--bq-radius-sm) 0}.onboarding-title{font-family:"DM Serif Display",Nanum Myeongjo,"Noto Serif KR",Georgia,serif;font-weight:var(--bq-font-weight-regular);font-size:var(--bq-font-size-5xl);letter-spacing:-.025em;line-height:1.05;margin:0 0 var(--bq-space-4);max-width:720px;color:var(--bq-color-text-primary)}.onboarding-lead{font-size:var(--bq-font-size-base);line-height:var(--bq-line-height-loose);color:var(--bq-color-text-secondary);margin:0 0 var(--bq-space-10);max-width:640px}.onboarding-features{list-style:none;padding:0;margin:0 0 var(--bq-space-12);display:grid;grid-template-columns:repeat(3,1fr);gap:var(--bq-space-6)}@media (max-width: 768px){.onboarding-empty{padding:var(--bq-space-10) var(--bq-space-6)}.onboarding-title{font-size:var(--bq-font-size-3xl)}.onboarding-features{grid-template-columns:1fr;gap:var(--bq-space-4)}}.onboarding-feature{display:flex;flex-direction:column;gap:var(--bq-space-2);padding:var(--bq-space-5);background:var(--bq-color-surface-base);border:1px solid var(--bq-color-border-subtle);border-radius:var(--bq-radius-lg);transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.onboarding-feature:hover{box-shadow:var(--bq-shadow-sm);border-color:var(--bq-color-border-default);transform:translateY(-1px)}.onboarding-feature-num{font-family:JetBrains Mono,Fira Code,Menlo,monospace;font-size:var(--bq-font-size-xs);font-weight:var(--bq-font-weight-bold);letter-spacing:.18em;text-transform:uppercase;color:var(--bq-color-text-accent)}.onboarding-feature-title{font-family:"DM Serif Display",Nanum Myeongjo,"Noto Serif KR",Georgia,serif;font-weight:var(--bq-font-weight-regular);font-size:var(--bq-font-size-xl);letter-spacing:-.01em;line-height:var(--bq-line-height-snug);margin:0;color:var(--bq-color-text-primary)}.onboarding-feature-body{font-size:var(--bq-font-size-sm);line-height:var(--bq-line-height-normal);color:var(--bq-color-text-secondary);margin:0}.onboarding-cta{display:flex;align-items:center;gap:var(--bq-space-3);flex-wrap:wrap}.onboarding-hint{font-size:var(--bq-font-size-sm);color:var(--bq-color-text-muted)}.bq-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--bq-space-2);border:1px solid transparent;border-radius:var(--bq-radius-md);font-family:JetBrains Mono,Fira Code,Menlo,monospace;font-weight:var(--bq-font-weight-semibold);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .1s ease,box-shadow .16s ease}.bq-btn:active:not(.is-disabled){transform:translateY(.5px)}.bq-btn:focus-visible{outline:var(--bq-focus-ring);outline-offset:var(--bq-focus-ring-offset)}.bq-btn.is-disabled,.bq-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.bq-btn--block{width:100%}.bq-btn__label{display:inline-block}.bq-btn__icon{display:inline-flex;align-items:center}.bq-btn__spinner{width:12px;height:12px;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:bq-btn-spin .7s linear infinite;opacity:.7}@keyframes bq-btn-spin{to{transform:rotate(360deg)}}.bq-btn.is-loading .bq-btn__label{opacity:.7}.bq-btn--sm{height:28px;padding:0 var(--bq-space-3);font-size:var(--bq-font-size-xs)}.bq-btn--md{height:32px;padding:0 var(--bq-space-4);font-size:var(--bq-font-size-xs)}.bq-btn--lg{height:40px;padding:0 var(--bq-space-5);font-size:var(--bq-font-size-sm);letter-spacing:.12em}.bq-btn--xl{height:48px;padding:0 var(--bq-space-6);font-size:var(--bq-font-size-body);letter-spacing:.08em;font-family:Inter,Pretendard,-apple-system,sans-serif;text-transform:none;font-weight:var(--bq-font-weight-medium)}.bq-btn--primary{background:var(--bq-color-text-primary);color:var(--bq-color-surface-base);border-color:var(--bq-color-text-primary)}.bq-btn--primary:hover:not(.is-disabled){background:#2a2622;border-color:#2a2622;box-shadow:var(--bq-shadow-sm)}.bq-btn--accent{background:var(--bq-color-text-accent);color:var(--bq-color-surface-base);border-color:var(--bq-color-text-accent)}.bq-btn--accent:hover:not(.is-disabled){background:#a05e42;border-color:#a05e42;box-shadow:var(--bq-shadow-glow-accent)}.bq-btn--secondary{background:transparent;color:var(--bq-color-text-primary);border-color:var(--bq-color-text-primary)}.bq-btn--secondary:hover:not(.is-disabled){background:var(--bq-color-text-primary);color:var(--bq-color-surface-base)}.bq-btn--ghost{background:transparent;color:var(--bq-color-text-muted);border-color:transparent}.bq-btn--ghost:hover:not(.is-disabled){color:var(--bq-color-text-primary);background:var(--bq-color-surface-paper)}.bq-btn--danger{background:var(--bq-color-semantic-danger);color:var(--bq-color-surface-base);border-color:var(--bq-color-semantic-danger)}.bq-btn--danger:hover:not(.is-disabled){background:#8b4a33;border-color:#8b4a33}.bq-btn--link{background:transparent;color:var(--bq-color-text-primary);border:0;border-radius:0;padding:0;height:auto;border-bottom:1px solid var(--bq-color-border-default);text-transform:none;letter-spacing:0;font-family:inherit;font-weight:var(--bq-font-weight-medium)}.bq-btn--link:hover:not(.is-disabled){color:var(--bq-color-text-accent);border-bottom-color:var(--bq-color-text-accent)}.bq-card{background:var(--bq-color-surface-raised);border:1px solid var(--bq-color-border-hairline);border-radius:var(--bq-radius-card);box-shadow:var(--bq-shadow-card);transition:box-shadow var(--bq-duration-hover) var(--bq-spring-hover),transform var(--bq-duration-hover) var(--bq-spring-hover),border-color var(--bq-duration-hover) var(--bq-spring-hover)}.bq-card--pad-none{padding:0}.bq-card--pad-sm{padding:var(--bq-space-3)}.bq-card--pad-md{padding:var(--bq-space-6)}.bq-card--pad-lg{padding:var(--bq-space-8)}.bq-card.is-interactive{cursor:pointer}.bq-card.is-interactive:hover{box-shadow:var(--bq-shadow-card-hover);border-color:var(--bq-color-border-default);transform:translateY(var(--bq-card-hover-lift))}.bq-card.is-interactive:focus-within{outline:var(--bq-focus-ring);outline-offset:var(--bq-focus-ring-offset)}.bq-card__header{padding-bottom:var(--bq-space-3);margin-bottom:var(--bq-space-3);border-bottom:1px solid var(--bq-color-border-subtle)}.bq-card__footer{padding-top:var(--bq-space-3);margin-top:var(--bq-space-4);border-top:1px solid var(--bq-color-border-subtle);display:flex;align-items:center;gap:var(--bq-space-3)}.bq-card--feature{display:flex;flex-direction:column;gap:var(--bq-space-2);background:var(--bq-color-surface-base)}.bq-card--feature:hover{box-shadow:var(--bq-shadow-sm);border-color:var(--bq-color-border-default)}.bq-card--stat{display:flex;flex-direction:column;gap:var(--bq-space-1);background:var(--bq-color-surface-base);padding:var(--bq-space-6)}.bq-card--book{background:transparent;border:0;padding:0;display:flex;flex-direction:column}.bq-card--book.is-interactive{transform:none}.bq-card--book.is-interactive:hover{box-shadow:none;transform:none}.bq-card--credential{aspect-ratio:5 / 7;background:var(--bq-color-surface-raised);border:1px solid var(--bq-color-border-default);border-radius:var(--bq-radius-lg);padding:var(--bq-space-6);display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:var(--bq-shadow-xs);transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease}.bq-card--credential.is-interactive:hover{transform:translateY(-2px) rotate(.5deg);box-shadow:var(--bq-shadow-lg)}.bq-badge{display:inline-flex;align-items:center;justify-content:center;gap:var(--bq-space-1);border-radius:var(--bq-radius-md);font-family:JetBrains Mono,Fira Code,Menlo,monospace;font-weight:var(--bq-font-weight-semibold);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;line-height:1;border:1px solid transparent}.bq-badge--sm{height:20px;padding:0 var(--bq-space-2);font-size:var(--bq-font-size-micro)}.bq-badge--md{height:24px;padding:0 var(--bq-space-2);font-size:var(--bq-font-size-micro)}.bq-badge--lg{height:28px;padding:0 var(--bq-space-3);font-size:var(--bq-font-size-label)}.bq-badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor}.bq-badge--tone-neutral{--tone: var(--bq-color-text-muted);--tone-soft: var(--bq-color-surface-paper)}.bq-badge--tone-accent{--tone: var(--bq-color-text-accent);--tone-soft: #E9D5C7}.bq-badge--tone-sage{--tone: var(--bq-color-semantic-success);--tone-soft: #D4DCC9}.bq-badge--tone-amber{--tone: var(--bq-color-semantic-warning);--tone-soft: #EBDDC4}.bq-badge--tone-brick{--tone: var(--bq-color-semantic-danger);--tone-soft: #E9D5C7}.bq-badge--tone-ink{--tone: var(--bq-color-text-primary);--tone-soft: var(--bq-color-surface-paper)}.bq-badge--tone-tier-micro{--tone: var(--bq-color-text-muted);--tone-soft: var(--bq-color-surface-paper)}.bq-badge--tone-tier-standard{--tone: var(--bq-color-text-secondary);--tone-soft: var(--bq-color-surface-paper)}.bq-badge--tone-tier-major{--tone: var(--bq-color-text-accent);--tone-soft: #E9D5C7}.bq-badge--tone-tier-master{--tone: #8B4A33;--tone-soft: #E9D5C7}.bq-badge--tone-tier-legendary{--tone: var(--bq-color-text-primary);--tone-soft: #EBDDC4}.bq-badge--solid{background:var(--tone);color:var(--bq-color-surface-base);border-color:var(--tone)}.bq-badge--soft{background:var(--tone-soft);color:var(--tone)}.bq-badge--outline{background:transparent;color:var(--tone);border-color:var(--tone)}.bq-badge--dot{background:transparent;color:var(--tone);border:0;padding:0 var(--bq-space-2) 0 0;letter-spacing:.14em}.bq-field{display:flex;flex-direction:column;gap:var(--bq-space-2)}.bq-field__label{font-family:JetBrains Mono,Fira Code,Menlo,monospace;font-size:var(--bq-font-size-label);font-weight:var(--bq-font-weight-semibold);letter-spacing:.16em;text-transform:uppercase;color:var(--bq-color-text-secondary)}.bq-field__required{margin-left:2px;color:var(--bq-color-text-accent)}.bq-field__helper,.bq-field__error{margin:0;font-size:var(--bq-font-size-sm);line-height:var(--bq-line-height-normal)}.bq-field__helper{color:var(--bq-color-text-muted)}.bq-field__error{color:var(--bq-color-semantic-danger)}.bq-input{display:block;width:100%;height:40px;padding:0 var(--bq-space-4);background:var(--bq-color-surface-base);border:1px solid var(--bq-color-border-default);border-radius:var(--bq-radius-md);font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--bq-font-size-body);color:var(--bq-color-text-primary);transition:border-color .16s ease,background .16s ease}.bq-input::placeholder{color:var(--bq-color-text-muted);opacity:.7}.bq-input:hover:not(:disabled){border-color:var(--bq-color-border-strong)}.bq-input:focus-visible{outline:var(--bq-focus-ring);outline-offset:var(--bq-focus-ring-offset);border-color:var(--bq-color-text-primary)}.bq-input:disabled{background:var(--bq-color-surface-paper);opacity:.6;cursor:not-allowed}.bq-input.is-invalid{border-color:var(--bq-color-semantic-danger);border-left-width:3px}.bq-textarea{height:auto;padding:var(--bq-space-3) var(--bq-space-4);line-height:var(--bq-line-height-normal);resize:vertical;min-height:80px}.bq-select-wrap{position:relative;display:block}.bq-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:var(--bq-space-10);cursor:pointer}.bq-select-wrap:after{content:"";position:absolute;right:var(--bq-space-4);top:50%;width:6px;height:6px;border-right:1.5px solid var(--bq-color-text-muted);border-bottom:1.5px solid var(--bq-color-text-muted);transform:translateY(-70%) rotate(45deg);pointer-events:none}.bq-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bq-color-surface-overlay);z-index:var(--bq-z-overlay);animation:bq-fade-in .2s ease}.bq-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bq-color-surface-raised);border:1px solid var(--bq-color-border-default);border-radius:var(--bq-radius-xl);box-shadow:var(--bq-shadow-2xl);padding:var(--bq-space-8);z-index:var(--bq-z-modal);max-height:calc(100vh - var(--bq-space-12));overflow-y:auto;width:calc(100vw - var(--bq-space-8));animation:bq-modal-enter .24s cubic-bezier(.22,1,.36,1)}@keyframes bq-modal-enter{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.bq-modal--sm{max-width:400px}.bq-modal--md{max-width:520px}.bq-modal--lg{max-width:720px}.bq-modal--xl{max-width:960px}.bq-modal__close{position:absolute;top:var(--bq-space-4);right:var(--bq-space-4);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:var(--bq-radius-md);font-size:22px;line-height:1;color:var(--bq-color-text-muted);cursor:pointer;transition:color .16s ease,background .16s ease}.bq-modal__close:hover{color:var(--bq-color-text-primary);background:var(--bq-color-surface-paper)}.bq-modal__close:focus-visible{outline:var(--bq-focus-ring);outline-offset:var(--bq-focus-ring-offset)}.bq-modal__title{font-family:"DM Serif Display",Nanum Myeongjo,Georgia,serif;font-size:var(--bq-font-size-h3, 1.5rem);font-weight:var(--bq-font-weight-regular);letter-spacing:-.01em;line-height:var(--bq-line-height-snug);margin:0 0 var(--bq-space-3);color:var(--bq-color-text-primary)}.bq-modal__description{font-size:var(--bq-font-size-body);line-height:var(--bq-line-height-normal);color:var(--bq-color-text-secondary);margin:0 0 var(--bq-space-5)}.bq-modal__body{font-size:var(--bq-font-size-body);line-height:var(--bq-line-height-normal);color:var(--bq-color-text-primary)}.bq-modal__footer{display:flex;justify-content:flex-end;gap:var(--bq-space-3);margin-top:var(--bq-space-6);padding-top:var(--bq-space-5);border-top:1px solid var(--bq-color-border-subtle)}.bq-skeleton{background:linear-gradient(90deg,var(--bq-color-surface-paper) 0%,var(--bq-color-surface-raised) 50%,var(--bq-color-surface-paper) 100%);background-size:200% 100%;border-radius:var(--bq-radius-card);animation:bq-skeleton-pulse 2s ease-in-out infinite}.bq-skeleton--line{height:14px;border-radius:var(--bq-radius-sm)}.bq-skeleton--block{width:100%;border-radius:var(--bq-radius-md)}.bq-skeleton--circle{border-radius:50%}.bq-skeleton--square{border-radius:var(--bq-radius-md)}.bq-skeleton-stack{display:flex;flex-direction:column;gap:var(--bq-space-4);padding:var(--bq-space-8) 0}.bq-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--bq-space-20, 80px) var(--bq-space-8);background:linear-gradient(135deg,var(--bq-color-surface-base) 0%,var(--bq-color-surface-raised) 100%);border:1px solid var(--bq-color-border-hairline);border-radius:var(--bq-radius-card);box-shadow:var(--bq-shadow-card)}.bq-empty--error{border-color:#c24e3c38;background:linear-gradient(135deg,#c24e3c0a,#c24e3c05)}.bq-empty--success{border-color:#7c8b6c3d;background:linear-gradient(135deg,#7c8b6c0d,#7c8b6c05)}.bq-empty__icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--bq-space-6);color:var(--bq-color-text-accent);opacity:.6}.bq-empty__icon svg{width:100%;height:100%;stroke-width:1.25}.bq-empty--error .bq-empty__icon{color:var(--bq-color-semantic-danger);opacity:.7}.bq-empty--success .bq-empty__icon{color:var(--bq-color-semantic-success);opacity:.7}.bq-empty__title{font-family:var(--bq-font-display);font-size:var(--bq-fs-h2);font-weight:var(--bq-font-weight-regular);letter-spacing:var(--bq-ls-heading);line-height:var(--bq-lh-heading);color:var(--bq-color-text-primary);margin:0 0 var(--bq-space-3)}.bq-empty__description{font-size:var(--bq-fs-body-lg);line-height:var(--bq-lh-body);color:var(--bq-color-text-secondary);margin:0 0 var(--bq-space-8);max-width:520px}.bq-empty__actions{display:flex;gap:var(--bq-space-3);flex-wrap:wrap;justify-content:center}.cred-card{aspect-ratio:5 / 7;background:var(--bq-color-surface-raised);position:relative;overflow:hidden;padding:var(--bq-space-8) var(--bq-space-6) var(--bq-space-6);display:flex;flex-direction:column;box-shadow:var(--bq-shadow-card);border:1px solid var(--bq-color-border-hairline);border-radius:var(--bq-radius-card);transition:transform var(--bq-duration-hover) var(--bq-spring-hover),box-shadow var(--bq-duration-hover) var(--bq-spring-hover);cursor:default}.cred-card:hover{transform:translateY(var(--bq-card-hover-lift)) rotate(.4deg);box-shadow:var(--bq-shadow-card-hover)}.cred-card__strip{position:absolute;top:0;left:0;right:0;height:6px;background:var(--strip-color, var(--bq-color-text-muted))}.cred-card--micro{--strip-color: var(--bq-color-text-muted)}.cred-card--standard{--strip-color: var(--bq-color-text-secondary)}.cred-card--major{--strip-color: var(--bq-color-text-accent)}.cred-card--master{--strip-color: #8B4A33}.cred-card--legendary{--strip-color: var(--bq-color-text-primary)}.cred-card--legendary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(184,111,79,.3);border-radius:var(--bq-radius-card);pointer-events:none}.cred-card__head{display:flex;justify-content:space-between;align-items:center;gap:var(--bq-space-2)}.cred-card__mark{font-family:"DM Serif Display",Nanum Myeongjo,Georgia,serif;font-style:italic;font-size:64px;line-height:1;color:var(--strip-color, var(--bq-color-text-muted));text-align:right;margin:var(--bq-space-4) 0;opacity:.85}.cred-card__title-block{margin-top:auto}.cred-card__name{font-family:"DM Serif Display",Nanum Myeongjo,Georgia,serif;font-weight:var(--bq-font-weight-regular);font-size:var(--bq-font-size-h3);line-height:var(--bq-line-height-snug);letter-spacing:-.01em;color:var(--bq-color-text-primary);margin:0 0 var(--bq-space-1)}.cred-card__sub{font-family:JetBrains Mono,Fira Code,Menlo,monospace;font-size:var(--bq-font-size-micro);letter-spacing:.14em;text-transform:uppercase;color:var(--bq-color-text-muted);margin:0 0 var(--bq-space-4)}.cred-card__meta{margin:0;padding:var(--bq-space-3) 0;border-top:1px solid var(--bq-color-border-subtle);display:grid;grid-template-columns:1fr 1fr;gap:var(--bq-space-2)}.cred-card__meta>div{display:flex;flex-direction:column;gap:2px}.cred-card__meta dt{font-family:JetBrains Mono,Fira Code,Menlo,monospace;font-size:var(--bq-font-size-micro);letter-spacing:.14em;text-transform:uppercase;color:var(--bq-color-text-muted)}.cred-card__meta dd{font-family:JetBrains Mono,Fira Code,Menlo,monospace;font-size:var(--bq-font-size-sm);color:var(--bq-color-text-primary);margin:0}.cred-card__urn-btn{font:inherit;color:inherit;background:transparent;border:0;border-bottom:1px dashed var(--bq-color-border-default);cursor:pointer;padding:0;text-align:left}.cred-card__urn-btn:hover{color:var(--bq-color-text-accent);border-bottom-color:var(--bq-color-text-accent)}.cred-card__foot{display:flex;gap:var(--bq-space-3);padding-top:var(--bq-space-3);border-top:1px solid var(--bq-color-border-subtle);margin-top:var(--bq-space-3)}.cred-hero--v2{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:72px;align-items:start}.cred-hero__aside{display:flex;flex-direction:column;gap:28px;padding-top:8px;border-left:1px solid var(--bq-color-border-hairline);padding-left:28px}@media (max-width: 1024px){.cred-hero--v2{grid-template-columns:1fr;gap:40px}.cred-hero__aside{border-left:0;border-top:1px solid var(--bq-color-border-default);padding-left:0;padding-top:28px;flex-direction:row;flex-wrap:wrap;gap:32px 48px}.cred-hero__aside>*{flex:1 1 220px;min-width:0}}.cred-counts{display:flex;gap:var(--bq-space-12);flex-wrap:wrap;margin-top:var(--bq-space-10)}.cc{display:flex;flex-direction:column;gap:var(--bq-space-1);position:relative;padding-top:var(--bq-space-2)}.cc:before{content:"";position:absolute;top:0;left:0;width:24px;height:2px;background:var(--cc-color, var(--bq-color-text-muted))}.cc--micro{--cc-color: var(--bq-color-text-muted)}.cc--standard{--cc-color: var(--bq-color-text-secondary)}.cc--major{--cc-color: var(--bq-color-text-accent)}.cc--master{--cc-color: #8B4A33}.cc--legendary{--cc-color: var(--bq-color-text-primary)}.cc-label{font-family:JetBrains Mono,Fira Code,Menlo,monospace;font-size:var(--bq-font-size-label);letter-spacing:.16em;text-transform:uppercase;color:var(--cc-color, var(--bq-color-text-muted));font-weight:var(--bq-font-weight-semibold)}.cc-value{font-family:var(--bq-font-mono);font-variant-numeric:tabular-nums;font-weight:500;font-size:64px;letter-spacing:-.02em;line-height:1;color:var(--bq-color-text-primary)}.cred-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:32px;margin-top:var(--bq-space-6)}@media (max-width: 768px){.cred-counts{gap:var(--bq-space-6)}.cred-grid{grid-template-columns:1fr;gap:var(--bq-space-5)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.bq-btn,.bq-card,.bq-card-v2,.bq-input,.topnav-link,.topnav-signout,.topnav-signin,.bq-badge{transition-timing-function:var(--bq-spring-hover);transition-duration:var(--bq-duration-hover)}.bq-page-fade-in{animation:bq-page-enter var(--bq-duration-page) var(--bq-spring-page)}@keyframes bq-page-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.bq-ritual-enter{animation:bq-ritual-scale var(--bq-duration-ritual) var(--bq-spring-ritual)}@keyframes bq-ritual-scale{0%{opacity:0;transform:scale(.92)}60%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.quiz-celebration{position:fixed;top:0;right:0;bottom:0;left:0;background:#f5f2ecf0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:32px;z-index:var(--bq-z-modal);animation:bq-celeb-fade var(--bq-duration-ritual) var(--bq-spring-page)}@keyframes bq-celeb-fade{0%{opacity:0}to{opacity:1}}.quiz-celebration__panel{max-width:640px;width:100%;text-align:center;background:var(--bq-color-surface-raised);border:1px solid var(--bq-color-border-hairline);border-radius:var(--bq-radius-card);box-shadow:0 12px 48px -16px #1a181233,0 0 0 6px #b86f4f0f;padding:64px 56px 56px;position:relative;animation:bq-ritual-scale var(--bq-duration-ritual) var(--bq-spring-ritual)}.quiz-celebration__mark{font-family:var(--bq-font-display);font-style:italic;font-size:96px;line-height:1;color:var(--bq-color-text-accent);margin-bottom:8px}.quiz-celebration__kicker{font-family:var(--bq-font-mono);font-size:var(--bq-fs-label);letter-spacing:.28em;text-transform:uppercase;color:var(--bq-color-text-muted);font-weight:600;margin-bottom:16px}.quiz-celebration__title{font-family:var(--bq-font-display);font-weight:400;font-size:var(--bq-fs-h1);letter-spacing:var(--bq-ls-heading);line-height:1.1;color:var(--bq-color-text-primary);margin:0 0 12px}.quiz-celebration__title em{font-style:italic;color:var(--bq-color-text-accent)}.quiz-celebration__lead{font-size:var(--bq-fs-body-lg);line-height:1.6;color:var(--bq-color-text-secondary);margin:0 auto 36px;max-width:480px}.quiz-celebration__stats{display:flex;justify-content:center;gap:48px;padding:24px 0;border-top:1px solid var(--bq-color-border-hairline);border-bottom:1px solid var(--bq-color-border-hairline);margin-bottom:32px}.quiz-celebration__stat{display:flex;flex-direction:column;gap:6px}.quiz-celebration__stat-label{font-family:var(--bq-font-mono);font-size:var(--bq-fs-label);letter-spacing:.22em;text-transform:uppercase;color:var(--bq-color-text-muted);font-weight:600}.quiz-celebration__stat-value{font-family:var(--bq-font-mono);font-variant-numeric:tabular-nums;font-size:40px;font-weight:500;letter-spacing:-.02em;line-height:1;color:var(--bq-color-text-primary)}.quiz-celebration__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@media (max-width: 600px){.quiz-celebration__panel{padding:48px 28px 36px}.quiz-celebration__mark{font-size:64px}.quiz-celebration__stats{flex-direction:column;gap:20px}}.bq-pulse-once{animation:bq-pulse 1.2s var(--bq-spring-ritual)}@keyframes bq-pulse{0%,to{box-shadow:var(--bq-shadow-xs)}50%{box-shadow:var(--bq-shadow-glow-accent),var(--bq-shadow-md)}}.cred-card--new{animation:bq-cred-issue-scale var(--bq-duration-ritual) var(--bq-spring-ritual) both,bq-cred-issue-glow 1.8s ease-out .2s both;position:relative}.cred-card--new:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:var(--bq-radius-card);pointer-events:none;z-index:2;animation:bq-cred-issue-ring 1.8s ease-out .2s both}@keyframes bq-cred-issue-scale{0%{opacity:0;transform:scale(.92)}60%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes bq-cred-issue-glow{0%{box-shadow:var(--bq-shadow-card),0 0 #b86f4f66}40%{box-shadow:var(--bq-shadow-card-hover),0 0 0 10px #b86f4f3d}to{box-shadow:var(--bq-shadow-card),0 0 #b86f4f00}}@keyframes bq-cred-issue-ring{0%{box-shadow:inset 0 0 0 1px #b86f4f00}40%{box-shadow:inset 0 0 0 1.5px #b86f4f8c}to{box-shadow:inset 0 0 0 1px #b86f4f00}}.cred-card__new-badge{position:absolute;top:12px;right:12px;font-family:var(--bq-font-mono);font-size:9.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--bq-color-surface-base);background:var(--bq-color-text-accent);padding:4px 8px;border-radius:999px;z-index:3;animation:bq-cred-badge-in .6s var(--bq-spring-ritual) .4s both}@keyframes bq-cred-badge-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.bq-sidenote-layout{display:grid;grid-template-columns:1fr 260px;gap:64px;align-items:start}.bq-sidenote-layout__main{min-width:0;max-width:720px}.bq-sidenote-layout__aside{display:flex;flex-direction:column;gap:28px;padding-top:4px;border-left:1px solid var(--bq-color-border-hairline);padding-left:28px;margin:0}@media (max-width: 1024px){.bq-sidenote-layout{grid-template-columns:1fr;gap:48px}.bq-sidenote-layout__aside{border-left:0;padding-left:0;border-top:1px solid var(--bq-color-border-default);padding-top:28px}}.bq-sidenote{font-family:var(--bq-font-body);color:var(--bq-color-text-secondary);font-size:var(--bq-fs-sm);line-height:1.65}.bq-sidenote__head{display:flex;align-items:baseline;gap:6px;margin-bottom:8px}.bq-sidenote__marker{font-family:var(--bq-font-mono);font-size:10px;font-weight:700;color:var(--bq-color-text-accent);letter-spacing:0}.bq-sidenote__label{font-family:var(--bq-font-mono);font-size:var(--bq-fs-label);letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--bq-color-text-muted)}.bq-sidenote__body{font-size:var(--bq-fs-sm);color:var(--bq-color-text-secondary);line-height:1.65}.bq-sidenote__body p{margin:0 0 8px}.bq-sidenote__body p:last-child{margin-bottom:0}.bq-sidenote__body code,.bq-sidenote__body .mono{font-family:var(--bq-font-mono);font-size:var(--bq-fs-micro);color:var(--bq-color-text-primary);background:transparent;border:0;padding:0}.bq-sidenote--accent{padding-left:12px;border-left:2px solid var(--bq-color-text-accent)}.bq-sidenote--accent .bq-sidenote__label{color:var(--bq-color-text-accent)}.bq-sidenote--mute{opacity:.78}.bq-sidenote--mute .bq-sidenote__label{color:var(--bq-color-text-muted);opacity:.85}.reader{--reader-fs: 17px;--reader-bg: var(--bq-color-surface-base);--reader-bg-raised: var(--bq-color-surface-raised);--reader-fg: var(--bq-color-text-primary);--reader-fg-soft: var(--bq-color-text-secondary);--reader-border: var(--bq-color-border-hairline);min-height:100vh;background:var(--reader-bg);color:var(--reader-fg);transition:background-color .24s ease,color .24s ease}.reader--size-sm{--reader-fs: 15px}.reader--size-md{--reader-fs: 17px}.reader--size-lg{--reader-fs: 19px}.reader--sepia{--reader-bg: #F0E6D2;--reader-bg-raised: #F5ECDB;--reader-fg: #2A2418;--reader-fg-soft: #6B5E48;--reader-border: rgba(42, 36, 24, .1)}.reader--ink{--reader-bg: #1A1815;--reader-bg-raised: #232020;--reader-fg: #EFE9DD;--reader-fg-soft: #B8AE9C;--reader-border: rgba(239, 233, 221, .1)}.reader__bar{position:sticky;top:0;z-index:var(--bq-z-sticky);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 32px;background:color-mix(in srgb,var(--reader-bg) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--reader-border)}.reader__crumb{font-family:var(--bq-font-mono);font-size:var(--bq-fs-label);letter-spacing:.18em;text-transform:uppercase;color:var(--reader-fg-soft);text-decoration:none;border:0;transition:color .2s ease}.reader__crumb:hover{color:var(--reader-fg)}.reader__controls{display:flex;gap:24px;align-items:center}.reader__group{border:0;padding:0;margin:0;display:flex;align-items:center;gap:6px}.reader__group-label{font-family:var(--bq-font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--reader-fg-soft);font-weight:600;margin-right:8px;padding:0}.reader__pill{background:transparent;border:1px solid var(--reader-border);color:var(--reader-fg-soft);cursor:pointer;border-radius:var(--bq-radius-md);font-family:var(--bq-font-display);font-weight:400;width:32px;height:32px;transition:all var(--bq-duration-hover) var(--bq-spring-hover)}.reader__pill:nth-of-type(1){font-size:13px}.reader__pill:nth-of-type(2){font-size:15px}.reader__pill:nth-of-type(3){font-size:17px}.reader__pill:hover{color:var(--reader-fg);border-color:var(--reader-fg-soft)}.reader__pill.is-active{background:var(--reader-fg);color:var(--reader-bg);border-color:var(--reader-fg)}.reader__swatch{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--reader-border);cursor:pointer;padding:0;transition:transform var(--bq-duration-hover) var(--bq-spring-hover),border-color var(--bq-duration-hover) var(--bq-spring-hover)}.reader__swatch:hover{transform:scale(1.08)}.reader__swatch.is-active{border-color:var(--bq-color-text-accent);box-shadow:0 0 0 2px var(--reader-bg),0 0 0 4px var(--bq-color-text-accent)}.reader__swatch--paper{background:#faf7f1}.reader__swatch--sepia{background:#f0e6d2}.reader__swatch--ink{background:#1a1815}.reader__page{max-width:var(--bq-container);margin:0 auto;padding:64px 32px 120px}.reader__kicker{font-family:var(--bq-font-mono);font-size:var(--bq-fs-label);letter-spacing:.22em;text-transform:uppercase;color:var(--reader-fg-soft);font-weight:600;margin-bottom:18px}.reader__title{font-family:var(--bq-font-display);font-weight:400;font-size:var(--bq-fs-h1);letter-spacing:var(--bq-ls-heading);line-height:1.1;color:var(--reader-fg);margin:0 0 12px;max-width:22ch}.reader__byline{font-family:var(--bq-font-display);font-size:var(--bq-fs-h4);color:var(--reader-fg-soft);margin:0 0 56px}.reader__body{max-width:65ch;font-family:var(--bq-font-body);font-size:var(--reader-fs);line-height:1.75;letter-spacing:var(--bq-ls-body);color:var(--reader-fg)}.reader__body p{margin:0 0 1.5em}.reader__body p:first-of-type:first-letter{font-family:var(--bq-font-display);font-style:italic;font-size:4em;float:left;line-height:.88;padding:6px 12px 0 0;color:var(--bq-color-text-accent)}.reader__note{font-style:italic;color:var(--reader-fg-soft);font-size:.9em;padding-top:24px;margin-top:32px;border-top:1px solid var(--reader-border)}.reader__cta-row{display:flex;gap:12px;margin-top:48px;flex-wrap:wrap}.bq-hl{background:transparent;color:inherit;padding:0 2px;border-radius:2px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.bq-hl--yellow{background:color-mix(in srgb,var(--bq-color-highlight-yellow) 70%,transparent)}.bq-hl--coral{background:color-mix(in srgb,var(--bq-color-highlight-coral) 60%,transparent)}.bq-hl--blue{background:color-mix(in srgb,var(--bq-color-highlight-blue) 55%,transparent)}.bq-hl--mint{background:color-mix(in srgb,var(--bq-color-highlight-mint) 60%,transparent)}.reader--ink .bq-hl--yellow{background:color-mix(in srgb,var(--bq-color-highlight-yellow) 30%,transparent);color:var(--reader-fg)}.reader--ink .bq-hl--coral{background:color-mix(in srgb,var(--bq-color-highlight-coral) 30%,transparent);color:var(--reader-fg)}.reader--ink .bq-hl--blue{background:color-mix(in srgb,var(--bq-color-highlight-blue) 30%,transparent);color:var(--reader-fg)}.reader--ink .bq-hl--mint{background:color-mix(in srgb,var(--bq-color-highlight-mint) 30%,transparent);color:var(--reader-fg)}.reader__hl-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:middle;transform:translateY(-1px)}.reader__hl-dot--yellow{background:var(--bq-color-highlight-yellow)}.reader__hl-dot--coral{background:var(--bq-color-highlight-coral)}.reader__hl-dot--blue{background:var(--bq-color-highlight-blue)}.reader__hl-dot--mint{background:var(--bq-color-highlight-mint)}@media (max-width: 760px){.reader__bar{padding:12px 16px;flex-wrap:wrap}.reader__page{padding:40px 20px 80px}.reader__title{font-size:var(--bq-fs-h2)}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 1024px){.container{padding:36px 24px 64px}.h-display{font-size:4.5rem}.h-1{font-size:3rem}.h-2{font-size:2.125rem}.cred-hero-title{font-size:4.5rem}.book-detail__title{font-size:3rem}.lib-hero{padding:48px 0 36px;margin-bottom:36px}.cred-hero{padding:56px 0 40px;margin-bottom:48px}}@media (max-width: 768px){.container{padding:28px 20px 56px}.h-display,.lib-hero h1.h-display{font-size:3.5rem}.h-1,.book-detail__title{font-size:2.25rem}.h-2,.cred-hero-title{font-size:2rem}.h-3{font-size:1.25rem}.sec-head{flex-direction:column;align-items:flex-start;gap:6px}.sec-head h2{font-size:24px}.filter-rail{gap:18px}.filter-item{padding:8px 0;min-height:32px}.book-hero{gap:32px;padding-bottom:48px}.cred-counts{gap:24px 32px}.cc-value{font-size:48px}.btn,.bq-btn{min-height:44px;padding:12px 18px}.btn-ghost{padding:12px}.q-choice{padding:16px}.q-letter{width:36px;height:36px}.filter-item{padding-block:10px}.auth-form input,.upload-form input,.upload-form select{padding:14px 16px;font-size:17px;min-height:48px}.reader__bar{padding:10px 16px;gap:12px}.reader__controls{gap:16px;flex-wrap:wrap}.reader__page{padding:32px 20px 80px}.reader__title{font-size:2.25rem}.reader__byline{margin-bottom:36px;font-size:1rem}.cred-hero--v2{gap:32px}.book-meta-row{flex-wrap:wrap}.quiz-celebration__panel{padding:40px 22px 32px}.quiz-celebration__mark{font-size:56px}.quiz-celebration__title{font-size:2rem}.quiz-celebration__lead{font-size:var(--bq-fs-body)}}@media (max-width: 480px){.container{padding:20px 16px 48px}.topnav{padding:0 12px}.h-display,.lib-hero h1.h-display{font-size:2.5rem}.h-1,.book-detail__title,.cred-hero-title{font-size:1.875rem}.h-2{font-size:1.625rem}.cc-value{font-size:36px}.cred-counts{gap:18px 24px}.lib-sub,.book-desc{font-size:var(--bq-fs-body)}.book-grid--bento{gap:24px;grid-template-columns:1fr}.book-card--feature{grid-column:auto}.topnav-brand-mark{font-size:1.125rem}.topnav-brand-sub{display:none}.card,.bq-card{padding:20px}.cred-card{padding:22px 18px 18px}.quiz-celebration{padding:16px}.quiz-celebration__panel{padding:32px 20px 28px}.quiz-celebration__mark{font-size:44px}.quiz-celebration__title{font-size:1.625rem}.quiz-celebration__stats{padding:18px 0}.quiz-celebration__stat-value{font-size:30px}.mnode{font-size:10px;padding:8px 12px}}@media (hover: none){.book-card:hover,.cred-card:hover,.card:hover,.bq-card.is-interactive:hover,.q-choice:hover,.mnode:hover{transform:none}}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--bq-color-border-default);border-radius:var(--bq-radius-md);background:transparent;color:var(--bq-color-text-secondary);cursor:pointer;padding:0;transition:color var(--bq-duration-hover) var(--bq-spring-hover),border-color var(--bq-duration-hover) var(--bq-spring-hover),background var(--bq-duration-hover) var(--bq-spring-hover)}.theme-toggle:hover{color:var(--bq-color-text-primary);border-color:var(--bq-color-border-strong);background:var(--bq-color-surface-raised)}.theme-toggle:focus-visible{outline:1.5px solid var(--bq-color-border-focus);outline-offset:2px}.theme-toggle__icon{display:inline-flex}[data-theme=dark] .topnav{background:#1a1815d9}[data-theme=dark] ::selection{background:var(--bq-color-text-accent);color:var(--bq-color-surface-base)}[data-theme=dark] .skeleton,[data-theme=dark] .bq-skeleton{background:linear-gradient(90deg,var(--bq-color-surface-raised) 0%,rgba(239,233,221,.08) 50%,var(--bq-color-surface-raised) 100%)}[data-theme=dark] .reader__body p:first-of-type:first-letter{color:var(--bq-color-text-accent)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .topnav{background:#1a1815d9}}.skip-link{position:absolute;top:-100px;left:16px;z-index:var(--bq-z-notification);padding:12px 16px;background:var(--bq-color-text-primary);color:var(--bq-color-surface-base);font-family:var(--bq-font-mono);font-size:var(--bq-fs-sm);letter-spacing:.08em;border-radius:var(--bq-radius-md);border:0;text-decoration:none;transition:top .2s var(--bq-spring-hover)}.skip-link:focus-visible,.skip-link:focus{top:12px;outline:2px solid var(--bq-color-text-accent);outline-offset:2px}#main:focus{outline:0}.filter-item:focus-visible{outline:1.5px solid var(--bq-color-border-focus);outline-offset:4px;border-radius:2px}.locale-select:focus-visible{outline:1.5px solid var(--bq-color-border-focus);outline-offset:2px}.reader__pill:focus-visible{outline:1.5px solid var(--bq-color-border-focus);outline-offset:2px}.reader__swatch:focus-visible{outline:2px solid var(--bq-color-border-focus);outline-offset:3px}.cred-card__urn-btn:focus-visible{outline:1.5px solid var(--bq-color-text-accent);outline-offset:2px;border-radius:2px}.auth-mode-switch button:focus-visible{outline:1.5px solid var(--bq-color-border-focus);outline-offset:3px}[data-theme=dark] *:focus-visible,[data-theme=dark] .btn:focus-visible,[data-theme=dark] .bq-btn:focus-visible{outline-color:var(--bq-color-text-accent)}[data-theme=dark] .skip-link{background:var(--bq-color-text-accent);color:var(--bq-color-surface-base)}@media (prefers-reduced-motion: reduce){.book-card:hover,.cred-card:hover,.card:hover,.bq-card.is-interactive:hover,.q-choice:hover,.mnode:hover,.reader__swatch:hover{transform:none!important}.quiz-celebration__panel,.cred-card--new,.feedback{animation:none!important}}.not-found-page{max-width:720px;padding-top:96px;padding-bottom:96px;text-align:center}.not-found-mark{font-family:var(--bq-font-display);font-style:italic;font-size:160px;line-height:.85;color:var(--bq-color-text-accent);margin-bottom:24px;opacity:.85}.not-found-kicker{margin-bottom:16px}.not-found-title{font-family:var(--bq-font-display);font-weight:400;font-size:var(--bq-fs-display);letter-spacing:var(--bq-ls-heading);line-height:var(--bq-lh-heading);margin:0 0 20px;color:var(--bq-color-text-primary)}.not-found-title em{font-style:italic;color:var(--bq-color-text-accent)}.not-found-lead{font-size:var(--bq-fs-body-lg);line-height:var(--bq-lh-body);color:var(--bq-color-text-secondary);max-width:540px;margin:0 auto 28px}.not-found-path{font-family:var(--bq-font-mono);font-size:var(--bq-fs-label);color:var(--bq-color-text-muted);letter-spacing:.08em;margin:0 0 40px}.not-found-path code{background:transparent;border:1px solid var(--bq-color-border-hairline);padding:4px 10px;border-radius:var(--bq-radius-sm)}.not-found-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.not-found-mark{font-size:96px}.not-found-title{font-size:3rem}.not-found-page{padding-top:56px;padding-bottom:56px}}.bq-footer{margin-top:96px;padding:48px 0 56px;border-top:1px solid var(--bq-color-border-default);background:var(--bq-color-surface-base)}.bq-footer__inner{max-width:var(--bq-container);margin:0 auto;padding:0 32px;display:grid;grid-template-columns:1fr auto auto;gap:48px;align-items:end}.bq-footer__brand{display:flex;flex-direction:column;gap:4px}.bq-footer__mark{font-family:var(--bq-font-display);font-size:var(--bq-fs-h4);font-weight:400;letter-spacing:-.015em;color:var(--bq-color-text-primary)}.bq-footer__sub{font-family:var(--bq-font-mono);font-size:var(--bq-fs-label);letter-spacing:.22em;text-transform:uppercase;color:var(--bq-color-text-muted);font-weight:600}.bq-footer__nav{display:flex;gap:32px;flex-wrap:wrap}.bq-footer__link{font-family:var(--bq-font-mono);font-size:var(--bq-fs-label);letter-spacing:.18em;text-transform:uppercase;color:var(--bq-color-text-secondary);text-decoration:none;font-weight:600;border:0;padding:2px 0;transition:color var(--bq-duration-hover) var(--bq-spring-hover)}.bq-footer__link:hover{color:var(--bq-color-text-primary)}.bq-footer__meta{display:flex;flex-direction:column;gap:6px;align-items:flex-end;font-family:var(--bq-font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--bq-color-text-muted);font-weight:600}@media (max-width: 768px){.bq-footer__inner{grid-template-columns:1fr;gap:28px;padding:0 20px}.bq-footer__meta{align-items:flex-start}}.btn,.bq-btn{position:relative;overflow:hidden}.btn:active:not(:disabled),.bq-btn:active:not(:disabled){transform:scale(.985);transition:transform 80ms ease-out}.btn:after,.bq-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at center,currentColor 0%,transparent 60%);opacity:0;transform:scale(.4);transition:opacity .32s ease-out,transform .38s ease-out}.btn:active:not(:disabled):after,.bq-btn:active:not(:disabled):after{opacity:.12;transform:scale(1.2);transition:opacity 0ms,transform 0ms}.btn-accent:after{mix-blend-mode:overlay}.btn-ghost:after,.btn-secondary:after,.bq-btn--ghost:after,.bq-btn--secondary:after,.bq-btn--link:after{display:none}.theme-toggle:active{transform:scale(.93);transition:transform 80ms ease-out}@media (prefers-reduced-motion: reduce){.btn:active:not(:disabled),.bq-btn:active:not(:disabled),.theme-toggle:active{transform:none}.btn:after,.bq-btn:after{display:none}}.skeleton-line{display:block;height:14px;border-radius:var(--bq-radius-sm);margin-bottom:8px;min-height:14px}.w-30{width:30%}.w-40{width:40%}.w-50{width:50%}.w-60{width:60%}.w-70{width:70%}.w-80{width:80%}.w-90{width:90%}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-8{margin-top:24px}.mt-16{margin-top:32px}.cred-card--skeleton{pointer-events:none;padding-top:32px}.cred-card__strip--skeleton{background:var(--bq-color-border-hairline);height:6px}.cred-card__skel-spacer{flex:1;min-height:24px}.cred-card__urn-btn{position:relative;transition:color var(--bq-duration-hover) var(--bq-spring-hover)}.cred-card__urn-label{display:inline-block;transition:opacity .2s ease}.cred-card__urn-btn.is-copied .cred-card__urn-label{opacity:0}.cred-card__urn-confirm{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:flex-start;font-family:var(--bq-font-mono);font-size:var(--bq-fs-label);letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--bq-color-text-accent);animation:bq-copy-confirm 1.5s ease both}@keyframes bq-copy-confirm{0%{opacity:0;transform:translateY(2px) scale(.96)}15%{opacity:1;transform:translateY(0) scale(1.02)}30%{opacity:1;transform:scale(1)}85%{opacity:1}to{opacity:0}}.bq-route-enter{animation:bq-route-enter .36s var(--bq-spring-page) both;will-change:opacity,transform}@keyframes bq-route-enter{0%{opacity:0;transform:translateY(20px) scale(.992)}60%{opacity:1;transform:translateY(-2px) scale(1.001)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.bq-route-enter{animation:none}}@media (forced-colors: active){.book-card,.cred-card,.card,.bq-card,.q-choice,.mnode{border-color:CanvasText}.btn-accent,.bq-btn--accent{background:ButtonFace;color:ButtonText;border:1px solid ButtonText}}