@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600&family=Kalam:wght@700&family=Shrikhand&family=Space+Grotesk:wght@600&family=Inter:wght@400;500;600&display=swap";:root{--app-menu-bar-height: 60px;--goodreads-cover-aspect-ratio: 690 / 1048;--z-content-raised: 1;--z-content-sticky: 10;--z-shell-sidebar: 1000;--z-overlay-admin-modal: 2000;--z-overlay-detail-viewer: 3000;--z-overlay-detail-layout: 4000;--z-overlay-detail-modal: 4500;--z-overlay-detail-drawer: 5000;--z-shell-menu-bar: 6000;--z-overlay-floating-drawer: 7000;--z-overlay-user-profile-card: 7050;--z-overlay-file-picker: 7100;--theme-page-background: #1e1914;--theme-page-text: #faf8f6;--theme-border: #262626;--theme-pill-background: transparent;--theme-pill-text: var(--theme-page-text);--theme-pill-border: var(--theme-page-text);--theme-quote-card-front-bg: var(--paper-cream-base);--theme-quote-card-front-border: var(--paper-border-soft);--theme-quote-card-front-text: var(--paper-ink-strong);--theme-quote-card-back-bg: var(--paper-cream-soft);--theme-quote-card-back-border: var(--paper-border-strong);--theme-quote-card-input-bg: var(--overlay-white-50);--theme-quote-card-input-border: var(--paper-ink-line-medium);--theme-quote-card-input-text: var(--paper-ink-strong);--theme-quote-card-muted: var(--paper-ink-soft);--theme-quote-card-accent: var(--paper-ink-strong);--theme-quote-card-danger: var(--color-bg-danger);--theme-quote-card-primary-action-bg: var(--paper-ink-strong);--theme-quote-card-primary-action-text: var(--paper-cream-warm);--theme-quote-card-explanation-text: var(--paper-ink-strong);--theme-detail-handle-bg: var(--neutral-charcoal-900);--theme-detail-handle-text: var(--theme-page-text);--theme-detail-handle-bg-hover: var(--neutral-gray-700);--theme-detail-handle-text-hover: var(--neutral-white);--theme-detail-action-color: var(--theme-page-text);--theme-detail-action-color-hover: var(--accent-link-bright);--theme-detail-divider: var(--theme-border);--theme-detail-progress-track: rgba(235, 226, 215, .4);--theme-detail-progress-track-hover: rgba(235, 226, 215, .6);--theme-detail-progress-fill: var(--theme-page-text);--theme-detail-progress-fill-hover: var(--accent-link-bright);--theme-detail-progress-text: var(--theme-page-text);--theme-detail-progress-text-hover: var(--accent-link-bright);--theme-dictionary-input-bg: var(--color-bg-input-dark);--theme-dictionary-input-border: var(--theme-border);--theme-dictionary-input-text: var(--theme-page-text);--theme-dictionary-panel-bg: rgba(255, 255, 255, .05);--theme-dictionary-panel-border: rgba(255, 255, 255, .14);--theme-dictionary-title: var(--theme-page-text);--theme-dictionary-accent: #fbbc05;--theme-dictionary-body: rgba(255, 250, 240, .94);--theme-dictionary-card-bg: rgba(255, 255, 255, .05);--theme-dictionary-card-text: rgba(255, 255, 255, .82);--theme-explore-sidebar-title: var(--color-text-page-inverse);--theme-explore-sidebar-muted: var(--color-text-muted-soft);--theme-explore-sidebar-footer: var(--color-text-muted-strong);--theme-explore-sidebar-avatar-bg: var(--color-bg-card-base);--theme-explore-sidebar-avatar-border: var(--theme-border);--text-main: var(--theme-page-text);--text-muted: #9aa0a6;--text-dim: #bdc1c6;--border-subtle: #262626;--link-blue: #8ab4f8;--neutral-white: #fff;--neutral-gray-100: #f5f5f5;--neutral-gray-300: #d2d2d2;--neutral-gray-500: #888;--neutral-gray-700: #444;--neutral-charcoal-900: #161616;--overlay-black-85: rgba(0, 0, 0, .85);--overlay-black-70: rgba(0, 0, 0, .7);--overlay-black-65: rgba(0, 0, 0, .65);--overlay-black-50: rgba(0, 0, 0, .5);--overlay-black-40: rgba(0, 0, 0, .4);--overlay-black-35: rgba(0, 0, 0, .35);--overlay-black-30: rgba(0, 0, 0, .3);--overlay-black-20: rgba(0, 0, 0, .2);--overlay-black-08: rgba(0, 0, 0, .08);--overlay-black-05: rgba(0, 0, 0, .05);--overlay-white-50: rgba(255, 255, 255, .5);--overlay-white-12: rgba(255, 255, 255, .125);--overlay-white-10: rgba(255, 255, 255, .1);--overlay-white-05: rgba(255, 255, 255, .05);--overlay-parchment-10: rgba(235, 226, 215, .1);--overlay-paper-shadow: rgba(200, 190, 170, .15);--overlay-wood-20: rgba(56, 33, 16, .2);--paper-cream-base: #fdfbf7;--paper-cream-soft: #e6e1d6;--paper-cream-deep: #d5cfc0;--paper-cream-warm: #e5d9c3;--paper-border-soft: #e2dcd0;--paper-border-strong: #ccc5b3;--paper-ink-strong: #2c2825;--paper-ink-soft: rgba(44, 40, 37, .7);--paper-ink-line-strong: rgba(44, 40, 37, .4);--paper-ink-line-medium: rgba(44, 40, 37, .3);--paper-ink-line-soft: rgba(44, 40, 37, .15);--accent-link-bright: #0095f6;--accent-teal-deep: #01635d;--color-bg-page-reader: var(--theme-page-background);--color-bg-page-admin: #121212;--color-bg-card-base: #382110;--color-bg-card-overlay: var(--overlay-black-20);--color-bg-panel-admin: #1e1e1e;--color-bg-panel-admin-alt: #2a2a2a;--color-bg-panel-paper: var(--paper-cream-warm);--color-bg-danger: #d32f2f;--color-bg-input-dark: var(--overlay-black-30);--color-bg-input-soft: var(--overlay-white-50);--color-bg-input-soft-strong: rgba(255, 255, 255, .6);--color-bg-input-ghost: var(--overlay-white-10);--color-bg-input-ghost-soft: rgba(255, 255, 255, .08);--color-bg-overlay-medium: var(--overlay-black-85);--color-bg-overlay-soft: var(--overlay-black-50);--color-bg-overlay-card: var(--overlay-white-05);--color-bg-overlay-card-soft: rgba(255, 255, 255, .04);--color-bg-overlay-subtle: rgba(0, 0, 0, .15);--color-bg-highlight-parchment: var(--overlay-parchment-10);--color-bg-highlight-parchment-strong: rgba(235, 226, 215, .4);--color-bg-card-soft-strong: rgba(255, 255, 255, .188);--color-border-card-soft: var(--overlay-white-10);--color-border-paper-medium: var(--paper-ink-line-medium);--color-border-paper-strong: var(--paper-ink-line-strong);--color-border-danger: #d32f2f;--color-text-page-primary: var(--theme-page-text);--color-text-page-secondary: var(--text-muted);--color-text-page-tertiary: var(--text-dim);--color-text-page-inverse: var(--neutral-white);--color-text-page-inverse-strong: #000;--color-text-panel-paper-primary: var(--paper-ink-strong);--color-text-panel-paper-secondary: var(--paper-ink-soft);--color-text-link-primary: var(--link-blue);--color-text-accent-teal: var(--accent-teal-deep);--color-text-muted-soft: #a8a8a8;--color-text-muted-mid: #c7c7c7;--color-text-muted-strong: #737373;--color-shadow-subtle: rgba(0, 0, 0, .04);--color-shadow-soft: rgba(0, 0, 0, .12);--font-primary-stack: "Inter", "Nunito", "Quicksand", system-ui, -apple-system, sans-serif}@font-face{font-family:Blackout;src:url(/assets/Blackout-Midnight-BolYzXfa.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:inherit}html,body,#root{margin:0;padding:0;width:100%;min-height:100vh;background-color:var(--theme-page-background);color:var(--text-main);font-family:var(--font-primary-stack);box-sizing:border-box}::-webkit-scrollbar{display:none}html{-ms-overflow-style:none;scrollbar-width:none}.pill-button{display:inline-flex;align-items:center;border:1px solid var(--theme-pill-border);text-decoration:none;padding:6px 12px;border-radius:8px;background-color:var(--theme-pill-background);color:var(--theme-pill-text);font-size:13px;font-weight:500;box-shadow:0 1px 3px var(--overlay-black-30)}.splash-title{font-size:45vw;font-family:Blackout;font-weight:700;color:var(--text-main);cursor:pointer}.my-masonry-grid{display:flex;margin-left:-20px;width:auto}.my-masonry-grid_column{padding-left:20px;background-clip:padding-box}.my-masonry-grid_column>div{margin-bottom:20px}.layout-container{display:flex;min-height:100vh}.sidebar{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-sizing:border-box;z-index:var(--z-shell-menu-bar);width:100%;height:var(--app-menu-bar-height);background-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background-color .2s ease,backdrop-filter .2s ease,-webkit-backdrop-filter .2s ease}.sidebar-link{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:0;border-radius:8px;color:var(--text-main);text-decoration:none;font-size:16px;opacity:1;overflow:hidden;transition:background-color .2s ease,opacity .2s ease}.sidebar-link__inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:8px;border-radius:inherit;overflow:hidden;color:inherit;text-decoration:none}.sidebar-link__content{position:relative;z-index:1;display:inline-flex}.sidebar-link__glare{position:absolute;inset:0;z-index:2;pointer-events:none;mix-blend-mode:screen;transition:opacity .25s ease}.sidebar-link:hover .sidebar-link__inner{background-color:var(--color-bg-card-base);background:linear-gradient(160deg,#ffffff1f,#ffffff08),#0000001a;box-shadow:0 10px 22px #00000024,inset 0 1px #ffffff14}.sidebar-icon{font-size:24px;margin-right:16px;transition:transform .2s ease}.sidebar-link:hover .sidebar-icon{transform:scale(1.05)}.nav-menu{display:flex;flex-direction:row;align-items:center;gap:16px}.sidebar:not(:hover) .sidebar-link{opacity:.4}.sidebar:hover .sidebar-link{opacity:1}.content>*:not(.floating-drawer){min-height:calc(100vh - var(--app-menu-bar-height))!important}@media(max-width:768px){.sidebar-link{margin-bottom:0;padding:8px}.sidebar-icon{color:var(--text-main)}}.action-row{display:flex;align-items:center;min-width:300px}.follow-button{flex:1;border:none;padding:8px 16px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:background-color .2s}@media(max-width:768px){.action-row{width:200px}}.file-picker-overlay{position:fixed;inset:0;background:var(--overlay-black-65);display:flex;align-items:center;justify-content:center;z-index:var(--z-overlay-file-picker)}.file-picker-card{color:var(--theme-quote-card-accent);border-radius:14px;background:var(--paper-cream-warm);box-shadow:0 20px 60px var(--overlay-black-35);padding:32px 28px 20px;width:min(90vw,320px);text-align:center}.file-picker-card h3{margin:0 0 16px;font-size:1rem;letter-spacing:.08em;text-transform:uppercase}.file-picker-list{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.file-picker-option{border:none;box-shadow:2px 2px var(--overlay-wood-20);background:var(--paper-cream-soft);border-radius:8px;padding:10px 14px;text-align:left;cursor:pointer;font-size:.95rem;font-family:Libre Baskerville;color:var(--theme-quote-card-accent)}.file-picker-option:hover{border-color:var(--paper-ink-soft)}.file-picker-close{background:transparent;padding-top:8px;border:none;cursor:pointer;font-size:16px;color:var(--theme-quote-card-accent)}.simple-input:focus{outline:none}.simple-input::placeholder{color:var(--text-main);opacity:.7}.simple-input::-webkit-input-placeholder{color:var(--text-main);opacity:.7}.simple-input::-moz-placeholder{color:var(--text-main);opacity:.7}.simple-input:-ms-input-placeholder{color:var(--text-main);opacity:.7}.toast-viewport{position:fixed;right:18px;bottom:18px;z-index:8200;display:flex;flex-direction:column;gap:10px;width:min(360px,calc(100vw - 24px));pointer-events:none}.toast{padding:13px 15px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#ffffff1f,#ffffff0a),#090c12f2;box-shadow:0 18px 36px #00000047,inset 0 1px #ffffff14;color:var(--color-text-page-primary);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);opacity:1;transform:translateY(0);transition:opacity .22s ease,transform .22s ease}.toast--success{border-color:#7cd29a47}.toast--error{border-color:#ff737347}.toast--info{border-color:#90b2ff3d}.toast--leaving{opacity:0;transform:translateY(8px)}.toast__message{display:block;font-size:14px;line-height:1.45;font-weight:500}@media(max-width:640px){.toast-viewport{right:12px;bottom:12px;width:calc(100vw - 24px)}}