.report-modal{max-width:360px;max-height:unset}.report-modal-body{padding:16px 20px 24px;display:flex;flex-direction:column;gap:12px}.report-label{font-size:.9rem;color:var(--text-muted);margin:0}.report-reasons{display:flex;flex-direction:column;gap:8px}.report-reason-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--text-light);font-size:.9rem;padding:10px 14px;text-align:left;cursor:pointer;transition:background var(--transition),border-color var(--transition)}.report-reason-btn:hover{background:#ffffff1a}.report-reason-btn.selected{border-color:#38bdf880;background:#38bdf81a;color:var(--accent)}.report-submit-btn{background:var(--accent);color:#000;border:none;border-radius:10px;font-size:.9rem;font-weight:600;padding:11px 0;cursor:pointer;transition:opacity var(--transition)}.report-submit-btn:disabled{opacity:.4;cursor:default}.report-feedback{font-size:.9rem;color:var(--text-muted);text-align:center;padding:8px 0;margin:0}.expandable-text-btn{background:none;border:none;color:var(--accent);font-size:.8rem;font-weight:600;cursor:pointer;padding:0 0 0 6px;opacity:.8;transition:opacity var(--transition);white-space:nowrap}.expandable-text-btn:hover{opacity:1}.debate-page{height:100vh;height:100dvh;background:var(--bg);display:flex;flex-direction:column;overflow:hidden;padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}.debate-header{display:flex;align-items:center;gap:12px;padding:20px 20px 12px;position:sticky;top:0;background:var(--bg);z-index:10}.debate-header-left{flex:1 1 0;display:flex;align-items:baseline;gap:10px;min-width:0}.debate-header-spacer{flex:1 1 0}.debate-header h1{font-size:1.6rem;font-weight:700;letter-spacing:-.02em;flex-shrink:0}.debate-header-q{flex:0 0 auto;position:relative;line-height:1}.debate-header-q .debate-meta{position:absolute;left:100%;bottom:.1rem;margin-left:12px;line-height:1;white-space:nowrap}.debate-left-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:19}.debate-left-sidebar{position:fixed;left:0;top:calc(50% - 40px);transform:translateY(-50%);z-index:20;display:flex;align-items:center}.debate-left-handle{width:14px;height:60px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.18);border-left:none;border-radius:0 10px 10px 0;cursor:pointer;padding:0;flex-shrink:0;color:#ffffff4d;transition:background .15s ease,border-color .15s ease,color .15s ease}.debate-left-handle svg{width:4px;height:8px;flex-shrink:0}.debate-left-handle:hover{background:#38bdf814;border-color:#38bdf859;color:#38bdf8b3}.debate-left-panel{display:flex;flex-direction:column;gap:10px;background:var(--bg);border:1px solid rgba(56,189,248,.18);border-left:none;border-radius:0 14px 14px 0;padding:12px 10px 12px 8px;animation:debate-left-panel-in .18s ease-out}@keyframes debate-left-panel-in{0%{transform:translate(-110%);opacity:0}to{transform:translate(0);opacity:1}}.debate-left-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:var(--text-muted);cursor:pointer;transition:border-color var(--transition),background var(--transition),color var(--transition)}.debate-left-btn svg{width:18px;height:18px}.debate-left-btn:hover{border-color:#38bdf866;background:#38bdf814;color:var(--accent)}.debate-left-btn--report:hover{border-color:#f8717166;background:#f8717114;color:#f87171}.debate-left-btn--bug{color:#f87171;border-color:#f871714d}.debate-left-btn--bug:hover{border-color:#f871718c;background:#f871711f;color:#f87171}.debate-left-btn--active{border-color:#38bdf88c;background:#38bdf81f;color:var(--accent)}.debate-history-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:100;display:flex;justify-content:flex-end}.debate-history-drawer{width:min(420px,88vw);height:100%;background:var(--bg);border-left:1px solid rgba(56,189,248,.15);display:flex;flex-direction:column;animation:debate-history-slide .22s ease-out}@keyframes debate-history-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.debate-history-head{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 14px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.debate-history-head h2{font-size:1.1rem;font-weight:700;letter-spacing:-.01em}.debate-history-close{background:none;border:none;color:var(--text-muted);font-size:1rem;cursor:pointer;padding:4px 8px;line-height:1}.debate-history-close:hover{color:var(--text-light)}.debate-history-body{flex:1;min-height:0;overflow-y:auto;padding:12px 16px calc(16px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:8px}.debate-history-empty{display:flex;flex-direction:column;align-items:center;padding-top:60px;gap:10px;text-align:center}.debate-history-empty p{font-size:.875rem;color:var(--text-muted);max-width:220px;margin:0}.debate-history-item{display:flex;flex-direction:column;gap:5px;text-align:left;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px 14px;cursor:pointer;transition:border-color var(--transition),background var(--transition)}.debate-history-item:hover{border-color:#38bdf859;background:#38bdf80f}.debate-history-q{font-size:.92rem;line-height:1.5;color:var(--text-light);word-break:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.debate-history-meta{display:flex;align-items:center;gap:6px;font-size:.72rem;color:var(--text-muted)}.debate-history-book{color:#38bdf8bf;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.debate-history-a{font-size:.8rem;line-height:1.5;color:#ffffff8c;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.debate-history-more{margin:4px auto 0;background:none;border:1px solid rgba(56,189,248,.25);border-radius:999px;color:var(--accent);font-size:.82rem;padding:8px 20px;cursor:pointer;transition:background var(--transition),border-color var(--transition)}.debate-history-more:hover:not(:disabled){background:#38bdf814;border-color:#38bdf866}.debate-history-more:disabled{opacity:.5;cursor:default}.debate-book-chip{display:inline-flex;align-items:center;gap:5px;background:#38bdf81a;border:1px solid rgba(56,189,248,.28);border-radius:999px;padding:3px 6px 3px 10px;font-size:.72rem;color:var(--accent);white-space:nowrap;max-width:160px}.debate-book-chip-title{overflow:hidden;text-overflow:ellipsis}.debate-book-chip button{background:none;border:none;color:#38bdf899;font-size:.7rem;padding:0 2px;cursor:pointer;line-height:1;flex-shrink:0}.debate-book-chip button:hover{color:var(--accent)}.debate-mode-chip{display:inline-flex;align-items:center;gap:5px;background:#fbbf241a;border:1px solid rgba(251,191,36,.35);border-radius:999px;padding:3px 6px 3px 10px;font-size:.72rem;color:#fbbf24;white-space:nowrap;max-width:180px}.debate-mode-chip button{background:none;border:none;color:#fbbf24a6;font-size:.7rem;padding:0 2px;cursor:pointer;line-height:1;flex-shrink:0}.debate-mode-chip button:hover{color:#fbbf24}.debate-ai-badge{display:inline-block;align-self:flex-start;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fbbf24;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:999px;padding:3px 9px;margin-bottom:10px}.debate-exhausted-options{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-top:8px;width:min(280px,100%)}.debate-empty-cta--secondary{background:transparent;border:1px solid rgba(56,189,248,.4);color:var(--accent)}.debate-empty-cta--secondary:hover{opacity:1;background:#38bdf814}.debate-focus-modal .debate-focus-hint{margin:0 0 14px;font-size:.875rem;color:var(--text-muted);line-height:1.4}.debate-content{flex:1;min-height:0;overflow-y:auto;padding:8px 20px 0;display:flex;flex-direction:column}.debate-loading{display:flex;justify-content:center;padding-top:80px}.debate-empty{display:flex;flex-direction:column;align-items:center;padding-top:80px;gap:10px;text-align:center}.debate-empty-icon{font-size:3rem;opacity:.4}.debate-empty h3{font-size:1rem;font-weight:600;color:#ffffffb3;margin:0}.debate-empty p{font-size:.875rem;color:var(--text-muted);max-width:260px;margin:0}.debate-empty-cta{margin-top:6px;background:var(--accent);border:none;border-radius:999px;color:#062540;font-size:.85rem;font-weight:700;padding:9px 22px;cursor:pointer;transition:opacity var(--transition)}.debate-empty-cta:hover{opacity:.88}.debate-card{display:flex;flex-direction:column;gap:14px;padding-bottom:16px}.debate-qview{flex:1;display:flex;flex-direction:column;gap:16px;padding-top:8px}.debate-qview--centered{justify-content:center;padding-top:0;padding-bottom:24px}.debate-chapter{position:relative;font-size:1.2rem;font-weight:700;letter-spacing:-.01em;color:var(--accent);white-space:nowrap}.debate-question{font-size:1.35rem;line-height:1.65;color:var(--text-light);word-break:break-word;text-align:center}.debate-question--large{font-size:1.7rem;line-height:1.55}.debate-image{display:flex;justify-content:center}.debate-image img{max-width:100%;max-height:42vh;width:auto;height:auto;object-fit:contain;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.debate-meta{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-muted);white-space:nowrap}.debate-meta-sep{opacity:.4}.debate-dock{flex-shrink:0;position:sticky;bottom:0;background:var(--bg);border-top:1px solid rgba(56,189,248,.1);padding:12px 20px calc(12px + env(safe-area-inset-bottom,0px));margin:0 -20px;display:flex;flex-direction:column;gap:10px}.debate-actions{display:flex;gap:10px}.debate-btn-skip{flex:1;background:none;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:var(--text-muted);font-size:.95rem;padding:13px 16px;cursor:pointer;transition:border-color var(--transition),color var(--transition)}.debate-btn-skip:hover{border-color:#ffffff40;color:var(--text-light)}.debate-btn-answers{flex:1;background:none;border:1px solid rgba(56,189,248,.25);border-radius:999px;color:var(--accent);font-size:.95rem;padding:13px 16px;cursor:pointer;transition:background var(--transition),border-color var(--transition)}.debate-btn-answers:hover{background:#38bdf814;border-color:#38bdf866}.debate-btn-like{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid rgba(248,113,113,.3);border-radius:999px;color:#f87171;font-size:.95rem;font-weight:600;padding:13px 18px;cursor:pointer;transition:background var(--transition),border-color var(--transition)}.debate-btn-like:hover:not(:disabled){background:#f871711a;border-color:#f8717180}.debate-btn-like--liked{background:#f8717124;border-color:#f871718c}.debate-btn-like-icon{font-size:1.1rem;line-height:1}.debate-btn-share{flex-shrink:0;align-self:center;display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid rgba(56,189,248,.25);border-radius:999px;color:var(--accent);padding:13px;cursor:pointer;transition:background var(--transition),border-color var(--transition)}.debate-btn-share svg{width:18px;height:18px;display:block}.debate-btn-share:hover{background:#38bdf814;border-color:#38bdf866}.debate-btn-share--compact{padding:9px;margin-right:auto}.debate-btn-share--compact svg{width:16px;height:16px}.debate-answer-input{display:flex;flex-direction:column;gap:6px}.debate-answer-textarea{background:#ffffff0a;border:1px solid rgba(56,189,248,.2);border-radius:10px;color:var(--text-light);font-family:inherit;font-size:.9rem;line-height:1.6;padding:10px 12px;resize:none;transition:border-color var(--transition);width:100%;box-sizing:border-box}.debate-answer-textarea:focus{outline:none;border-color:#38bdf880;background:#ffffff0f}.debate-answer-textarea::placeholder{color:var(--text-muted)}.debate-answer-input-footer{display:flex;justify-content:space-between;align-items:center}.debate-answer-count{font-size:.72rem;color:var(--text-muted)}.debate-answer-post-btn{background:var(--accent);border:none;border-radius:999px;color:#062540;font-size:.82rem;font-weight:700;padding:7px 18px;cursor:pointer;transition:opacity var(--transition)}.debate-answer-post-btn:disabled{opacity:.4;cursor:default}.debate-answer-post-btn:not(:disabled):hover{opacity:.88}.debate-already-answered{display:flex;align-items:center;gap:6px;background:#38bdf80f;border:1px solid rgba(56,189,248,.2);border-radius:10px;color:var(--text-muted);font-size:.85rem;line-height:1.5;padding:12px 14px}.debate-answers-section{display:flex;flex-direction:column;gap:10px}.debate-answers-divider{font-size:.78rem;font-weight:600;color:var(--text-muted);padding-bottom:6px;border-bottom:1px solid rgba(56,189,248,.1)}.debate-answers-loading{display:flex;justify-content:center;padding:12px 0}.debate-no-answers{font-size:.85rem;color:var(--text-muted);margin:0;text-align:center;padding:8px 0}.debate-answer-item{display:flex;flex-direction:column;gap:2px}.debate-answer-author-row{display:flex;align-items:center;gap:4px}.debate-answer-author{font-size:.72rem;color:#38bdf8b3;font-weight:500}.debate-answer-author--pro{background:linear-gradient(135deg,#fff4d6,#e8c877,#dfb564);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.debate-answer-content{font-size:.9rem;line-height:1.6;color:var(--text-light);word-break:break-word}.debate-answer-actions{display:flex;align-items:center;gap:4px}.debate-answer-like{display:inline-flex;align-items:center;gap:3px;background:none;border:none;padding:2px 4px;cursor:pointer;color:#f87171bf;font-size:.72rem;font-weight:600;line-height:1;transition:color var(--transition)}.debate-answer-like:hover,.debate-answer-like--liked{color:#f87171}.debate-answer-like--readonly{cursor:default}.debate-next-row{display:flex;align-items:center;justify-content:flex-end}.debate-btn-next{background:none;border:1px solid rgba(56,189,248,.25);border-radius:999px;color:var(--accent);font-size:.85rem;padding:8px 20px;cursor:pointer;transition:background var(--transition),border-color var(--transition)}.debate-btn-next:hover{background:#38bdf814;border-color:#38bdf866}.debate-posted-card{gap:18px}.debate-posted-your-answer{display:flex;flex-direction:column;gap:6px;background:#38bdf80f;border-left:3px solid rgba(56,189,248,.4);border-radius:6px;padding:10px 14px}.debate-posted-label{font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#38bdf899}.debate-posted-content{font-size:.9rem;line-height:1.6;color:var(--text-light);word-break:break-word;margin:0}.debate-posted-section-title{font-size:.75rem;font-weight:600;color:var(--text-muted);margin-bottom:6px}.debate-posted-buckets{display:flex;flex-direction:column;gap:10px}.debate-posted-bucket-list{display:flex;flex-direction:column;gap:8px}.debate-posted-bucket{border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 14px;display:flex;flex-direction:column;gap:4px;transition:border-color var(--transition)}.debate-posted-bucket--yours{border-color:var(--accent);background:#38bdf812}.debate-posted-bucket-name{font-size:.88rem;font-weight:600;color:var(--text-light)}.debate-posted-bucket--yours .debate-posted-bucket-name{color:var(--accent)}.debate-posted-bucket-quote{font-size:.8rem;font-style:italic;color:var(--text-muted);line-height:1.5}.debate-posted-fit-btn{align-self:flex-start;background:none;border:1px solid rgba(56,189,248,.28);border-radius:999px;color:var(--accent);font-size:.82rem;padding:7px 16px;cursor:pointer;transition:background var(--transition),border-color var(--transition);margin-top:4px}.debate-posted-fit-btn:hover{background:#38bdf814;border-color:#38bdf880}.debate-posted-loading{display:flex;justify-content:center;padding:12px 0}.debate-posted-cmp-loading{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--text-muted);margin-top:4px}.debate-posted-cmp-failed{font-size:.8rem;color:var(--text-muted);margin-top:4px;font-style:italic}.debate-posted-solo{font-size:.85rem;color:var(--text-muted);margin:0;line-height:1.5}.debate-posted-neighbors{margin-top:4px;display:flex;flex-direction:column;gap:8px}.debate-posted-neighbor-item{display:flex;align-items:baseline;gap:8px}.debate-posted-score{flex-shrink:0;font-size:.7rem;font-weight:700;color:var(--accent);background:#38bdf81a;border-radius:999px;padding:1px 7px}.debate-posted-neighbor-content{font-size:.85rem;line-height:1.55;color:#ffffffa6;word-break:break-word}.debate-posted-all-answers{display:flex;flex-direction:column;gap:10px}.debate-posted-next{align-self:stretch;margin-top:4px}.debate-answer-question-preview{font-size:.85rem;line-height:1.5;color:var(--text-muted);background:#ffffff0a;border-left:2px solid rgba(56,189,248,.3);border-radius:4px;padding:8px 12px;word-break:break-word}.chapter-picker{display:flex;flex-direction:column;gap:8px}.chapter-picker-label{font-size:.95rem;font-weight:600;color:var(--text-light)}.chapter-picker-row{display:flex;align-items:center;gap:10px}.chapter-picker-step{width:40px;height:40px;flex-shrink:0;border-radius:12px;border:1px solid rgba(56,189,248,.3);background:#38bdf81a;color:var(--accent);font-size:1.4rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition)}.chapter-picker-step:hover:not(:disabled){background:#38bdf833}.chapter-picker-step:disabled{opacity:.35;cursor:default}.chapter-picker-input{flex:1;min-width:0;height:44px;text-align:center;background:#ffffff0d;border:1px solid rgba(56,189,248,.25);border-radius:12px;color:var(--text-light);font-size:1.1rem;font-weight:600;font-family:inherit;box-sizing:border-box}.chapter-picker-input:focus{outline:none;border-color:#38bdf880}.chapter-picker-input::placeholder{color:var(--text-muted);font-weight:500}.chapter-picker-name{font-size:.82rem;color:var(--text-muted);min-height:1em;text-align:center}.chapter-picker-row--disabled{opacity:.4}.chapter-picker-whole{align-self:center;background:#ffffff0d;border:1px solid rgba(56,189,248,.25);border-radius:999px;color:var(--text-muted);font-size:.8rem;padding:5px 14px;cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition)}.chapter-picker-whole:hover{border-color:#38bdf873}.chapter-picker-whole--active{background:#38bdf826;border-color:#38bdf880;color:var(--accent);font-weight:600}.chapter-picker--prominent{padding:14px 16px;background:#38bdf80f;border:1px solid rgba(56,189,248,.2);border-radius:14px}.chapter-picker--compact{gap:6px}.chapter-picker--compact .chapter-picker-step{width:34px;height:34px;font-size:1.2rem}.chapter-picker--compact .chapter-picker-input{height:38px;font-size:1rem}.chapter-picker--compact .chapter-picker-name{text-align:left}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--bg-deep);border-top:1px solid rgba(56,189,248,.08);display:flex;align-items:center;justify-content:space-around;z-index:100;padding-bottom:env(safe-area-inset-bottom,0)}.nav-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;flex:1;padding:8px 0;color:#ffffff59;transition:color var(--transition);text-decoration:none}.nav-item.active{color:var(--accent)}button.nav-item{background:none;border:none;font:inherit;cursor:pointer}.nav-item--locked{opacity:.7}.nav-lock{position:absolute;top:4px;right:calc(50% - 18px);font-size:.6rem;line-height:1}.nav-icon{font-size:1.2rem;line-height:1}.nav-label{font-size:.68rem;font-weight:500;letter-spacing:.02em}.nav-dot{position:absolute;top:6px;right:calc(50% - 16px);width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:.85}.guest-landing-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:1px solid rgba(56,189,248,.1)}.guest-landing-brand{display:flex;flex-direction:column;gap:1px;min-width:0}.guest-landing-header .logo{font-size:1.5rem;font-weight:700;letter-spacing:-.03em;color:var(--text-light);margin:0;line-height:1.05}.guest-motto{font-size:.72rem;font-style:italic;font-weight:500;letter-spacing:.01em;color:var(--accent);opacity:.9;white-space:nowrap}.guest-landing-auth{display:flex;gap:8px}.guest-chapter-bar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:12px 20px;border-bottom:1px solid rgba(56,189,248,.1)}.guest-chapter-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1 1 220px}.guest-chapter-title{font-size:.95rem;color:var(--text-light)}.guest-chapter-note{font-size:.78rem;line-height:1.5;color:#ffffff80}.guest-chapter-note a{color:var(--accent);font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;border-radius:100px;font-size:1rem;font-weight:600;transition:opacity var(--transition),transform var(--transition)}.btn:hover{opacity:.88;transform:translateY(-1px)}.btn-sm{padding:8px 18px;font-size:.9rem}.btn-primary{background:var(--card-selected);color:var(--text-dark)}.btn-ghost{background:#ffffff14;color:var(--text-light);border:1px solid rgba(255,255,255,.15)}.auth-wall{text-align:center;max-width:380px}.auth-wall-icon{font-size:2.4rem;margin-bottom:8px}.auth-wall h3{font-size:1.35rem;font-weight:700;margin-bottom:8px}.auth-wall p{color:#ffffffa6;line-height:1.6;margin-bottom:20px}.auth-wall-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}@media(max-width:600px){.guest-landing-header{padding:12px 16px}.guest-chapter-bar{padding:10px 16px}.btn-sm{padding:7px 14px;font-size:.85rem}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:300;display:flex;align-items:center;justify-content:center;padding:24px}.modal{background:var(--bg-deep);border-radius:20px;width:100%;max-width:480px;max-height:70vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(56,189,248,.12);animation:fadeScale .18s ease}@keyframes fadeScale{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 0}.modal-header h2{font-size:1.05rem;font-weight:600}.modal-close{background:#ffffff12;color:#ffffff80;width:32px;height:32px;border-radius:50%;font-size:.85rem;display:flex;align-items:center;justify-content:center;transition:background var(--transition),color var(--transition)}.modal-close:hover{background:#ffffff21;color:#fff}.modal-search{margin:16px 20px 12px;background:#00000059;border:1.5px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 16px;color:#fff;font-size:.95rem;transition:border-color var(--transition)}.modal-search::placeholder{color:#ffffff40}.modal-search:focus{border-color:#38bdf866}.modal-results{flex:1;overflow-y:auto;padding:0 12px 16px}.modal-msg{text-align:center;padding:24px;color:#ffffff59;font-size:.875rem}.modal-msg.hint{color:#fff3}.result-row{display:flex;align-items:center;width:100%;padding:12px 10px;border-radius:12px;background:transparent;color:inherit;text-align:left;transition:background var(--transition);gap:12px}.result-row:hover:not(:disabled){background:#38bdf80f}.result-info{flex:1;min-width:0}.result-title{font-size:.9rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-author{font-size:.8rem;color:#fff6;margin-top:2px}.result-add{color:var(--accent);font-size:1.3rem;font-weight:600;flex-shrink:0;width:28px;text-align:center}.modal.auth-modal{max-width:380px;max-height:unset;overflow:visible}.auth-modal-body{padding:16px 20px 24px}.auth-modal-skip{display:block;width:100%;margin-top:16px;background:none;border:none;color:var(--text-muted);font-size:.85rem;text-decoration:underline;cursor:pointer}.auth-modal-skip:hover{color:var(--text-light)}.profile-setup-intro{color:var(--text-muted);font-size:.85rem;line-height:1.4;margin:0 0 16px}.auth-page{min-height:100vh;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:40px 24px;position:relative}.auth-back{position:absolute;top:24px;left:24px;color:#ffffff80;font-size:.9rem;transition:color var(--transition)}.auth-back:hover{color:#fff}.auth-card{background:var(--card-dark);border-radius:24px;padding:40px 36px;width:100%;max-width:420px;border:1px solid rgba(56,189,248,.1)}.auth-logo{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;text-align:center;margin-bottom:24px}.auth-tabs{display:flex;background:#0000004d;border-radius:100px;padding:4px;margin-bottom:28px}.auth-tab{flex:1;padding:10px;border-radius:100px;background:transparent;color:#ffffff73;font-size:.9rem;font-weight:500;transition:background var(--transition),color var(--transition)}.auth-tab.active{background:var(--card-selected);color:var(--text-dark);font-weight:600}.auth-form{display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:.82rem;font-weight:500;color:#fff9;letter-spacing:.02em}.field-label-row{display:flex;align-items:center;gap:6px}.field-tip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:transparent;color:#ffffff73;cursor:help;flex-shrink:0;transition:color var(--transition),border-color var(--transition)}.field-tip:hover,.field-tip:focus-visible{color:#ffffffd9;border-color:#ffffff80;outline:none}.field-tip-icon{font-size:.65rem;font-weight:600;line-height:1}.field-tip-bubble{position:absolute;left:0;bottom:calc(100% + 8px);top:auto;width:max-content;max-width:220px;padding:8px 10px;border-radius:8px;background:#0f172af5;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 24px #00000059;color:#ffffffd9;font-size:.75rem;font-weight:400;line-height:1.35;letter-spacing:0;text-align:left;white-space:normal;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease,visibility .15s;pointer-events:none;z-index:5}.field-tip:hover .field-tip-bubble,.field-tip:focus .field-tip-bubble,.field-tip:focus-visible .field-tip-bubble{opacity:1;visibility:visible;transform:translateY(0)}.field input{background:#0000004d;border:1.5px solid rgba(255,255,255,.08);border-radius:10px;padding:12px 14px;color:#fff;font-size:.95rem;transition:border-color var(--transition)}.field input::placeholder{color:#ffffff40}.field input:focus{border-color:#38bdf866}.password-input-wrap{display:flex;align-items:center;background:#0000004d;border:1.5px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden;transition:border-color var(--transition)}.password-input-wrap:focus-within{border-color:#38bdf866}.password-input-wrap input{background:transparent;border:none;padding:12px 14px;color:#fff;font-size:.95rem;flex:1;min-width:0}.password-input-wrap input:focus{border-color:transparent}.password-toggle{padding:0 12px;color:#ffffff59;background:transparent;flex-shrink:0;display:flex;align-items:center;transition:color var(--transition)}.password-toggle:hover{color:#ffffffb3}.tag-input-wrap{display:flex;align-items:center;background:#0000004d;border:1.5px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden;transition:border-color var(--transition)}.tag-input-wrap:focus-within{border-color:#38bdf866}.tag-prefix{padding:12px 4px 12px 14px;color:#fff6;font-size:.95rem;flex-shrink:0;-webkit-user-select:none;user-select:none}.tag-input-wrap input{background:transparent;border:none;padding:12px 14px 12px 2px;color:#fff;font-size:.95rem;flex:1;min-width:0}.tag-input-wrap input:focus{border-color:transparent}.field-hint{font-size:.75rem;color:#ffffff4d;margin-top:2px}.field-error{font-size:.78rem;color:#ff9090;margin-top:2px}.auth-error{background:#dc32321a;border:1px solid rgba(220,50,50,.35);border-radius:8px;padding:10px 14px;font-size:.875rem;color:#ff9090}.btn-submit{background:var(--card-selected);color:var(--text-dark);padding:14px;border-radius:100px;font-size:.95rem;font-weight:600;transition:opacity var(--transition),transform var(--transition);margin-top:4px}.btn-submit:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.btn-submit:disabled{opacity:.45;cursor:not-allowed}.auth-google-wrap{margin-bottom:4px;width:100%;display:flex;justify-content:center;overflow:hidden}.auth-divider{display:flex;align-items:center;gap:10px;margin:16px 0 4px;color:var(--text-muted);font-size:.8rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ffffff1f}.verify-banner{background:#38bdf814;border:1px solid rgba(56,189,248,.2);border-radius:10px;padding:12px 16px;font-size:.875rem;color:var(--accent);margin-bottom:20px;text-align:center}.popover-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:flex-end;justify-content:center;background:#00000080;padding:0 0 80px}.popover{background:var(--bg-deep);border-radius:20px 20px 0 0;width:100%;max-width:540px;padding:24px 20px 28px;display:flex;flex-direction:column;gap:18px;border-top:1px solid rgba(56,189,248,.12);animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.popover-title{font-size:1rem;font-weight:600;text-align:center;color:#ffffffbf}.pop-field{display:flex;flex-direction:column;gap:8px}.pop-field label{font-size:.78rem;font-weight:500;color:#ffffff73;text-transform:uppercase;letter-spacing:.07em}.pop-field input{background:#00000059;border:1.5px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 14px;color:#fff;font-size:.95rem;transition:border-color var(--transition)}.pop-field input:focus{border-color:#38bdf866}.pop-field input::placeholder{color:#fff3}.status-options{display:flex;gap:8px}.status-btn{flex:1;padding:9px 8px;border-radius:10px;background:#0000004d;color:#fff6;font-size:.77rem;font-weight:500;border:1.5px solid transparent;transition:all var(--transition)}.status-btn.active{background:var(--card-selected);color:var(--text-dark);font-weight:600}.popover-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}.popover-right-actions{display:flex;gap:8px}.pop-remove{background:#c832321f;color:#ff8a8a;border:1px solid rgba(200,50,50,.3);border-radius:10px;padding:10px 16px;font-size:.875rem;font-weight:500;transition:opacity var(--transition)}.pop-remove:hover:not(:disabled){opacity:.8}.pop-cancel{background:#ffffff0f;color:#ffffff80;border-radius:10px;padding:10px 18px;font-size:.875rem;font-weight:500}.pop-save{background:var(--accent);color:var(--bg-deep);border-radius:10px;padding:10px 22px;font-size:.875rem;font-weight:700;transition:opacity var(--transition)}.pop-save:disabled,.pop-remove:disabled{opacity:.45;cursor:not-allowed}.book-card{position:relative;background:var(--card-dark);border-radius:var(--border-radius);padding:22px 20px;cursor:pointer;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;transition:transform var(--transition),box-shadow var(--transition);border:1.5px solid rgba(56,189,248,.06)}.book-card:hover{box-shadow:0 8px 28px #0006;border-color:#38bdf833}.book-card.selected{background:var(--card-selected);border-color:#38bdf833;box-shadow:0 4px 20px #38bdf81f}.book-card.selected .book-title,.book-card.selected .book-subline{color:var(--text-dark)}.book-card.selected .book-author{color:#0625408c}.book-card.selected .edit-btn{color:var(--text-dark);background:#0000001a;border-color:#00000026}.book-card-body{flex:1;min-width:0}.book-title{font-size:1rem;font-weight:600;color:var(--text-light);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-author{font-size:.82rem;color:#ffffff73;margin-bottom:6px}.book-subline{font-size:.875rem;color:#ffffffa6;font-weight:500}.edit-btn{background:#ffffff14;color:#ffffffb3;font-size:.78rem;font-weight:600;padding:6px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.12);flex-shrink:0;align-self:center;transition:color var(--transition),background var(--transition),border-color var(--transition);line-height:1}.edit-btn:hover{color:#fff;background:#ffffff24;border-color:#ffffff40}.chapter-stepper{display:flex;gap:6px;margin-top:8px}.chapter-step-btn{background:#ffffff14;color:#ffffffb3;font-size:.9rem;font-weight:600;width:28px;height:28px;border-radius:6px;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;line-height:1;padding:0;flex-shrink:0;transition:color var(--transition),background var(--transition),border-color var(--transition)}.chapter-step-btn:hover:not(:disabled){color:#fff;background:#ffffff24;border-color:#ffffff40}.chapter-step-btn:disabled{opacity:.4;cursor:default}.book-card.selected .chapter-step-btn{color:var(--text-dark);background:#0000001a;border-color:#00000026}.chapter-rank{--rank-ss: #e53935;--rank-s: #ff8a80;--rank-a: #ffb074;--rank-b: #f0d860;--rank-c: #8fd48a;--rank-d: #6ecfe0;--rank-f: #9aa8e8;--rank-none: rgba(255,255,255,.55);position:relative;flex-shrink:0;display:flex;align-items:center;gap:6px}.book-card.selected .chapter-rank{--rank-ss: #b71c1c;--rank-s: #e57373;--rank-a: #ef6c00;--rank-b: #c9a000;--rank-c: #2e7d32;--rank-d: #00838f;--rank-f: #5c6bc0;--rank-none: rgba(6,37,64,.5)}.chapter-rank-btn{background:#ffffff14;color:var(--rank-none);font-size:.78rem;font-weight:600;height:28px;min-width:72px;padding:0 10px;border-radius:6px;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0;transition:color var(--transition),background var(--transition),border-color var(--transition)}.chapter-rank-btn[data-rank=SS]{color:var(--rank-ss);border-color:color-mix(in srgb,var(--rank-ss) 45%,transparent);background:color-mix(in srgb,var(--rank-ss) 14%,transparent)}.chapter-rank-btn[data-rank=S]{color:var(--rank-s);border-color:color-mix(in srgb,var(--rank-s) 45%,transparent);background:color-mix(in srgb,var(--rank-s) 14%,transparent)}.chapter-rank-btn[data-rank=A]{color:var(--rank-a);border-color:color-mix(in srgb,var(--rank-a) 45%,transparent);background:color-mix(in srgb,var(--rank-a) 14%,transparent)}.chapter-rank-btn[data-rank=B]{color:var(--rank-b);border-color:color-mix(in srgb,var(--rank-b) 45%,transparent);background:color-mix(in srgb,var(--rank-b) 14%,transparent)}.chapter-rank-btn[data-rank=C]{color:var(--rank-c);border-color:color-mix(in srgb,var(--rank-c) 45%,transparent);background:color-mix(in srgb,var(--rank-c) 14%,transparent)}.chapter-rank-btn[data-rank=D]{color:var(--rank-d);border-color:color-mix(in srgb,var(--rank-d) 45%,transparent);background:color-mix(in srgb,var(--rank-d) 14%,transparent)}.chapter-rank-btn[data-rank=F]{color:var(--rank-f);border-color:color-mix(in srgb,var(--rank-f) 45%,transparent);background:color-mix(in srgb,var(--rank-f) 14%,transparent)}.chapter-rank-btn:hover:not(:disabled),.chapter-rank-btn:focus-visible:not(:disabled),.chapter-rank-btn.open{color:#fff;background:#ffffff24;border-color:#ffffff40}.chapter-rank-btn:disabled{opacity:.4;cursor:default}.chapter-rank-hover-label{display:none}.chapter-rank-btn:hover:not(:disabled) .chapter-rank-label,.chapter-rank-btn:focus-visible:not(:disabled) .chapter-rank-label,.chapter-rank-btn.open .chapter-rank-label{display:none}.chapter-rank-btn:hover:not(:disabled) .chapter-rank-hover-label,.chapter-rank-btn:focus-visible:not(:disabled) .chapter-rank-hover-label,.chapter-rank-btn.open .chapter-rank-hover-label{display:inline}.book-card.selected .chapter-rank-btn{background:#00000014;border-color:#00000026}.book-card.selected .chapter-rank-btn:hover:not(:disabled),.book-card.selected .chapter-rank-btn:focus-visible:not(:disabled),.book-card.selected .chapter-rank-btn.open{color:var(--text-dark);background:#00000029;border-color:#00000038}.chapter-rank-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:20;min-width:88px;display:flex;flex-direction:column;gap:2px;padding:4px;border-radius:8px;background:var(--card-dark);border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 24px #00000073}.book-card.selected .chapter-rank-menu{background:var(--card-selected);border-color:#0000001f;box-shadow:0 8px 24px #0000002e}.chapter-rank-option{background:transparent;color:#ffffffbf;font-size:.78rem;font-weight:600;text-align:left;padding:6px 10px;border-radius:5px;border:none;line-height:1;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:color var(--transition),background var(--transition)}.chapter-rank-option[data-rank=SS]{color:var(--rank-ss)}.chapter-rank-option[data-rank=S]{color:var(--rank-s)}.chapter-rank-option[data-rank=A]{color:var(--rank-a)}.chapter-rank-option[data-rank=B]{color:var(--rank-b)}.chapter-rank-option[data-rank=C]{color:var(--rank-c)}.chapter-rank-option[data-rank=D]{color:var(--rank-d)}.chapter-rank-option[data-rank=F]{color:var(--rank-f)}.chapter-rank-option[data-rank=none]{color:var(--rank-none)}.chapter-rank-option-median{font-size:.65rem;font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:#fff6}.book-card.selected .chapter-rank-option-median{color:#06254073}.chapter-rank-community{display:inline-flex;align-items:baseline;gap:4px;font-size:.68rem;font-weight:500;line-height:1;white-space:nowrap;color:#fff6}.chapter-rank-community-value{font-weight:700;font-size:.78rem}.chapter-rank-community[data-rank=SS] .chapter-rank-community-value{color:var(--rank-ss)}.chapter-rank-community[data-rank=S] .chapter-rank-community-value{color:var(--rank-s)}.chapter-rank-community[data-rank=A] .chapter-rank-community-value{color:var(--rank-a)}.chapter-rank-community[data-rank=B] .chapter-rank-community-value{color:var(--rank-b)}.chapter-rank-community[data-rank=C] .chapter-rank-community-value{color:var(--rank-c)}.chapter-rank-community[data-rank=D] .chapter-rank-community-value{color:var(--rank-d)}.chapter-rank-community[data-rank=F] .chapter-rank-community-value{color:var(--rank-f)}.book-card.selected .chapter-rank-community{color:#06254073}.chapter-rank-option:hover{background:#ffffff1a}.chapter-rank-option.selected{background:#ffffff24}.chapter-rank-option--clear{margin-top:2px;border-top:1px solid rgba(255,255,255,.1);border-radius:0 0 5px 5px;font-weight:500}.book-card.selected .chapter-rank-option:hover,.book-card.selected .chapter-rank-option.selected{background:#0000001a}.book-card.selected .chapter-rank-option--clear{border-top-color:#0000001a}.book-card.coming-soon{opacity:.45;cursor:default;pointer-events:none}.book-card.coming-soon:hover{box-shadow:none;border-color:#38bdf80f}.coming-soon-badge{position:absolute;top:10px;right:12px;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#ffffff80;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:6px;padding:3px 8px;pointer-events:none}.tut-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none}.tut-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.tut-spotlight{position:fixed;border-radius:12px;pointer-events:none;z-index:1;outline:2px solid rgba(56,189,248,.55);transition:top .18s ease,left .18s ease,width .18s ease,height .18s ease}.tut-arrow-svg{position:fixed;top:0;left:0;pointer-events:none;z-index:2;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.tut-card{background:#0e3556;border:1px solid rgba(56,189,248,.25);border-radius:16px;padding:20px 20px 16px;box-shadow:0 8px 32px #00000073;pointer-events:auto;z-index:2;min-width:260px}.tut-skip{float:right;background:none;border:none;color:#ffffff73;font-size:13px;cursor:pointer;padding:0;line-height:1;margin-top:2px}.tut-skip:hover{color:#ffffffbf}.tut-title{font-size:16px;font-weight:700;color:#fff;margin:0 0 6px;line-height:1.3}.tut-body{font-size:14px;color:#ffffffc7;margin:0 0 16px;line-height:1.5}.tut-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.tut-dots{display:flex;gap:6px;align-items:center}.tut-dot{display:block;width:6px;height:6px;border-radius:50%;background:#ffffff40;transition:background .2s}.tut-dot--active{background:#38bdf8;width:18px;border-radius:3px}.tut-actions{display:flex;gap:8px;align-items:center}.tut-btn{border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}.tut-btn--primary{background:#38bdf8;color:#062540}.tut-btn--primary:hover{background:#7dd3fc}.tut-btn--ghost{background:none;color:#ffffff80;font-weight:400;font-size:13px;padding:8px 4px}.tut-btn--ghost:hover{color:#fffc}.bug-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:300;display:flex;align-items:center;justify-content:center}.bug-modal{background:var(--card-dark);border:1px solid rgba(56,189,248,.18);border-radius:16px;padding:28px 24px 22px;max-width:320px;width:calc(100% - 48px);text-align:center}.bug-modal h3{font-size:1.1rem;font-weight:700;margin:0 0 12px}.bug-modal p{font-size:.9rem;color:var(--text-muted);line-height:1.5;margin:0 0 22px}.bug-modal-actions{display:flex;gap:10px;justify-content:center}.bug-modal-join{display:inline-flex;align-items:center;padding:9px 20px;background:#5865f2;color:#fff;border-radius:8px;font-size:.875rem;font-weight:600;text-decoration:none;cursor:pointer;transition:opacity .15s}.bug-modal-join:hover{opacity:.88}.bug-modal-cancel{padding:9px 20px;background:none;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:var(--text-muted);font-size:.875rem;cursor:pointer;transition:border-color .15s,color .15s}.bug-modal-cancel:hover{border-color:#ffffff40;color:var(--text)}.notif-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:flex-end;justify-content:center;background:#00000080;padding:0 0 80px}.notif-sheet{background:var(--bg-deep);border-radius:20px 20px 0 0;width:100%;max-width:540px;max-height:min(70vh,520px);display:flex;flex-direction:column;border-top:1px solid rgba(56,189,248,.12);animation:notifSlideUp .2s ease}@keyframes notifSlideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.notif-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 12px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.notif-sheet-header h2{margin:0;font-size:1rem;font-weight:600;color:#ffffffd9}.notif-sheet-close{width:32px;height:32px;border-radius:999px;background:#ffffff0f;border:none;color:#ffffff8c;cursor:pointer;font-size:.85rem}.notif-sheet-close:hover{background:#ffffff1a;color:#fff}.notif-sheet-body{overflow-y:auto;padding:8px 0 16px;flex:1}.notif-empty{padding:36px 20px;text-align:center;color:#fff6;font-size:.9rem}.notif-row{display:flex;align-items:flex-start;gap:12px;width:100%;padding:12px 18px;background:transparent;border:none;text-align:left;cursor:pointer;color:inherit;transition:background var(--transition)}.notif-row:hover{background:#38bdf80f}.notif-row.unread{background:#38bdf80a}.notif-row-avatar{width:36px;height:36px;border-radius:999px;background:#38bdf81f;border:1px solid rgba(56,189,248,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;color:var(--accent, #38bdf8);font-size:.85rem;font-weight:600}.notif-row-avatar img{width:100%;height:100%;object-fit:cover}.notif-row-text{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.notif-row-msg{font-size:.9rem;color:#ffffffd9;line-height:1.35}.notif-row-time{font-size:.72rem;color:#ffffff59}.notif-bell-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:#38bdf814;border:1px solid rgba(56,189,248,.28);border-radius:999px;color:var(--accent, #38bdf8);cursor:pointer;flex-shrink:0;transition:background var(--transition),border-color var(--transition)}.notif-bell-btn svg{width:16px;height:16px}.notif-bell-btn:hover{background:#38bdf829;border-color:#38bdf880}.notif-bell-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#f87171;color:#fff;font-size:.62rem;font-weight:700;line-height:16px;text-align:center;pointer-events:none}.library-page{min-height:100vh;background:var(--bg);display:flex;flex-direction:column;padding-bottom:80px}.library-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 12px;position:sticky;top:0;background:var(--bg);z-index:10}.library-header-left{display:flex;align-items:center;gap:10px;min-width:0}.library-header h1{font-size:1.6rem;font-weight:700;letter-spacing:-.02em;flex-shrink:0}.lib-book-chip{display:inline-flex;align-items:center;gap:5px;background:#38bdf81a;border:1px solid rgba(56,189,248,.28);border-radius:999px;padding:3px 6px 3px 10px;font-size:.72rem;color:var(--accent);white-space:nowrap;max-width:160px}.lib-book-chip-title{overflow:hidden;text-overflow:ellipsis}.lib-book-chip button{background:none;border:none;color:#38bdf899;font-size:.7rem;padding:0 2px;cursor:pointer;line-height:1;flex-shrink:0}.lib-book-chip button:hover{color:var(--accent)}.library-banner{margin:0 20px 8px;background:#38bdf812;border:1px solid rgba(56,189,248,.2);border-radius:12px;padding:10px 16px;font-size:.85rem;color:var(--accent);text-align:center}.library-content{flex:1;padding:8px 20px 16px}.lib-loading{display:flex;justify-content:center;padding-top:80px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:100px;gap:8px;text-align:center}.empty-icon{font-size:3rem;margin-bottom:8px;opacity:.4}.empty-state p{font-size:1rem;font-weight:500;color:#fff9}.empty-sub{font-size:.875rem!important;color:#ffffff59!important;font-weight:400!important}.book-list{display:flex;flex-direction:column;gap:12px}.fab{position:fixed;bottom:80px;right:20px;width:56px;height:56px;border-radius:50%;background:var(--accent);color:var(--bg-deep);font-size:1.8rem;font-weight:400;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #38bdf859;z-index:50;transition:transform var(--transition),box-shadow var(--transition)}.fab:hover{transform:scale(1.07);box-shadow:0 6px 28px #38bdf880}.upgrade-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:300;display:flex;align-items:center;justify-content:center;padding:24px}.upgrade-modal{background:var(--bg-deep, #03172A);border:1px solid rgba(223,181,100,.25);border-radius:20px;width:100%;max-width:440px;max-height:85vh;overflow-y:auto;padding:22px;box-shadow:0 12px 40px #00000080;animation:upgrade-pop .18s ease}@keyframes upgrade-pop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.upgrade-header{display:flex;align-items:center;justify-content:space-between}.upgrade-header h2{font-size:1.25rem;font-weight:800;letter-spacing:.3px;background:linear-gradient(135deg,#fff4d6,#e8c877,#dfb564);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.upgrade-close{background:#ffffff12;color:#ffffff80;width:32px;height:32px;border-radius:50%;border:none;cursor:pointer;transition:background var(--transition),color var(--transition)}.upgrade-close:hover{background:#ffffff21;color:#fff}.upgrade-sub{font-size:.9rem;color:var(--text-muted);margin:6px 0 16px;line-height:1.5}.upgrade-perks{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-direction:column;gap:10px}.upgrade-perks li{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--text-light)}.upgrade-perk-icon{font-size:1.05rem;width:20px;text-align:center;flex-shrink:0}.upgrade-plans{display:flex;flex-direction:column;gap:10px}.upgrade-plan{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;border-radius:14px;padding:14px;cursor:pointer;border:1px solid transparent;transition:opacity var(--transition),transform var(--transition)}.upgrade-plan:disabled{opacity:.6;cursor:default}.upgrade-plan:not(:disabled):hover{transform:translateY(-1px)}.upgrade-plan--yearly{background:linear-gradient(135deg,#fffcf5,#f4e8c6,#dfb564);color:#2b210a}.upgrade-plan--monthly{background:#ffffff0a;border-color:#ffffff24;color:var(--text-light)}.upgrade-plan-price{font-size:1.2rem;font-weight:800}.upgrade-plan-period{font-size:.75rem;opacity:.8}.upgrade-plan-save{position:absolute;top:-9px;right:12px;background:#22c55e;color:#04210f;font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:999px}.upgrade-error{color:#f87171;font-size:.82rem;margin-top:10px;text-align:center}.upgrade-footer{font-size:.75rem;color:var(--text-muted);text-align:center;margin:14px 0 0}.explore-page{position:relative;width:100%;height:calc(100dvh - 64px);overflow:hidden;background:var(--bg)}.explore-header{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;gap:10px;padding:14px 56px 14px 20px;background:linear-gradient(to bottom,var(--bg) 60%,transparent);pointer-events:none}.explore-notif{position:absolute;top:14px;right:20px;z-index:25;pointer-events:all}.explore-back-btn{pointer-events:all;background:#38bdf81f;border:1px solid rgba(56,189,248,.25);color:var(--accent);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;transition:background var(--transition)}.explore-back-btn:hover{background:#38bdf838}.explore-header h2{font-size:1rem;font-weight:600;color:var(--text-light);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.explore-spoiler-btn{pointer-events:all;margin-left:auto;flex-shrink:0;background:#ffffff12;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:var(--text-muted);font-size:.78rem;padding:4px 11px;cursor:pointer;transition:border-color var(--transition),color var(--transition),background var(--transition)}.explore-spoiler-btn:hover{border-color:#38bdf859;color:var(--accent)}.explore-spoiler-btn--revealed{border-color:#38bdf840;color:var(--accent);background:#38bdf812}.explore-spoiler-btn--revealed:hover{border-color:#38bdf880;background:#38bdf81f}.explore-filter-bar{position:absolute;top:58px;left:0;right:0;z-index:9;padding:6px 20px;font-size:.78rem;color:var(--text-muted);text-align:center;pointer-events:none}.explore-filter-bar-link{pointer-events:auto;background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer;text-decoration:underline}.explore-all-hidden{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.85rem;color:var(--text-muted);text-align:center;padding:0 40px;pointer-events:none}.bubble-viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:none;cursor:grab}.bubble-viewport:active{cursor:grabbing}.bubble-world{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:0 0;will-change:transform}.zoom-controls{position:absolute;bottom:20px;left:20px;z-index:15;display:flex;flex-direction:column;gap:8px}.zoom-btn{width:40px;height:40px;border-radius:50%;background:var(--card-dark);border:1px solid rgba(56,189,248,.25);color:var(--accent);font-size:1.4rem;font-weight:300;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px #00000040;transition:background var(--transition),border-color var(--transition)}.zoom-btn:hover{background:#38bdf824;border-color:#38bdf880}.zoom-btn:active{background:#38bdf838}.bubble-node{position:absolute;border-radius:50%;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);cursor:pointer;transition:background .2s,box-shadow .2s,border-color .2s;-webkit-user-select:none;user-select:none;text-align:center;padding:8px;box-sizing:border-box}.topic-bubble{background:var(--card-dark);border:1.5px solid rgba(56,189,248,.15)}.topic-bubble:hover{background:#38bdf81f;border-color:#38bdf873;box-shadow:0 0 18px #38bdf81f}.insight-bubble{background:#38bdf812;border:1px solid rgba(56,189,248,.18)}.insight-bubble:hover{background:#38bdf82e;border-color:#38bdf866}.bubble-label{color:var(--text-light);font-weight:600;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-word}.bubble-sub{color:#fff6;font-size:.7rem;margin-top:4px;line-height:1.2}.bubble-skeleton{position:absolute;border-radius:50%;transform:translate(-50%,-50%);background:#38bdf80f;border:1px solid rgba(56,189,248,.08);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.explore-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:40px 32px}.explore-empty-icon{font-size:3rem;opacity:.5}.explore-empty h3{font-size:1.1rem;font-weight:600;color:var(--text-light);margin:0}.explore-empty p{font-size:.9rem;color:var(--text-muted);margin:0;max-width:260px}.explore-empty-btn{margin-top:8px;padding:10px 24px;background:var(--accent);color:#062540;border:none;border-radius:999px;font-size:.9rem;font-weight:700;cursor:pointer;transition:opacity var(--transition)}.explore-empty-btn:hover{opacity:.88}.explore-fab{position:absolute;bottom:20px;right:20px;z-index:20;width:52px;height:52px;border-radius:50%;background:var(--accent);color:#062540;border:none;font-size:1.6rem;font-weight:300;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #38bdf859;transition:opacity var(--transition),box-shadow var(--transition)}.explore-fab:hover{opacity:.9;box-shadow:0 6px 22px #38bdf880}.explore-bug-fab{position:absolute;bottom:20px;right:20px;z-index:20;width:44px;height:44px;border-radius:50%;background:#f871711a;border:1px solid rgba(248,113,113,.35);color:#f87171;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px #f8717126;transition:background var(--transition),box-shadow var(--transition)}.explore-bug-fab svg{width:20px;height:20px}.explore-bug-fab:hover{background:#f8717133;box-shadow:0 4px 16px #f8717159}.explore-bug-fab--above{bottom:84px}.insight-overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#062540bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end}.explore-insight-card{width:100%;max-height:70vh;background:var(--card-dark);border-top:1px solid rgba(56,189,248,.18);border-radius:20px 20px 0 0;padding:24px 24px 40px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;animation:slide-up .28s cubic-bezier(.34,1.56,.64,1)}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.insight-card-header{display:flex;align-items:center;justify-content:space-between}.insight-card-author{display:flex;align-items:center;gap:8px}.insight-card-avatar{width:32px;height:32px;border-radius:50%;background:#38bdf82e;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--accent);text-transform:uppercase}.insight-card-name{font-size:.85rem;font-weight:600;color:var(--text-light)}.insight-card-name--pro{background:linear-gradient(135deg,#fff4d6,#e8c877,#dfb564);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.insight-card-tag{font-size:.78rem;color:var(--text-muted)}.insight-card-close{background:#ffffff12;border:none;border-radius:50%;width:32px;height:32px;color:var(--text-muted);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition)}.insight-card-close:hover{background:#ffffff24}.explore-insight-card-body{font-size:1rem;line-height:1.7;color:var(--text-light);white-space:pre-wrap;word-break:break-word;flex-shrink:0}.insight-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.insight-card-date{font-size:.75rem;color:var(--text-muted)}.insight-like-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid rgba(248,113,113,.3);border-radius:999px;color:#f87171;font-size:.82rem;font-weight:600;padding:5px 14px;cursor:pointer;transition:border-color var(--transition),color var(--transition),background var(--transition)}.insight-like-btn:hover:not(:disabled){background:#f871711a;border-color:#f8717180}.insight-like-btn.liked{background:#f8717124;border-color:#f871718c}.insight-like-btn:disabled{opacity:.5;cursor:default}.insight-like-icon{font-size:1rem;line-height:1}.insight-own-likes{font-size:.82rem;color:var(--text-muted)}.insight-share-btn{background:none;border:1px solid rgba(255,255,255,.15);border-radius:999px;color:var(--text-muted);font-size:.82rem;padding:7px 10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color var(--transition),color var(--transition),background var(--transition)}.insight-share-btn svg{width:16px;height:16px;display:block}.insight-share-btn:hover{border-color:#38bdf873;color:#38bdf8e6}.insight-card-author:hover .insight-card-name{text-decoration:underline}.insight-comments{display:flex;flex-direction:column;gap:10px;border-top:1px solid rgba(255,255,255,.07);padding-top:14px}.insight-comments-header{font-size:.78rem;color:var(--text-muted);font-weight:600;letter-spacing:.02em}.insight-comment{display:flex;flex-direction:column;gap:3px}.insight-comment-top{display:flex;align-items:center;gap:8px}.insight-comment-author{font-size:.8rem;font-weight:600;color:var(--text-light)}.insight-comment-time{font-size:.73rem;color:var(--text-muted);margin-left:auto}.insight-comment-delete,.insight-comment-edit{background:none;border:none;color:var(--text-muted);font-size:.78rem;cursor:pointer;padding:0 2px;line-height:1;opacity:.5;transition:opacity var(--transition)}.insight-comment-delete:hover,.insight-comment-edit:hover{opacity:1}.insight-comment-like{background:none;border:none;padding:0 2px;cursor:pointer;color:#f87171bf;font-size:.75rem;font-weight:600;line-height:1;white-space:nowrap;transition:color var(--transition)}.insight-comment-like:hover,.insight-comment-like--liked{color:#f87171}.insight-comment-like--readonly{cursor:default}.insight-comment-confirm-label{font-size:.75rem;color:var(--text-muted)}.insight-comment-confirm-yes,.insight-comment-confirm-no{background:none;border:1px solid;border-radius:999px;font-size:.72rem;font-weight:600;padding:2px 8px;cursor:pointer;transition:background var(--transition)}.insight-comment-confirm-yes{border-color:#ef444473;color:#ef4444}.insight-comment-confirm-yes:hover{background:#ef44441f}.insight-comment-confirm-no{border-color:#ffffff26;color:var(--text-muted)}.insight-comment-confirm-no:hover{background:#ffffff12}.insight-comment-text{font-size:.88rem;color:var(--text-light);line-height:1.5;word-break:break-word}.insight-comment-form{display:flex;flex-direction:column;gap:8px;margin-top:4px}.insight-comment-input{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:var(--text-light);font-size:.85rem;font-family:inherit;padding:10px 14px;outline:none;resize:vertical;transition:border-color var(--transition)}.insight-comment-input::placeholder{color:var(--text-muted)}.insight-comment-input:focus{border-color:#38bdf866}.insight-comment-submit{align-self:flex-end;background:#38bdf826;border:1px solid rgba(56,189,248,.3);border-radius:999px;color:var(--accent);font-size:.82rem;font-weight:600;padding:7px 16px;cursor:pointer;transition:background var(--transition),opacity var(--transition);white-space:nowrap}.insight-comment-submit:hover:not(:disabled){background:#38bdf840}.insight-comment-submit:disabled{opacity:.4;cursor:default}.post-insight-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#062540bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end}.post-insight-sheet{width:100%;max-height:88vh;overflow-y:auto;background:var(--card-dark);border-top:1px solid rgba(56,189,248,.18);border-radius:20px 20px 0 0;padding:20px 20px 40px;display:flex;flex-direction:column;gap:14px;animation:slide-up .28s cubic-bezier(.34,1.56,.64,1)}.post-insight-header{display:flex;align-items:center;justify-content:space-between}.post-insight-header h3{font-size:1rem;font-weight:700;color:var(--text-light);margin:0}.post-insight-close{background:#ffffff12;border:none;border-radius:50%;width:32px;height:32px;color:var(--text-muted);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.post-insight-close:hover{background:#ffffff24}.post-insight-textarea{width:100%;min-height:120px;background:#ffffff0d;border:1px solid rgba(56,189,248,.2);border-radius:12px;color:var(--text-light);font-size:.95rem;line-height:1.6;padding:12px 14px;resize:none;font-family:inherit;box-sizing:border-box}.post-insight-textarea:focus{outline:none;border-color:#38bdf880}.post-insight-textarea::placeholder{color:var(--text-muted)}.post-insight-footer{display:flex;align-items:center;justify-content:space-between}.post-insight-count{font-size:.78rem;color:var(--text-muted)}.post-insight-submit{padding:9px 22px;background:var(--accent);color:#062540;border:none;border-radius:999px;font-size:.9rem;font-weight:700;cursor:pointer;transition:opacity var(--transition)}.post-insight-submit:disabled{opacity:.4;cursor:default}.post-insight-submit:not(:disabled):hover{opacity:.88}.post-insight-error{font-size:.82rem;color:#f87171;margin-top:-6px}.share-modal{max-width:420px;max-height:unset}.share-modal-body{padding:16px 20px 24px}.share-link-row{display:flex;gap:8px}.share-link-input{flex:1 1 auto;min-width:0;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--text-light);font-size:.85rem;padding:10px 12px}.share-link-input:focus{outline:none;border-color:#38bdf880}.share-copy-btn{flex:0 0 auto;background:var(--accent);color:#000;border:none;border-radius:10px;font-size:.85rem;font-weight:600;padding:10px 16px;cursor:pointer;transition:opacity var(--transition);white-space:nowrap}.share-copy-btn:hover{opacity:.9}.insight-page{min-height:100vh;background:var(--bg);display:flex;flex-direction:column;padding-bottom:80px}.insight-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 12px;position:sticky;top:0;background:var(--bg);z-index:10}.insight-header-left{display:flex;align-items:center;gap:10px;min-width:0}.insight-header h1{font-size:1.6rem;font-weight:700;letter-spacing:-.02em;flex-shrink:0}.insight-book-chip{display:inline-flex;align-items:center;gap:5px;background:#38bdf81a;border:1px solid rgba(56,189,248,.28);border-radius:999px;padding:3px 6px 3px 10px;font-size:.72rem;color:var(--accent);white-space:nowrap;max-width:160px}.insight-book-chip-title{overflow:hidden;text-overflow:ellipsis}.insight-book-chip button{background:none;border:none;color:#38bdf899;font-size:.7rem;padding:0 2px;cursor:pointer;line-height:1;flex-shrink:0}.insight-book-chip button:hover{color:var(--accent)}.insight-content{flex:1;padding:8px 20px 16px;display:flex;flex-direction:column;gap:12px}.insight-loading{display:flex;justify-content:center;padding-top:80px}.insight-empty{display:flex;flex-direction:column;align-items:center;padding-top:80px;gap:10px;text-align:center}.insight-empty-icon{font-size:3rem;opacity:.4}.insight-empty h3{font-size:1rem;font-weight:600;color:#ffffffb3;margin:0}.insight-empty p{font-size:.875rem;color:var(--text-muted);max-width:240px;margin:0}.insight-empty-cta{margin-top:4px;padding:9px 22px;background:var(--accent);color:#062540;border:none;border-radius:999px;font-size:.9rem;font-weight:700;cursor:pointer;transition:opacity var(--transition)}.insight-empty-cta:hover{opacity:.88}.insight-card{background:var(--card-dark);border:1px solid rgba(56,189,248,.1);border-radius:var(--border-radius);padding:14px 16px;display:flex;flex-direction:column;gap:6px;cursor:pointer;transition:border-color var(--transition),background var(--transition)}.insight-card:hover{border-color:#38bdf847;background:#0c3050e6}.insight-card-top{display:flex;align-items:center;justify-content:space-between}.insight-card-time{font-size:.72rem;color:var(--text-muted)}.insight-breadcrumb{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.insight-breadcrumb-book{color:#38bdf8b3}.insight-breadcrumb-arrow{opacity:.5;margin:0 3px}.insight-card-body{font-size:.9rem;line-height:1.6;color:var(--text-light);overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;word-break:break-word}.insight-read-more{font-size:.75rem;color:var(--accent);opacity:.75;margin-top:2px}.insight-card-stats{display:flex;gap:12px;font-size:.72rem;color:var(--text-muted);align-items:center}.insight-card-chapter{margin-left:auto;font-size:.68rem;font-weight:600;color:var(--accent);background:#38bdf81a;border-radius:999px;padding:1px 7px}.insight-load-more{text-align:center;margin-top:4px}.load-more-btn{background:none;border:1px solid rgba(56,189,248,.2);border-radius:999px;color:var(--accent);font-size:.85rem;padding:8px 20px;cursor:pointer;transition:background var(--transition),border-color var(--transition)}.load-more-btn:hover{background:#38bdf814;border-color:#38bdf866}.load-more-btn:disabled{opacity:.4;cursor:default}.insight-fab{position:fixed;bottom:80px;right:20px;width:56px;height:56px;border-radius:50%;background:var(--accent);color:var(--bg-deep);font-size:1.8rem;font-weight:400;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #38bdf859;z-index:50;border:none;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition)}.insight-fab:hover{transform:scale(1.07);box-shadow:0 6px 28px #38bdf880}.insight-detail-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#062540bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end}.insight-detail-sheet{width:100%;max-height:70vh;background:var(--card-dark);border-top:1px solid rgba(56,189,248,.18);border-radius:20px 20px 0 0;padding:24px 24px 40px;overflow-y:auto;display:flex;flex-direction:column;gap:14px;animation:insight-slide-up .28s cubic-bezier(.34,1.56,.64,1)}@keyframes insight-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.insight-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.insight-detail-meta{display:flex;flex-direction:column;gap:3px}.insight-detail-breadcrumb{font-size:.78rem;color:var(--text-muted)}.insight-detail-date{font-size:.73rem;color:var(--text-muted)}.insight-detail-stats{display:flex;gap:14px;font-size:.78rem;color:var(--text-muted);margin-top:2px}.insight-detail-close{background:#ffffff12;border:none;border-radius:50%;width:32px;height:32px;color:var(--text-muted);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--transition)}.insight-detail-close:hover{background:#ffffff24}.insight-detail-body{font-size:1rem;line-height:1.75;color:var(--text-light);white-space:pre-wrap;word-break:break-word}.insight-no-book-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#062540bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end}.insight-no-book-sheet{width:100%;background:var(--card-dark);border-top:1px solid rgba(56,189,248,.18);border-radius:20px 20px 0 0;padding:32px 24px 48px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;animation:insight-slide-up .28s cubic-bezier(.34,1.56,.64,1)}.insight-no-book-sheet h3{font-size:1.1rem;font-weight:700;color:var(--text-light);margin:0}.insight-no-book-sheet p{font-size:.9rem;color:var(--text-muted);max-width:260px;margin:0}.insight-no-book-sheet .insight-empty-cta{margin-top:4px}.insight-no-book-close{position:absolute;top:16px;right:16px;background:#ffffff12;border:none;border-radius:50%;width:32px;height:32px;color:var(--text-muted);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.post-chapter-chip{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;color:var(--accent);background:#38bdf81a;border:1px solid rgba(56,189,248,.2);border-radius:999px;padding:3px 10px;cursor:pointer;transition:background var(--transition);flex-shrink:0}.post-chapter-chip:hover{background:#38bdf829}.post-chapter-editor{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;border-top:1px solid rgba(56,189,248,.1);background:#ffffff05}.post-chapter-general-btn{background:none;border:1px solid rgba(255,255,255,.15);border-radius:999px;color:var(--text-muted);font-size:.8rem;padding:5px 12px;cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition)}.post-chapter-general-btn.active,.post-chapter-general-btn:hover{background:#38bdf81f;border-color:#38bdf866;color:var(--accent)}.post-chapter-custom-label{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-muted)}.post-chapter-input{width:58px;background:#ffffff0d;border:1px solid rgba(56,189,248,.25);border-radius:8px;color:var(--text-light);font-family:inherit;font-size:.85rem;padding:4px 8px}.post-chapter-input:focus{border-color:#38bdf880;outline:none}.insight-detail-footer-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.insight-detail-icons{display:flex;align-items:center;gap:8px;margin-left:auto}.insight-action-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:999px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.95rem;line-height:1;cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition)}.insight-action-btn svg{width:16px;height:16px;display:block}.insight-action-btn:hover{background:#38bdf81f;border-color:#38bdf866;color:var(--accent)}.insight-action-btn--danger:hover{background:#ef444424;border-color:#ef444480;color:#f87171}.insight-detail-confirm-delete{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--text-muted);margin-left:auto}.insight-detail-edit{display:flex;flex-direction:column;gap:10px}.insight-detail-edit-warning{font-size:.8rem;line-height:1.5;color:#fbbf24;background:#fbbf241a;border:1px solid rgba(251,191,36,.28);border-radius:10px;padding:9px 12px}.insight-detail-edit-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.insight-detail-cancel-btn{background:none;border:1px solid rgba(255,255,255,.15);border-radius:999px;color:var(--text-muted);font-size:.85rem;padding:7px 16px;cursor:pointer;transition:border-color var(--transition),color var(--transition)}.insight-detail-cancel-btn:hover{border-color:#ffffff4d;color:var(--text-light)}.insight-detail-cancel-btn:disabled{opacity:.5;cursor:default}.topic-chip-row{display:flex;flex-wrap:wrap;gap:8px}.topic-chip{padding:6px 14px;border-radius:999px;border:1px solid rgba(56,189,248,.25);background:#38bdf812;color:var(--text-muted);font-size:.82rem;cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition)}.topic-chip.selected{background:#38bdf82e;border-color:var(--accent);color:var(--accent)}.topic-chip:hover:not(.selected){background:#38bdf81f;border-color:#38bdf866;color:var(--text-light)}.create-page{min-height:100vh;background:var(--bg);display:flex;flex-direction:column;padding-bottom:80px}.create-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 12px;position:sticky;top:0;background:var(--bg);z-index:10}.create-header-left{display:flex;align-items:center;gap:10px;min-width:0}.create-header h1{font-size:1.6rem;font-weight:700;letter-spacing:-.02em;flex-shrink:0}.create-book-chip{display:inline-flex;align-items:center;gap:5px;background:#38bdf81a;border:1px solid rgba(56,189,248,.28);border-radius:999px;padding:3px 6px 3px 10px;font-size:.72rem;color:var(--accent);white-space:nowrap;max-width:160px}.create-book-chip-title{overflow:hidden;text-overflow:ellipsis}.create-book-chip button{background:none;border:none;color:#38bdf899;font-size:.7rem;padding:0 2px;cursor:pointer;line-height:1;flex-shrink:0}.create-book-chip button:hover{color:var(--accent)}.create-user-stats{display:flex;align-items:center;gap:8px;padding:0 20px 14px}.create-level-badge{font-size:.72rem;font-weight:700;color:var(--accent);background:#38bdf81a;border:1px solid rgba(56,189,248,.25);border-radius:999px;padding:2px 10px;letter-spacing:.03em}.create-xp{font-size:.75rem;font-weight:600;color:var(--text-light)}.create-xp-next{font-size:.72rem;color:var(--text-muted)}.create-content{flex:1;padding:8px 20px 16px;display:flex;flex-direction:column;gap:12px}.create-loading{display:flex;justify-content:center;padding-top:80px}.create-empty{display:flex;flex-direction:column;align-items:center;padding-top:80px;gap:10px;text-align:center}.create-empty-icon{font-size:3rem;opacity:.4}.create-empty h3{font-size:1rem;font-weight:600;color:#ffffffb3;margin:0}.create-empty p{font-size:.875rem;color:var(--text-muted);max-width:240px;margin:0}.create-empty-cta{margin-top:4px;padding:9px 22px;background:var(--accent);color:#062540;border:none;border-radius:999px;font-size:.9rem;font-weight:700;cursor:pointer;transition:opacity var(--transition)}.create-empty-cta:hover{opacity:.88}.create-card{background:var(--card-dark);border:1px solid rgba(56,189,248,.1);border-radius:var(--border-radius);padding:14px 16px;display:flex;flex-direction:column;gap:6px;cursor:pointer;transition:border-color var(--transition),background var(--transition)}.create-card:hover{border-color:#38bdf847;background:#0c3050e6}.create-card-top{display:flex;align-items:center;justify-content:space-between}.create-card-time{font-size:.72rem;color:var(--text-muted)}.create-breadcrumb{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.create-breadcrumb-book{color:#38bdf8b3}.create-card-body{font-size:.9rem;line-height:1.6;color:var(--text-light);overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;word-break:break-word}.create-card-stats{display:flex;gap:12px;font-size:.72rem;color:var(--text-muted)}.create-load-more{text-align:center;margin-top:4px}.create-fab{position:fixed;bottom:80px;right:20px;width:56px;height:56px;border-radius:50%;background:var(--accent);color:var(--bg-deep);font-size:1.8rem;font-weight:400;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #38bdf859;z-index:50;border:none;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition)}.create-fab:hover{transform:scale(1.07);box-shadow:0 6px 28px #38bdf880}.create-detail-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#062540bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end}.create-detail-sheet{width:100%;max-height:70vh;background:var(--card-dark);border-top:1px solid rgba(56,189,248,.18);border-radius:20px 20px 0 0;padding:24px 24px 40px;overflow-y:auto;display:flex;flex-direction:column;gap:14px;animation:create-slide-up .28s cubic-bezier(.34,1.56,.64,1)}@keyframes create-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.create-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.create-detail-meta{display:flex;flex-direction:column;gap:3px}.create-detail-breadcrumb{font-size:.78rem;color:var(--text-muted)}.create-detail-date{font-size:.73rem;color:var(--text-muted)}.create-detail-stats{display:flex;gap:14px;font-size:.78rem;color:var(--text-muted);margin-top:2px}.create-detail-view-btn{align-self:flex-start;margin-top:6px;background:none;border:none;padding:0;color:var(--accent);font-size:.8rem;cursor:pointer;opacity:.85;transition:opacity var(--transition)}.create-detail-view-btn:hover{opacity:1}.create-detail-close{background:#ffffff12;border:none;border-radius:50%;width:32px;height:32px;color:var(--text-muted);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--transition)}.create-detail-close:hover{background:#ffffff24}.create-detail-body{font-size:1rem;line-height:1.75;color:var(--text-light);white-space:pre-wrap;word-break:break-word}.detail-explore-link{align-self:flex-start;background:none;border:1px solid rgba(56,189,248,.25);border-radius:999px;color:var(--accent);font-size:.82rem;padding:6px 14px;cursor:pointer;transition:background var(--transition),border-color var(--transition)}.detail-explore-link:hover{background:#38bdf814;border-color:#38bdf866}.create-no-book-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#062540bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end}.create-no-book-sheet{width:100%;background:var(--card-dark);border-top:1px solid rgba(56,189,248,.18);border-radius:20px 20px 0 0;padding:32px 24px 48px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;animation:create-slide-up .28s cubic-bezier(.34,1.56,.64,1);position:relative}.create-no-book-sheet h3{font-size:1.1rem;font-weight:700;color:var(--text-light);margin:0}.create-no-book-sheet p{font-size:.9rem;color:var(--text-muted);max-width:260px;margin:0}.create-no-book-close{position:absolute;top:16px;right:16px;background:#ffffff12;border:none;border-radius:50%;width:32px;height:32px;color:var(--text-muted);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.create-detail-answers{display:flex;flex-direction:column;gap:10px}.create-detail-answers-divider{font-size:.78rem;font-weight:600;color:var(--text-muted);padding-bottom:6px;border-bottom:1px solid rgba(56,189,248,.1)}.create-detail-answers-loading{display:flex;justify-content:center;padding:8px 0}.create-detail-no-answers{font-size:.85rem;color:var(--text-muted);margin:0;text-align:center;padding:6px 0}.create-detail-answer-item{display:flex;flex-direction:column;gap:2px}.create-detail-answer-author-row{display:flex;align-items:center;gap:4px}.create-detail-answer-author{font-size:.72rem;color:#38bdf8b3;font-weight:500}.create-detail-answer-content{font-size:.88rem;line-height:1.6;color:var(--text-light);word-break:break-word}.create-detail-see-all-btn{align-self:flex-start;background:none;border:1px solid rgba(56,189,248,.2);border-radius:999px;color:var(--accent);font-size:.82rem;padding:7px 16px;cursor:pointer;margin-top:4px;transition:background var(--transition),border-color var(--transition)}.create-detail-see-all-btn:hover{background:#38bdf814;border-color:#38bdf866}.create-detail-all-answers{display:flex;flex-direction:column;gap:10px;margin-top:4px}.create-detail-add-answer{align-self:flex-start;background:none;border:1px solid rgba(56,189,248,.2);border-radius:999px;color:var(--accent);font-size:.82rem;padding:7px 16px;cursor:pointer;transition:background var(--transition),border-color var(--transition)}.create-detail-add-answer:hover{background:#38bdf814;border-color:#38bdf866}.post-insight-textarea-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.post-insight-textarea-wrap .post-insight-textarea{width:100%}.post-current-chapter{margin-right:auto;font-size:.75rem;color:var(--text-muted)}.create-answer-question-preview{font-size:.85rem;line-height:1.5;color:var(--text-muted);background:#ffffff0a;border-left:2px solid rgba(56,189,248,.3);border-radius:4px;padding:8px 12px;word-break:break-word}.streak-badges{display:flex;flex-direction:column;gap:12px}.streak-card{display:flex;align-items:center;gap:14px;background:var(--card-dark);border:1px solid rgba(251,146,60,.14);border-radius:var(--border-radius);padding:14px 18px}.streak-card--active{border-color:#fb923c66;background:linear-gradient(135deg,#fb923c1a,#fb923c05)}.streak-flame{font-size:1.7rem;line-height:1;filter:grayscale(.8) opacity(.5)}.streak-card--active .streak-flame{filter:none}.streak-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.streak-count{font-size:1.25rem;font-weight:700;color:var(--text-light);letter-spacing:-.02em;line-height:1.1}.streak-sub{font-size:.72rem;color:var(--text-muted)}.streak-longest{font-size:.75rem;color:#fff6;white-space:nowrap}.badges-section{background:var(--card-dark);border:1px solid rgba(56,189,248,.1);border-radius:var(--border-radius);padding:16px 18px}.badges-heading{margin:0 0 12px;font-size:.9rem;font-weight:700;color:var(--text-light)}.badges-empty{margin:0;font-size:.8rem;line-height:1.5;color:var(--text-muted)}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:10px}.badge{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 6px;background:#fb923c0f;border:1px solid rgba(251,146,60,.25);border-radius:12px;text-align:center}.badge-icon{font-size:1.4rem;line-height:1}.badge-label{font-size:.72rem;font-weight:600;color:var(--text-light)}.profile-page{min-height:100vh;background:var(--bg);display:flex;flex-direction:column;padding-bottom:80px}.profile-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 12px;position:sticky;top:0;background:var(--bg);z-index:10}.profile-header h1{font-size:1.6rem;font-weight:700;letter-spacing:-.02em}.profile-edit-btn{background:none;border:1px solid rgba(56,189,248,.3);border-radius:999px;color:var(--accent);font-size:.85rem;font-weight:600;padding:6px 18px;cursor:pointer;transition:background var(--transition),border-color var(--transition)}.profile-edit-btn:hover{background:#38bdf814;border-color:#38bdf88c}.profile-header-actions{display:flex;align-items:center;gap:8px}.profile-logout-btn{background:none;border:1px solid rgba(248,113,113,.35);border-radius:999px;color:#f87171;font-size:.85rem;font-weight:600;padding:6px 18px;cursor:pointer;transition:background var(--transition),border-color var(--transition)}.profile-logout-btn:hover{background:#f871711a;border-color:#f8717199}.profile-logout-confirm{font-size:.85rem;font-weight:600;color:var(--text-muted)}.profile-content{flex:1;padding:4px 20px 20px;display:flex;flex-direction:column;gap:16px}.profile-loading{display:flex;justify-content:center;padding-top:80px}.profile-error{font-size:.9rem;color:var(--text-muted);text-align:center;padding-top:80px}.profile-identity{display:flex;gap:16px;align-items:flex-start;padding:18px;background:var(--card-dark);border:1px solid rgba(56,189,248,.1);border-radius:var(--border-radius)}.profile-avatar{flex-shrink:0;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#38bdf859,#38bdf81f);border:1.5px solid rgba(56,189,248,.35);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:var(--accent);letter-spacing:-.02em}.profile-identity-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.profile-display-name{font-size:1.1rem;font-weight:700;color:var(--text-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-tag{font-size:.82rem;color:var(--accent);opacity:.8}.profile-bio{font-size:.88rem;line-height:1.6;color:var(--text-muted);word-break:break-word;margin-top:4px}.profile-since{font-size:.75rem;color:#ffffff59;margin-top:6px}.profile-edit-form{display:flex;flex-direction:column;gap:8px;background:var(--card-dark);border:1px solid rgba(56,189,248,.15);border-radius:var(--border-radius);padding:18px}.profile-field-label{font-size:.75rem;font-weight:600;color:var(--text-muted);letter-spacing:.03em;margin-top:4px}.profile-field-input,.profile-field-textarea{background:#ffffff0a;border:1px solid rgba(56,189,248,.2);border-radius:10px;color:var(--text-light);font-family:inherit;font-size:.92rem;line-height:1.5;padding:9px 12px;width:100%;transition:border-color var(--transition),background var(--transition)}.profile-field-input:focus,.profile-field-textarea:focus{border-color:#38bdf880;background:#ffffff0f}.profile-field-textarea{resize:none}.profile-bio-count{font-size:.72rem;color:#ffffff4d;text-align:right;margin-top:-4px}.profile-save-error{font-size:.83rem;color:#f87171;background:#f8717114;border:1px solid rgba(248,113,113,.2);border-radius:8px;padding:8px 12px;margin-top:2px}.profile-edit-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.profile-cancel-btn{background:none;border:1px solid rgba(255,255,255,.15);border-radius:999px;color:var(--text-muted);font-size:.85rem;padding:8px 20px;cursor:pointer;transition:border-color var(--transition),color var(--transition)}.profile-cancel-btn:hover:not(:disabled){border-color:#ffffff4d;color:var(--text-light)}.profile-cancel-btn:disabled{opacity:.4;cursor:default}.profile-save-btn{background:var(--accent);border:none;border-radius:999px;color:#062540;font-size:.85rem;font-weight:700;padding:8px 24px;cursor:pointer;transition:opacity var(--transition)}.profile-save-btn:hover:not(:disabled){opacity:.88}.profile-save-btn:disabled{opacity:.4;cursor:default}.profile-xp-section{background:var(--card-dark);border:1px solid rgba(56,189,248,.1);border-radius:var(--border-radius);padding:16px 18px;display:flex;flex-direction:column;gap:10px}.profile-xp-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.profile-level-badge{font-size:.88rem;font-weight:700;color:var(--accent);background:#38bdf81f;border:1px solid rgba(56,189,248,.25);border-radius:999px;padding:3px 12px;white-space:nowrap}.profile-xp-label{font-size:.8rem;color:var(--text-muted);white-space:nowrap}.profile-xp-bar-track{width:100%;height:7px;background:#ffffff14;border-radius:999px;overflow:hidden}.profile-xp-bar-fill{height:100%;background:linear-gradient(90deg,rgba(56,189,248,.6),var(--accent));border-radius:999px;transition:width .5s cubic-bezier(.4,0,.2,1);min-width:4px}.profile-xp-next{font-size:.75rem;color:#ffffff59;text-align:right}.profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.profile-stat{background:var(--card-dark);border:1px solid rgba(56,189,248,.1);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}.profile-stat-value{font-size:1.5rem;font-weight:700;color:var(--text-light);letter-spacing:-.02em;line-height:1}.profile-stat-label{font-size:.72rem;color:var(--text-muted)}.profile-premium-banner{position:relative;overflow:hidden;width:100%;border:none;border-radius:var(--border-radius);padding:18px 20px;cursor:pointer;text-align:center;color:#2b210a;background:linear-gradient(135deg,#fffcf5,#f4e8c6,#dfb564);box-shadow:0 8px 26px #dfb5642e,inset 0 1px #ffffffe6;transition:transform var(--transition)}.profile-premium-banner:hover{transform:translateY(-1px)}.profile-premium-banner:after{content:"";position:absolute;top:0;left:-150%;width:50%;height:100%;background:linear-gradient(to right,#fff0,#ffffffb3,#fff0);transform:skew(-25deg);animation:profile-shimmer 5s infinite}@keyframes profile-shimmer{0%{left:-150%}15%{left:200%}to{left:200%}}.profile-premium-content{position:relative;z-index:2}.profile-premium-content h3{margin:0 0 6px;font-size:1.05rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.profile-premium-content p{margin:0 0 8px;font-size:.85rem;font-weight:500;line-height:1.5;opacity:.9}.profile-premium-cta{font-size:.85rem;font-weight:700}.profile-pro-card{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:var(--border-radius);padding:14px 18px;background:#dfb56414;border:1px solid rgba(223,181,100,.35)}.profile-pro-badge{font-size:.95rem;font-weight:800;background:linear-gradient(135deg,#fff4d6,#e8c877,#dfb564);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.profile-manage-btn{background:none;border:1px solid rgba(223,181,100,.4);border-radius:999px;color:#e8c877;font-size:.82rem;font-weight:600;padding:7px 16px;cursor:pointer;transition:background var(--transition),border-color var(--transition)}.profile-manage-btn:hover:not(:disabled){background:#dfb5641f;border-color:#dfb56499}.profile-manage-btn:disabled{opacity:.5;cursor:default}.profile-pro-lifetime{font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#e8c877}.profile-display-name--pro{background:linear-gradient(135deg,#fff4d6,#e8c877,#dfb564);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.profile-upgraded-banner{border-radius:var(--border-radius);padding:12px 16px;text-align:center;font-size:.9rem;font-weight:600;color:#2b210a;background:linear-gradient(135deg,#fffcf5,#f4e8c6,#dfb564)}.up-page{display:flex;flex-direction:column;min-height:100dvh;background:var(--bg)}.up-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:10px;padding:14px 20px;background:var(--bg);border-bottom:1px solid rgba(255,255,255,.06)}.up-back{background:#38bdf81f;border:1px solid rgba(56,189,248,.25);color:var(--accent);border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;flex-shrink:0;transition:background var(--transition)}.up-back:hover{background:#38bdf838}.up-header-title{font-size:1rem;font-weight:600;color:var(--text-light);flex:1}.up-edit-btn{background:none;border:1px solid rgba(56,189,248,.3);border-radius:999px;color:var(--accent);font-size:.8rem;padding:5px 12px;cursor:pointer;transition:background var(--transition);flex-shrink:0}.up-edit-btn:hover{background:#38bdf81a}.up-body{flex:1;padding:20px 20px 100px;display:flex;flex-direction:column;gap:0}.up-loading{flex:1;display:flex;align-items:center;justify-content:center;padding:60px 0}.up-error-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:60px 32px}.up-error-icon{font-size:2.8rem;opacity:.5}.up-error-state h3{font-size:1.1rem;font-weight:600;color:var(--text-light);margin:0}.up-error-state p{font-size:.9rem;color:var(--text-muted);margin:0}.up-identity{display:flex;align-items:center;gap:16px;margin-bottom:16px}.up-avatar{width:60px;height:60px;border-radius:50%;background:#38bdf82e;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;color:var(--accent);text-transform:uppercase;flex-shrink:0}.up-avatar-img{width:60px;height:60px;border-radius:50%;object-fit:cover;flex-shrink:0}.up-identity-text{display:flex;flex-direction:column;gap:2px}.up-display-name{font-size:1.15rem;font-weight:700;color:var(--text-light)}.up-display-name--pro{background:linear-gradient(135deg,#fff4d6,#e8c877,#dfb564);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.up-tag{font-size:.85rem;color:var(--text-muted)}.up-bio{font-size:.9rem;color:var(--text-muted);line-height:1.6;margin:0 0 16px;white-space:pre-wrap;word-break:break-word}.up-stats{display:flex;align-items:center;gap:8px;margin-bottom:24px;padding:12px 16px;background:var(--card-dark);border-radius:12px;border:1px solid rgba(255,255,255,.06)}.up-stat{display:flex;flex-direction:column;align-items:center;gap:1px;flex:1}.up-stat-value{font-size:1.1rem;font-weight:700;color:var(--text-light)}.up-stat-label{font-size:.72rem;color:var(--text-muted)}.up-stat-sep{color:#ffffff26;font-size:1.2rem;line-height:1}.up-tabs{display:flex;gap:6px;padding:4px;margin-bottom:16px;background:var(--card-dark);border:1px solid rgba(255,255,255,.06);border-radius:12px}.up-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px;background:none;border:none;border-radius:9px;color:var(--text-muted);font-size:.85rem;font-weight:600;cursor:pointer;transition:background var(--transition),color var(--transition)}.up-tab:hover{color:var(--text-light)}.up-tab.active{background:#38bdf824;color:var(--accent)}.up-tab-count{font-size:.72rem;font-weight:700;color:var(--text-muted);background:#ffffff0f;border-radius:999px;padding:1px 7px}.up-tab.active .up-tab-count{color:var(--accent);background:#38bdf82e}.up-card{background:var(--card-dark);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:14px 16px;margin-bottom:10px;display:flex;flex-direction:column;gap:8px}.up-card-clickable{cursor:pointer;transition:border-color var(--transition),background var(--transition)}.up-card-clickable:hover{border-color:#38bdf859;background:#38bdf80a}.up-card-crumb{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.up-card-question{font-size:.78rem;color:var(--text-muted);font-style:italic;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.up-card-body{font-size:.92rem;color:var(--text-light);line-height:1.55;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.up-card-footer{display:flex;align-items:center;gap:8px}.up-card-time{font-size:.73rem;color:var(--text-muted);flex-shrink:0}.up-card-stats{display:flex;gap:10px;font-size:.75rem;color:var(--text-muted);margin-left:auto}.up-chapter-badge{font-size:.68rem;font-weight:600;color:var(--accent);background:#38bdf81a;border-radius:999px;padding:1px 7px;flex-shrink:0}.up-list-loading{display:flex;justify-content:center;padding:20px 0}.up-empty-text{font-size:.88rem;color:var(--text-muted);margin:0 0 16px}.up-load-more{width:100%;padding:10px;background:none;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--text-muted);font-size:.85rem;cursor:pointer;margin-bottom:10px;transition:border-color var(--transition),color var(--transition)}.up-load-more:hover:not(:disabled){border-color:#38bdf859;color:var(--accent)}.up-load-more:disabled{opacity:.5;cursor:default}.admin-page{min-height:100vh;background:var(--bg);display:flex;flex-direction:column;padding-bottom:80px}.admin-header{padding:20px 20px 8px;position:sticky;top:0;background:var(--bg);z-index:10}.admin-header h1{font-size:1.6rem;font-weight:700;letter-spacing:-.02em;margin:0}.admin-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-tabs{display:flex;gap:0;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.08);overflow-x:auto;scrollbar-width:none}.admin-tabs::-webkit-scrollbar{display:none}.admin-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:.9rem;font-weight:600;padding:10px 16px;cursor:pointer;transition:color var(--transition),border-color var(--transition);margin-bottom:-1px}.admin-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.admin-body{padding:16px 20px;flex:1}.admin-list{display:flex;flex-direction:column;gap:12px}.admin-card{background:var(--bg-deep);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}.admin-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-entity-type{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:#ffffff12;border-radius:6px;padding:2px 7px}.admin-flag{font-size:.75rem;font-weight:600;color:#f87171;background:#f871711f;border-radius:6px;padding:2px 7px}.admin-author{font-size:.8rem;color:var(--accent)}.admin-time{font-size:.75rem;color:var(--text-muted);margin-left:auto}.admin-content{font-size:.875rem;color:var(--text-light);margin:0;line-height:1.45;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.admin-reporter{font-size:.78rem;color:var(--text-muted);margin:0}.admin-actions{display:flex;gap:6px;flex-wrap:wrap;padding-top:4px}.admin-btn{font-size:.78rem;font-weight:600;border:none;border-radius:8px;padding:5px 12px;cursor:pointer;transition:opacity var(--transition)}.admin-btn:hover{opacity:.8}.admin-btn-safe{background:#4ade8026;color:#4ade80}.admin-btn-danger{background:#f8717126;color:#f87171}.admin-btn-warn{background:#fbbf2426;color:#fbbf24}.admin-load-more{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--text-muted);font-size:.85rem;padding:10px;cursor:pointer;transition:background var(--transition);align-self:center;min-width:120px}.admin-load-more:hover{background:#ffffff1a}.admin-load-more:disabled{opacity:.4;cursor:default}.admin-loading,.admin-empty{text-align:center;color:var(--text-muted);font-size:.9rem;padding:40px 0}.admin-range{display:flex;gap:6px;margin-bottom:16px}.admin-range-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:var(--text-muted);font-size:.8rem;font-weight:600;padding:5px 14px;cursor:pointer;transition:color var(--transition),border-color var(--transition),background var(--transition)}.admin-range-btn.active{color:var(--accent);border-color:#38bdf873;background:#38bdf81a}.admin-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px;margin-bottom:24px}.admin-stat-card{background:var(--bg-deep);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:12px 14px}.admin-stat-value{font-size:1.35rem;font-weight:700;color:var(--text-light);letter-spacing:-.02em}.admin-stat-label{font-size:.72rem;color:var(--text-muted);margin-top:2px}.admin-section-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:20px 0 10px}.admin-section-subtitle{font-size:.72rem;color:var(--text-muted);margin:14px 0 8px}.admin-bars{display:flex;flex-direction:column;gap:4px}.admin-bar-row{display:flex;align-items:center;gap:8px;font-size:.75rem}.admin-bar-date{color:var(--text-muted);width:40px;flex-shrink:0}.admin-bar-track{flex:1;height:10px;background:#ffffff0d;border-radius:999px;overflow:hidden}.admin-bar-fill{height:100%;background:var(--accent);border-radius:999px;min-width:2px}.admin-bar-num{width:34px;text-align:right;color:var(--text-light);flex-shrink:0}.admin-bar-users{width:34px;text-align:right;color:var(--text-muted);flex-shrink:0}.admin-bar-signups{width:30px;color:#4ade80;flex-shrink:0}.admin-table-wrap{overflow-x:auto;scrollbar-width:thin}.admin-table{width:100%;border-collapse:collapse;font-size:.82rem}.admin-table-wrap .admin-table td{white-space:nowrap}.admin-table th{text-align:left;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700;padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.08)}.admin-table td{padding:8px;border-bottom:1px solid rgba(255,255,255,.05);color:var(--text-light)}.admin-mono{font-variant-numeric:tabular-nums;color:var(--text-muted)}.admin-accent{color:var(--accent)}.admin-user-row{cursor:pointer;transition:background var(--transition)}.admin-user-row:hover{background:#ffffff08}.admin-search{width:100%;background:var(--bg-deep);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--text-light);font-size:.85rem;padding:9px 12px;margin-bottom:14px;outline:none}.admin-search:focus{border-color:#38bdf866}.admin-upload-actions{align-items:center}.admin-upload-label{display:inline-block;cursor:pointer}.admin-upload-label.disabled{opacity:.5;cursor:default}.admin-upload-badge{font-size:.78rem;font-weight:700;color:#4ade80;background:#4ade8026;border-radius:8px;padding:5px 12px}.admin-upload-thumb{height:40px;width:40px;object-fit:cover;border-radius:6px}.admin-upload-error{font-size:.78rem;color:#f87171}.streak-popup{position:fixed;bottom:80px;left:50%;transform:translate(-50%) translateY(0);z-index:9999;display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#1e140af7,#28190af7);border:1px solid rgba(251,146,60,.45);border-radius:16px;padding:12px 18px;box-shadow:0 4px 24px #00000080,0 0 0 1px #fb923c1a;pointer-events:none;animation:streak-popup-in .35s cubic-bezier(.34,1.56,.64,1) both}.streak-popup--exit{animation:streak-popup-out .45s ease-in both}@keyframes streak-popup-in{0%{opacity:0;transform:translate(-50%) translateY(16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes streak-popup-out{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(10px)}}.streak-popup-flame{font-size:1.6rem;line-height:1;flex-shrink:0}.streak-popup-body{display:flex;flex-direction:column;gap:1px}.streak-popup-earned{font-size:.68rem;font-weight:700;color:#fb923ce6;text-transform:uppercase;letter-spacing:.06em;line-height:1.2}.streak-popup-progress{font-size:1rem;font-weight:700;color:#fff;line-height:1.2}.streak-popup-sub{font-size:.7rem;color:#ffffff80;line-height:1.2}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #040404;--bg-deep: #03172A;--card-dark: #0C3050;--card-selected: #E4F4FB;--text-light: #FFFFFF;--text-dark: #062540;--text-muted: rgba(255,255,255,.55);--accent: #38BDF8;--border-radius: 16px;--font: "Inter", system-ui, sans-serif;--transition: .18s ease}html,body,#root{height:100%;font-family:var(--font);background:var(--bg);color:var(--text-light);-webkit-font-smoothing:antialiased}button{font-family:var(--font);cursor:pointer;border:none;outline:none}input,textarea{font-family:var(--font);outline:none}a{color:inherit;text-decoration:none}.loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg)}.spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.15);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.report-icon-btn{background:none;border:none;cursor:pointer;font-size:.75rem;opacity:.4;padding:0 2px;transition:opacity var(--transition);line-height:1}.report-icon-btn:hover{opacity:.85}.content-image-preview{max-width:100%;max-height:300px;object-fit:contain;border-radius:8px;margin-top:10px;display:block;flex-shrink:0}.post-attach-btn{background:none;border:1px solid rgba(56,189,248,.2);border-radius:8px;color:var(--text-muted);font-size:1rem;padding:4px 8px;cursor:pointer;line-height:1;transition:border-color var(--transition),color var(--transition);flex-shrink:0}.post-attach-btn:hover{border-color:#38bdf873;color:var(--accent)}.post-image-preview-wrap{position:relative;display:block;align-self:flex-start;max-width:160px}.post-image-preview{max-width:160px;max-height:120px;border-radius:8px;display:block;object-fit:cover;border:1px solid rgba(56,189,248,.2)}.post-image-remove{position:absolute;top:-6px;right:-6px;background:#1e293beb;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:20px;height:20px;font-size:.65rem;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;padding:0}.chapter-badge{display:inline-flex;align-items:center;font-size:.68rem;font-weight:600;letter-spacing:.04em;color:#38bdf8bf;background:#38bdf81a;border:1px solid rgba(56,189,248,.2);border-radius:999px;padding:1px 7px;white-space:nowrap}@keyframes spin{to{transform:rotate(360deg)}}.page-bug-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f8717114;border:1px solid rgba(248,113,113,.3);border-radius:999px;color:#f87171;cursor:pointer;flex-shrink:0;transition:background var(--transition),border-color var(--transition)}.page-bug-btn svg{width:16px;height:16px}.page-bug-btn:hover{background:#f8717129;border-color:#f871718c}.page-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}