.sidebar-container{display:none}@media (min-width:1024px){.sidebar-container{display:flex;flex-direction:column;width:240px;height:100vh;position:fixed;top:0;left:0;background:var(--bg-sidebar);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--border-color);padding:20px 12px;z-index:100;overflow-y:auto}}.sidebar-brand{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;transition:transform .25s ease}.sidebar-brand:hover{transform:scale(1.03)}.brand-logo-wrapper{width:140px;display:flex;align-items:center;justify-content:center}.brand-logo-img{width:100%;height:auto;filter:drop-shadow(0 0 12px var(--accent-glow));border-radius:10px}.brand-subtitle{font-size:.75rem;color:var(--text-dim);letter-spacing:3px;margin-top:6px;text-align:center}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:2px}.nav-link{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-muted);font-size:.9rem;cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.nav-link:hover{color:var(--text-main);background:#ffffff0a}.nav-link.active{color:var(--accent-color);background:rgba(var(--accent-rgb),.1);border:1px solid rgba(var(--accent-rgb),.2)}.sidebar-footer{margin-top:auto;padding-top:16px;border-top:1px solid var(--border-color)}.user-card{display:flex;align-items:center;gap:10px;padding:8px}.user-avatar{width:36px;height:36px;border-radius:50%;background:rgba(var(--accent-rgb),.2);border:1px solid rgba(var(--accent-rgb),.3);display:flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--accent-color)}.user-info{flex:1}.user-name{font-size:.85rem;font-weight:600}.user-title{font-size:.7rem;color:var(--text-dim)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(66px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:#080c14e0;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-around;padding-left:12px;padding-right:12px;z-index:1000;box-shadow:0 -4px 30px #00000080}@media (min-width: 1024px){.bottom-nav{display:none}}.bottom-nav-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:transparent;border:none;color:var(--text-dim, #7c8a88);font-size:.72rem;font-weight:500;cursor:pointer;padding:6px 14px;border-radius:16px;transition:all .25s cubic-bezier(.2,.8,.2,1);-webkit-tap-highlight-color:transparent}.bottom-nav-item:active{transform:scale(.92);opacity:.85}.bottom-nav-item.active{color:var(--accent-color, #d4a843);font-weight:600}.bottom-nav-item.active:after{content:"";position:absolute;bottom:2px;width:4px;height:4px;border-radius:50%;background:var(--accent-color, #d4a843);box-shadow:0 0 8px var(--accent-color, #d4a843)}.bottom-nav-fab,.bottom-nav-add-btn{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#e4ba53,#b88a28);border:2px solid rgba(255,255,255,.2);color:#05080c;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 24px #d4a84373;transform:translateY(-14px);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease;-webkit-tap-highlight-color:transparent}.bottom-nav-fab:active,.bottom-nav-add-btn:active{transform:translateY(-10px) scale(.92);box-shadow:0 3px 14px #d4a8434d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#04070cbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .25s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-content{width:100%;max-width:500px;background:#0e1420eb;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #000000b3}.modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:14px;margin-bottom:18px}.modal-header h3{font-size:1.15rem;font-weight:600;font-family:var(--font-serif)}.modal-input{width:100%;background:#060a12d9;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:12px 16px;color:var(--text-main);font-size:.92rem;outline:none;transition:border-color .2s ease}.modal-input:focus{border-color:var(--accent-color)}.modal-textarea{resize:vertical;min-height:110px;max-height:240px;line-height:1.6;font-family:inherit}.qr-section{margin-bottom:20px}.qr-section label{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:10px;font-weight:500}.attachment-select-grid{display:flex;flex-wrap:wrap;gap:8px;max-height:160px;overflow-y:auto}.attachment-chip{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);padding:8px 16px;border-radius:20px;font-size:.88rem;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.attachment-chip:active{transform:scale(.95)}.attachment-chip:hover{border-color:var(--accent-color);color:var(--text-main)}.attachment-chip.selected{background:rgba(var(--accent-rgb),.2);border-color:var(--accent-color);color:var(--accent-color);font-weight:600;box-shadow:0 0 12px rgba(var(--accent-rgb),.25)}.qr-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.delta-btn{display:flex;align-items:center;gap:8px;padding:12px 10px;border-radius:16px;border:1px solid var(--border-color);cursor:pointer;transition:all .2s ease;text-align:left;-webkit-tap-highlight-color:transparent}.delta-btn:active:not(:disabled){transform:scale(.96)}.delta-btn:disabled{opacity:.35;cursor:not-allowed}.delta-title{display:block;font-size:.88rem;font-weight:600;white-space:nowrap}.delta-desc{display:block;font-size:.68rem;margin-top:2px;opacity:.8;white-space:nowrap}.plus-btn{background:#10b9811f;color:#10b981;border-color:#10b98159}.zero-btn{background:#a855f71f;color:#c084fc;border-color:#a855f759}.minus-btn{background:#ef44441f;color:#ef4444;border-color:#ef444459}@media (max-width: 520px){.qr-actions{grid-template-columns:1fr;gap:8px}.delta-btn{padding:10px 14px}}@media (max-width: 767px){.modal-overlay{align-items:flex-end;padding:0}.modal-content{max-width:100%;border-radius:28px 28px 0 0;padding:20px 20px 36px;animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1);border-bottom:none}.modal-header{position:relative;padding-top:12px}.modal-header:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:38px;height:4px;border-radius:2px;background:#fff3}}.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#03060cd1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;z-index:3000;padding:20px;animation:fadeIn .25s ease-out}.auth-modal-content{width:100%;max-width:400px;background:#0c111cf0;border:1px solid rgba(212,168,67,.35);box-shadow:0 20px 60px #000c,0 0 35px #d4a8432e;border-radius:24px;padding:28px 24px}.auth-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.auth-brand-badge{display:flex;align-items:center;gap:6px;color:var(--accent-color, #d4a843);font-family:var(--font-serif);font-size:1.1rem;font-weight:700;letter-spacing:2px}.auth-google-hero{text-align:center;margin:12px 0 24px}.auth-google-hero h2{font-family:var(--font-serif);font-size:1.3rem;font-weight:600;color:#f1f5f9;margin-bottom:6px}.auth-google-hero p{font-size:.85rem;color:#94a3b8;line-height:1.5}.google-auth-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:12px;margin-bottom:8px}.google-btn-container{width:100%;display:flex;justify-content:center;min-height:44px}.google-btn-container>div{width:100%!important}.custom-google-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 16px;background:#ffffff12;border:1px solid rgba(255,255,255,.16);border-radius:16px;color:#fff;font-size:.92rem;font-weight:500;cursor:pointer;transition:all .2s ease}.custom-google-btn:hover{background:#ffffff1f;border-color:#d4a84373;transform:translateY(-1px)}.custom-google-btn:disabled{opacity:.6;cursor:not-allowed}.google-icon{width:20px;height:20px}.auth-error-banner{margin-top:14px;background:#ef444426;border:1px solid rgba(239,68,68,.35);color:#ef4444;padding:10px 14px;border-radius:12px;font-size:.82rem;text-align:center}@media (max-width: 600px){.auth-modal-overlay{align-items:flex-end;padding:0}.auth-modal-content{border-radius:28px 28px 0 0;padding:24px 20px 36px}}:root{--bg-deep: #05070a;--bg-mid: #0d1420;--bubble-core: #f4ead0;--bubble-glow: #7fd8d0;--bubble-edge: #d9c98a;--void-fill: #0a0a0c;--void-edge: #2a2420;--eye-glow: #cc2020;--ink: #cfd6d4;--ink-dim: #7c8a88}@keyframes voidPulse{0%{opacity:.75;filter:contrast(110%) brightness(90%)}50%{opacity:.95;filter:contrast(130%) brightness(110%)}to{opacity:.75;filter:contrast(110%) brightness(90%)}}@keyframes voidRotate{0%{transform:rotate(0);transform-origin:400px 400px}to{transform:rotate(360deg);transform-origin:400px 400px}}@keyframes cloudDrift{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.08) rotate(180deg)}to{transform:scale(1) rotate(360deg)}}.cultivator-scene-v2{position:relative;width:100%;aspect-ratio:1 / 1;max-width:620px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-lg, 16px);background:radial-gradient(ellipse at 50% 30%,var(--bg-mid) 0%,var(--bg-deep) 70%);box-shadow:inset 0 0 40px #000c,0 8px 32px #00000080;border:1px solid rgba(255,255,255,.06)}.stage-v2{position:relative;width:100%;height:100%}.stage-v2 svg{width:100%;height:100%;display:block}@keyframes floatAnim{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}#bubbleGroup{animation:floatAnim 6s ease-in-out infinite;transform-origin:400px 400px}#bubbleStateBadge{transition:transform .8s cubic-bezier(.25,.46,.45,.94)}.landing-container{min-height:100vh;width:100%;background-color:#030508;background-image:radial-gradient(ellipse at 50% 30%,rgba(212,168,67,.08) 0%,transparent 65%),radial-gradient(circle at 80% 20%,rgba(10,16,28,.95),transparent 70%);color:#f1f5f9;display:flex;flex-direction:column;position:relative;overflow-x:hidden}.landing-nav{display:flex;align-items:center;justify-content:center;padding:max(24px,env(safe-area-inset-top,0px)) 24px 20px 24px;max-width:1400px;margin:0 auto;width:100%;z-index:10}@media (max-width: 768px){.landing-nav{padding:max(16px,env(safe-area-inset-top,0px)) 16px 14px 16px}}.landing-logo{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-tap-highlight-color:transparent;flex-shrink:0}.logo-icon-wrapper{width:34px;height:34px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-svg{width:100%;height:100%;filter:drop-shadow(0 0 8px rgba(212,168,67,.5))}.logo-text{font-family:var(--font-serif, serif);font-size:1.25rem;font-weight:700;letter-spacing:3px;color:#f1f3f5;white-space:nowrap;background:linear-gradient(135deg,#fff 30%,#d4a843);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 480px){.landing-nav{padding:max(12px,env(safe-area-inset-top,0px)) 12px 12px 12px}.logo-text{font-size:1.05rem;letter-spacing:1.5px}.landing-nav-actions{gap:6px}.pill-btn{padding:6px 14px;font-size:.78rem}}.landing-menu{display:flex;align-items:center;gap:32px}.landing-menu-link{color:#94a3b8;font-size:.9rem;text-decoration:none;transition:color .2s ease}.landing-menu-link:hover{color:#f1f5f9}.landing-nav-actions{display:flex;align-items:center;gap:10px}.pill-btn{padding:8px 20px;border-radius:24px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .25s ease;display:inline-flex;align-items:center;gap:6px;-webkit-tap-highlight-color:transparent}.pill-btn:active{transform:scale(.95)}.outline-btn{background:transparent;border:1px solid rgba(255,255,255,.25);color:#f1f5f9}.outline-btn:hover{border-color:#d4a843;color:#d4a843;box-shadow:0 0 16px #d4a84340}.fill-gold-btn{background:linear-gradient(135deg,#ecd68d,#cfa038);border:none;color:#04070a;font-weight:600;box-shadow:0 4px 18px #d4a84359}.fill-gold-btn:hover{transform:translateY(-1px);filter:brightness(1.1);box-shadow:0 6px 24px #d4a84380}.landing-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:1300px;margin:0 auto;width:100%;padding:10px 20px 40px;text-align:center;position:relative}.landing-bubble-wrapper{width:min(82vw,380px);aspect-ratio:1 / 1;margin-bottom:20px;border-radius:50%;box-shadow:0 0 70px #d4a84340}@media (max-width: 480px){.landing-bubble-wrapper{width:min(85vw,300px);margin-bottom:16px}}.landing-hero-content{max-width:680px;display:flex;flex-direction:column;align-items:center;width:100%}.hero-title{font-family:var(--font-serif, serif);font-size:clamp(2.2rem,6vw,3.8rem);font-weight:400;letter-spacing:1.5px;color:#f5eedc;margin-bottom:10px;text-shadow:0 0 24px rgba(245,238,220,.3)}.hero-subtitle{font-size:clamp(.88rem,2.5vw,1.15rem);color:#94a3b8;font-weight:300;margin-bottom:16px;padding:0 10px;line-height:1.5}.ornate-divider{display:flex;align-items:center;justify-content:center;gap:12px;width:160px;margin-bottom:20px}.ornate-divider .line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(212,168,67,.5),transparent)}.lotus-symbol{font-size:.95rem;opacity:.8}.hero-cta-row{margin-bottom:40px;width:100%;display:flex;justify-content:center}.hero-enter-btn{background:#0c121ee0;border:1px solid rgba(212,168,67,.5);color:#f5eedc;padding:14px 40px;border-radius:30px;font-size:1.05rem;font-family:var(--font-serif, serif);letter-spacing:1px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 0 30px #d4a84347,inset 0 0 20px #d4a8431f;-webkit-tap-highlight-color:transparent}@media (max-width: 480px){.hero-enter-btn{padding:12px 32px;font-size:.98rem;width:min(100%,280px);justify-content:center}}.hero-enter-btn:hover{border-color:#d4a843;transform:translateY(-2px);box-shadow:0 0 45px #d4a84373,inset 0 0 30px #d4a84333;color:#fff}.hero-enter-btn:active{transform:translateY(0) scale(.96)}.landing-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;width:100%;margin-top:10px}@media (max-width: 900px){.landing-features-grid{grid-template-columns:repeat(2,1fr);gap:14px}}@media (max-width: 550px){.landing-features-grid{grid-template-columns:1fr;gap:12px}}.feature-card{background:#0c121cb8;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:22px 18px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s ease;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}@media (max-width: 550px){.feature-card{padding:18px 16px;border-radius:18px}}.feature-card:hover{border-color:#d4a84359;transform:translateY(-3px);box-shadow:0 12px 30px #0009,0 0 20px #d4a8431f}.feature-icon-box{width:42px;height:42px;border-radius:50%;background:#d4a8431a;border:1px solid rgba(212,168,67,.3);display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:#d4a843}.feature-card h3{font-family:var(--font-serif, serif);font-size:1.02rem;font-weight:500;color:#f1f3f5;margin-bottom:6px}.feature-card p{font-size:.8rem;color:#78889b;line-height:1.5}.landing-footer{display:flex;align-items:center;justify-content:space-between;padding:20px 48px max(20px,env(safe-area-inset-bottom,0px)) 48px;border-top:1px solid rgba(255,255,255,.06);max-width:1400px;margin:0 auto;width:100%;font-size:.82rem;color:#475569}@media (max-width: 768px){.landing-footer{flex-direction:column;gap:10px;padding:16px 20px max(16px,env(safe-area-inset-bottom,0px)) 20px;text-align:center}}.footer-right{display:flex;gap:18px}.footer-right a{color:#64748b;text-decoration:none;transition:color .2s ease}.footer-right a:hover{color:#94a3b8}.energy-orb-wrapper{position:relative;display:flex;align-items:center;justify-content:center;padding:30px 0;width:100%}.energy-orb-aura{position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,var(--orb-theme-color, var(--accent-color)) 0%,transparent 70%);opacity:.25;filter:blur(40px);animation:pulseGlow 4s infinite ease-in-out;pointer-events:none}.energy-orb-svg-container{position:relative;width:320px;height:320px;display:flex;align-items:center;justify-content:center}.energy-orb-svg{width:100%;height:100%;transform:rotate(-90deg)}.orb-track-circle{fill:none;stroke:#ffffff0d;stroke-width:6}.orb-decorative-ring{fill:none;stroke:var(--accent-glow);stroke-width:1.5;stroke-dasharray:4 8;transform-origin:center}.orb-progress-circle{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1.5s cubic-bezier(.4,0,.2,1),stroke .8s ease}.orb-center-content{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:10}.orb-subtitle{font-size:.85rem;color:var(--text-muted);letter-spacing:1px;margin-bottom:4px}.orb-score-number{font-family:var(--font-sans);font-size:5rem;font-weight:700;color:var(--text-main);line-height:1;text-shadow:0 0 30px rgba(var(--accent-rgb),.5)}.orb-level-badge{font-family:var(--font-serif);font-size:1.1rem;font-weight:600;margin-top:6px;padding:2px 14px;border-radius:20px;background:#0006;border:1px solid var(--accent-color);letter-spacing:1px}.orb-level-num{font-size:.8rem;color:var(--text-dim);margin-top:4px}.home-v2{display:flex;flex-direction:column;gap:20px}.score-gauge-row{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 0}@media (max-width: 480px){.score-gauge-row{gap:8px}.gauge-value{font-size:1.8rem!important}.gauge-side{min-width:65px!important}}.gauge-side{text-align:center;min-width:80px}.gauge-label{font-size:.8rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.gauge-value{font-size:2.2rem;font-weight:700;font-family:var(--font-serif);letter-spacing:1px}.energy-val{color:var(--energy-color)}.attachment-val{color:var(--attachment-color)}.gauge-pct{font-size:.8rem;color:var(--text-dim);margin-top:2px}.gauge-center{position:relative;width:170px;height:105px;display:flex;align-items:center;justify-content:center}.gauge-arc-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.gauge-center-text{text-align:center;position:relative;z-index:2;margin-top:18px}.gauge-total-label{font-size:.75rem;color:var(--text-dim)}.gauge-total-num{font-size:1.4rem;font-weight:700;color:var(--text-main)}.gauge-total-sub{font-size:.65rem;color:var(--text-dim)}.home-main-grid{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 1024px){.home-main-grid{grid-template-columns:1.2fr 1fr}}.bubble-panel{padding:0;overflow:hidden;border-radius:24px}.home-right-panel{display:flex;flex-direction:column;gap:16px}.card-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.card-header-row h3{font-size:1.05rem;font-weight:600;font-family:var(--font-serif)}.btn-secondary.sm{padding:6px 12px;font-size:.78rem;border-radius:10px}.btn-secondary.accent{border-color:rgba(var(--accent-rgb),.3);color:var(--accent-color)}.header-title-group{display:flex;align-items:center;gap:8px}.count-pill{font-size:.72rem;font-weight:700;padding:1px 7px;border-radius:20px;background:rgba(var(--accent-rgb, 212, 168, 67),.12);color:var(--accent-color, #d4a843);border:1px solid rgba(var(--accent-rgb, 212, 168, 67),.25);line-height:1.4}.header-actions-group{display:flex;align-items:center;gap:8px}.btn-icon-toggle{width:28px;height:28px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--text-dim);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn-icon-toggle:hover,.btn-icon-toggle.active{background:rgba(var(--accent-rgb, 212, 168, 67),.15);border-color:rgba(var(--accent-rgb, 212, 168, 67),.4);color:var(--accent-color, #d4a843)}.quick-search-bar{display:flex;align-items:center;gap:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:6px 10px;margin-bottom:12px;animation:fadeInDown .2s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.search-icon-dim{color:var(--text-dim);flex-shrink:0}.quick-search-input{flex:1;background:transparent;border:none;color:var(--text-main);font-size:.82rem;outline:none}.quick-search-input::placeholder{color:var(--text-dim);opacity:.7}.search-clear-btn{background:transparent;border:none;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;padding:2px;border-radius:4px}.search-clear-btn:hover{color:var(--text-main)}.attachment-capsules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}@media (max-width: 440px){.attachment-capsules-grid{grid-template-columns:1fr}}.attachment-capsule{position:relative;background:#ffffff06;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;min-height:42px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .22s cubic-bezier(.16,1,.3,1);overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.attachment-capsule:hover,.attachment-capsule.active{background:#ffffff0f;border-color:rgba(var(--accent-rgb, 212, 168, 67),.35);box-shadow:0 4px 16px #0000004d,0 0 10px rgba(var(--accent-rgb, 212, 168, 67),.08);transform:translateY(-1px)}.capsule-main{display:flex;align-items:center;gap:7px;flex:1;min-width:0}.capsule-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-color, #d4a843);box-shadow:0 0 6px var(--accent-color, #d4a843);flex-shrink:0;opacity:.75}.capsule-name{font-size:.84rem;color:var(--text-main);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.capsule-score{font-size:.84rem;font-weight:700;font-family:var(--font-serif);color:var(--text-muted);padding-left:6px;flex-shrink:0;transition:opacity .2s ease}.capsule-actions{display:flex;align-items:center;gap:4px;position:absolute;right:5px;top:50%;transform:translateY(-50%) translate(12px);opacity:0;pointer-events:none;transition:all .2s cubic-bezier(.16,1,.3,1);background:#12141df5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:3px 5px;border-radius:9px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 16px #00000073;z-index:5}.attachment-capsule:hover .capsule-actions,.attachment-capsule.active .capsule-actions{opacity:1;pointer-events:auto;transform:translateY(-50%) translate(0)}.capsule-btn{width:25px;height:25px;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.capsule-btn:active{transform:scale(.9)}.capsule-btn.minus:hover{color:#ef4444;border-color:#ef444480;background:#ef444433}.capsule-btn.zero:hover{color:#c084fc;border-color:#a855f780;background:#a855f733}.capsule-btn.plus:hover{color:#10b981;border-color:#10b98180;background:#10b98133}.capsules-expand-wrap{position:relative;padding-top:12px;display:flex;justify-content:center}.capsules-gradient-mask{position:absolute;top:-20px;left:0;right:0;height:20px;background:linear-gradient(to bottom,#10121b00,#10121be6);pointer-events:none}.expand-capsules-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:.76rem;font-weight:500;color:var(--text-dim);background:#ffffff09;border:1px solid rgba(255,255,255,.08);border-radius:20px;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.expand-capsules-btn:hover{background:#ffffff14;color:var(--text-main);border-color:rgba(var(--accent-rgb, 212, 168, 67),.3)}.empty-state-capsules{grid-column:1 / -1;text-align:center;padding:24px 12px;color:var(--text-dim);font-size:.84rem}.events-list{display:flex;flex-direction:column;gap:8px}.home-event-card{display:flex;flex-direction:column;gap:7px;padding:11px 13px;border-radius:12px;background:#ffffff06;border:1px solid rgba(255,255,255,.05);transition:all .2s ease}.home-event-card:hover{background:#ffffff0b;border-color:rgba(var(--accent-rgb, 212, 168, 67),.2)}.home-event-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.home-event-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.home-event-att{font-size:.74rem;color:var(--text-dim);background:#ffffff0a;border:1px solid rgba(255,255,255,.07);padding:2px 7px;border-radius:6px}.home-event-right-ops{display:flex;align-items:center;gap:8px}.home-event-time{font-size:.74rem;color:var(--text-dim);white-space:nowrap}.card-ops-group{display:flex;align-items:center;gap:5px}.op-btn{width:28px;height:28px;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text-dim);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease;-webkit-tap-highlight-color:transparent}.op-btn.copy{color:#38bdf8;background:#38bdf814;border-color:#38bdf833}.op-btn.copy:hover{color:#7dd3fc;background:#38bdf833;border-color:#38bdf866}.op-btn.edit{color:var(--accent-color, #d4a843);background:rgba(var(--accent-rgb, 212, 168, 67),.08);border-color:rgba(var(--accent-rgb, 212, 168, 67),.2)}.op-btn.edit:hover{background:rgba(var(--accent-rgb, 212, 168, 67),.2);border-color:rgba(var(--accent-rgb, 212, 168, 67),.4)}.op-btn.delete{color:#ef4444;background:#ef444414;border-color:#ef444433}.op-btn.delete:hover{background:#ef444433;border-color:#ef444466}.home-event-desc{font-size:.91rem;color:var(--text-main);line-height:1.6;white-space:pre-wrap;word-break:break-word}.home-event-card.editing-mode{background:#161924fa;border-color:rgba(var(--accent-rgb, 212, 168, 67),.45);box-shadow:0 8px 32px #00000080,0 0 20px rgba(var(--accent-rgb, 212, 168, 67),.12);gap:12px}.edit-close-btn{background:transparent;border:none;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;padding:2px}.ev-delta{font-weight:700;font-size:.76rem;text-align:center;padding:2px 7px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center}.ev-delta.pos{color:#10b981;background:#10b9811f;border:1px solid rgba(16,185,129,.25)}.ev-delta.zero{color:#c084fc;background:#a855f71f;border:1px solid rgba(168,85,247,.25)}.ev-delta.neg{color:#ef4444;background:#ef44441f;border:1px solid rgba(239,68,68,.25)}.empty-state{text-align:center;padding:24px;color:var(--text-dim);font-size:.85rem}.attachments-view{display:flex;flex-direction:column;gap:20px}.view-header h2{font-family:var(--font-serif);font-size:1.5rem}.view-header p{font-size:.85rem;color:var(--text-dim);margin-top:4px}.add-attachment-card{padding:16px}.add-row{display:flex;gap:12px}.add-row .modal-input{flex:1}.sort-row{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-dim)}.chip-btn{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-muted);padding:5px 12px;border-radius:12px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.chip-btn:hover,.chip-btn.active{color:var(--accent-color);border-color:var(--accent-color);background:rgba(var(--accent-rgb),.1)}.attachments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.att-card{padding:16px}.att-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.att-card-header h4{font-size:.95rem;font-weight:600}.att-card-actions{display:flex;gap:4px}.att-card-score{font-size:2rem;font-weight:700;color:var(--attachment-color);margin-bottom:8px}.att-card-bar{height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden}.att-bar-fill{height:100%;background:linear-gradient(90deg,var(--attachment-color),var(--accent-color));border-radius:2px;transition:width .5s ease}.edit-row{display:flex;align-items:center;gap:8px}.edit-row .modal-input{flex:1;font-size:.85rem;padding:6px 10px}.danger-btn:hover{color:#ef4444;border-color:#ef4444}.events-view{display:flex;flex-direction:column;gap:16px;max-width:900px;margin:0 auto;width:100%}.events-view-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.header-titles h2{font-size:1.35rem;font-weight:700;color:var(--text-main);letter-spacing:.5px}.header-titles p{font-size:.82rem;color:var(--text-dim);margin-top:3px}.record-cta-btn{padding:8px 16px;font-size:.85rem;font-weight:600;border-radius:12px;display:flex;align-items:center;gap:6px}.events-controls-panel{padding:14px;display:flex;flex-direction:column;gap:12px;border-radius:16px}.events-search-wrap{display:flex;align-items:center;gap:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:7px 12px}.events-search-input{flex:1;background:transparent;border:none;color:var(--text-main);font-size:.84rem;outline:none}.events-search-input::placeholder{color:var(--text-dim);opacity:.7}.clear-search-btn{background:transparent;border:none;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;padding:2px}.clear-search-btn:hover{color:var(--text-main)}.events-filter-scroll{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.events-filter-scroll::-webkit-scrollbar{display:none}.chip-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:500;border-radius:20px;background:#ffffff09;border:1px solid rgba(255,255,255,.07);color:var(--text-dim);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s ease}.chip-pill:hover,.chip-pill.active{background:rgba(var(--accent-rgb, 212, 168, 67),.15);border-color:rgba(var(--accent-rgb, 212, 168, 67),.35);color:var(--accent-color, #d4a843)}.chip-count{font-size:.68rem;padding:1px 6px;border-radius:10px;background:#ffffff14}.chip-pill.active .chip-count{background:rgba(var(--accent-rgb, 212, 168, 67),.25);color:var(--accent-color, #d4a843)}.delta-filter-tabs{display:flex;gap:6px;border-top:1px solid rgba(255,255,255,.05);padding-top:10px;overflow-x:auto;scrollbar-width:none}.delta-filter-tabs::-webkit-scrollbar{display:none}.tab-btn{padding:4px 10px;font-size:.75rem;border-radius:8px;background:transparent;border:1px solid transparent;color:var(--text-dim);cursor:pointer;white-space:nowrap;transition:all .18s ease}.tab-btn:hover{background:#ffffff0a;color:var(--text-main)}.tab-btn.active{background:#ffffff14;border-color:#ffffff1f;color:var(--text-main)}.tab-btn.pos.active{background:#10b98126;border-color:#10b9814d;color:#10b981}.tab-btn.zero.active{background:#a855f726;border-color:#a855f74d;color:#c084fc}.tab-btn.neg.active{background:#ef444426;border-color:#ef44444d;color:#ef4444}.events-card-list{display:flex;flex-direction:column;gap:10px}.event-card-item{padding:14px 16px;border-radius:16px;display:flex;flex-direction:column;gap:10px;border:1px solid rgba(255,255,255,.06);background:#ffffff06;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .22s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.event-card-item:hover{background:#ffffff0a;border-color:rgba(var(--accent-rgb, 212, 168, 67),.25);box-shadow:0 4px 20px #0000004d;transform:translateY(-1px)}.event-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:nowrap}.head-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.event-delta-pill{font-size:.74rem;font-weight:700;padding:3px 9px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;letter-spacing:.5px}.event-delta-pill.pos{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.35);box-shadow:0 0 10px #10b9811f}.event-delta-pill.zero{background:#a855f726;color:#c084fc;border:1px solid rgba(168,85,247,.35);box-shadow:0 0 10px #a855f71f}.event-delta-pill.neg{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.35);box-shadow:0 0 10px #ef44441f}.event-tag-pill{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-dim);background:#ffffff0a;border:1px solid rgba(255,255,255,.07);padding:2px 8px;border-radius:6px}.tag-icon{opacity:.7}.event-card-body{width:100%;display:flex;flex-direction:column;gap:4px}.event-desc-text{font-size:.93rem;color:var(--text-main);line-height:1.65;white-space:pre-wrap;word-break:break-word;letter-spacing:.2px}.event-desc-text.clamped{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.card-ops-group{display:flex;align-items:center;gap:6px}.op-btn{width:26px;height:26px;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--text-dim);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease}.op-btn:hover{transform:scale(1.05)}.op-btn.copy:hover{color:#38bdf8;background:#38bdf826;border-color:#38bdf859}.op-btn.edit:hover{color:var(--accent-color, #d4a843);background:rgba(var(--accent-rgb, 212, 168, 67),.15);border-color:rgba(var(--accent-rgb, 212, 168, 67),.35)}.op-btn.delete:hover{color:#ef4444;background:#ef444426;border-color:#ef444459}.event-card-item.editing-mode{background:#161924fa;border-color:rgba(var(--accent-rgb, 212, 168, 67),.45);box-shadow:0 8px 32px #00000080,0 0 20px rgba(var(--accent-rgb, 212, 168, 67),.12);gap:12px;cursor:default;transform:none}.edit-form-header{display:flex;align-items:center;justify-content:space-between}.edit-title{font-size:.86rem;font-weight:600;color:var(--accent-color, #d4a843);letter-spacing:.5px}.edit-close-btn{background:transparent;border:none;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;padding:2px;border-radius:4px}.edit-close-btn:hover{color:var(--text-main)}.edit-desc-textarea{width:100%;background:#00000059;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px 12px;color:var(--text-main);font-size:.92rem;line-height:1.65;outline:none;font-family:inherit;resize:vertical;transition:border-color .2s ease}.edit-desc-textarea:focus{border-color:rgba(var(--accent-rgb, 212, 168, 67),.5);box-shadow:0 0 10px rgba(var(--accent-rgb, 212, 168, 67),.15)}.edit-controls-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.edit-delta-group,.edit-att-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.control-label{font-size:.75rem;color:var(--text-dim)}.edit-choice-pill{padding:3px 9px;font-size:.74rem;font-weight:600;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--text-dim);cursor:pointer;transition:all .15s ease}.edit-choice-pill.pos.selected{background:#10b98133;border-color:#10b98180;color:#10b981}.edit-choice-pill.zero.selected{background:#a855f733;border-color:#a855f780;color:#c084fc}.edit-choice-pill.neg.selected{background:#ef444433;border-color:#ef444480;color:#ef4444}.edit-att-select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-main);padding:4px 8px;border-radius:6px;font-size:.78rem;outline:none}.edit-att-select option{background:#1a1d28;color:#f8fafc}.edit-actions-row{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:4px}.event-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:6px;border-top:1px solid rgba(255,255,255,.04);margin-top:2px}.time-badge{display:inline-flex;align-items:center;gap:5px;font-size:.74rem;color:var(--text-dim);font-family:var(--font-sans);white-space:nowrap}.clock-icon{opacity:.6}.expand-text-toggle{display:inline-flex;align-items:center;gap:4px;font-size:.74rem;font-weight:500;color:var(--accent-color, #d4a843);background:rgba(var(--accent-rgb, 212, 168, 67),.08);border:1px solid rgba(var(--accent-rgb, 212, 168, 67),.2);padding:3px 10px;border-radius:12px;cursor:pointer;transition:all .18s ease}.expand-text-toggle:hover{background:rgba(var(--accent-rgb, 212, 168, 67),.18);border-color:rgba(var(--accent-rgb, 212, 168, 67),.4)}.empty-events-box{padding:40px 20px;text-align:center;border-radius:16px;display:flex;flex-direction:column;align-items:center;gap:10px}.empty-sparkle{color:var(--accent-color, #d4a843);opacity:.6}.empty-title{font-size:1rem;font-weight:600;color:var(--text-main)}.empty-sub{font-size:.8rem;color:var(--text-dim)}@media (max-width: 640px){.events-view{gap:12px}.event-card-item{padding:12px 13px}.event-desc-text{font-size:.91rem;line-height:1.6}.event-card-head{gap:6px}.header-titles h2{font-size:1.2rem}}.energy-view{display:flex;flex-direction:column;gap:20px}.stats-cards-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.stat-card{padding:16px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.stat-icon{opacity:.7}.stat-icon.green{color:#10b981}.stat-icon.gold{color:var(--accent-color)}.stat-icon.blue{color:#60a5fa}.stat-icon.red{color:#ef4444}.stat-label{font-size:.78rem;color:var(--text-dim)}.stat-num{font-size:1.6rem;font-weight:700;color:var(--text-main)}.stat-arrow{font-size:.85rem;margin-left:4px}.distribution-card{padding:24px}.distribution-card h3{margin-bottom:16px;font-size:1.1rem}.donut-layout{display:flex;align-items:center;gap:32px;flex-wrap:wrap;justify-content:center}.donut-chart{flex-shrink:0}.donut-legend{display:flex;flex-direction:column;gap:14px}.legend-item{display:flex;align-items:center;gap:10px}.legend-dot{width:12px;height:12px;border-radius:50%}.legend-dot.green{background:#10b981}.legend-dot.orange{background:var(--attachment-color)}.legend-label{font-size:.9rem;color:var(--text-muted);min-width:40px}.legend-val{font-size:1.8rem;font-weight:700;min-width:80px}.green-text{color:#10b981}.orange-text{color:var(--attachment-color)}.legend-pct{font-size:.85rem;color:var(--text-dim)}.insights-view{display:flex;flex-direction:column;gap:20px}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.insight-card{padding:20px;display:flex;flex-direction:column;gap:10px}.insight-icon-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.insight-icon-circle.purple{background:#8b5cf626;color:#a78bfa}.insight-icon-circle.green{background:#10b98126;color:#10b981}.insight-icon-circle.orange{background:#e8723a26;color:var(--attachment-color)}.insight-icon-circle.gold{background:rgba(var(--accent-rgb),.15);color:var(--accent-color)}.insight-card h4{font-size:1rem;font-weight:600}.insight-card p{font-size:.85rem;color:var(--text-muted);line-height:1.5}.profile-view-container{display:flex;flex-direction:column;gap:20px;max-width:800px;margin:0 auto}.profile-hero-card{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-radius:20px;background:#0c121cb3;border:1px solid rgba(212,168,67,.25);box-shadow:0 10px 30px #0000004d}.profile-user-badge{display:flex;align-items:center;gap:16px}.profile-hero-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid var(--accent-color, #d4a843);box-shadow:0 0 15px #d4a8434d}.profile-avatar-placeholder{width:52px;height:52px;border-radius:50%;background:#d4a84326;border:2px solid rgba(212,168,67,.4);color:var(--accent-color, #d4a843);display:flex;align-items:center;justify-content:center}.profile-user-meta{display:flex;flex-direction:column;gap:4px}.profile-user-name{font-family:var(--font-serif);font-size:1.35rem;font-weight:700;color:var(--text-main);margin:0}.profile-user-email{font-size:.84rem;color:var(--text-dim);margin:0}.profile-logout-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:14px}.profile-subtabs{display:flex;gap:10px;background:#ffffff08;padding:6px;border-radius:16px;border:1px solid rgba(255,255,255,.08)}.profile-subtab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:transparent;border:none;color:var(--text-dim);font-size:.92rem;font-weight:500;border-radius:12px;cursor:pointer;transition:all .25s cubic-bezier(.2,.8,.2,1);-webkit-tap-highlight-color:transparent}.profile-subtab-btn:hover{color:var(--text-main);background:#ffffff0d}.profile-subtab-btn.active{background:#d4a8432e;border:1px solid rgba(212,168,67,.4);color:var(--accent-color, #d4a843);font-weight:600;box-shadow:0 4px 15px #0003}.profile-form-panel{padding:24px;border-radius:20px;display:flex;flex-direction:column;gap:20px}.settings-section{display:flex;flex-direction:column;gap:16px}.section-title{display:flex;align-items:center;gap:8px;font-size:1.05rem;font-family:var(--font-serif);color:var(--accent-color, #d4a843);margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:10px}.setting-input-group{display:flex;flex-direction:column;gap:6px}.setting-input-group label{font-size:.84rem;color:var(--text-muted)}.modal-input.read-only{opacity:.7;cursor:not-allowed;background:#0003}.input-with-icon{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:14px;color:var(--text-dim);pointer-events:none}.modal-input.padded{padding-left:40px!important}.settings-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;font-size:.88rem}.banner-success{background:#22c55e26;border:1px solid rgba(34,197,94,.35);color:#4ade80}.banner-error{background:#ef444426;border:1px solid rgba(239,68,68,.35);color:#ef4444}.settings-form-actions{display:flex;justify-content:flex-end;margin-top:10px}.voice-picker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.voice-choice-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:var(--text-main);cursor:pointer;text-align:left;transition:all .2s ease}.voice-choice-card:hover{background:#ffffff0f;border-color:rgba(var(--accent-rgb, 212, 168, 67),.3)}.voice-choice-card.active{border-color:var(--accent-color, #d4a843);background:rgba(var(--accent-rgb, 212, 168, 67),.15)}.voice-card-head{display:flex;align-items:center;justify-content:space-between;width:100%}.voice-name{font-size:.9rem;font-weight:600}.voice-check{color:var(--accent-color, #d4a843)}.voice-desc{font-size:.76rem;color:var(--text-dim)}.speed-choice-row,.font-family-row,.size-stepper-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.speed-btn,.font-fam-btn,.step-btn{flex:1;min-width:60px;padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text-main);font-size:.85rem;cursor:pointer;transition:all .18s ease}.speed-btn.active,.font-fam-btn.active{border-color:var(--accent-color, #d4a843);background:rgba(var(--accent-rgb, 212, 168, 67),.18);color:var(--accent-color, #d4a843);font-weight:600}.step-display{font-size:.95rem;font-weight:700;color:var(--accent-color, #d4a843);min-width:60px;text-align:center}.reader-theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.theme-pick-card{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:var(--text-main);font-size:.84rem;cursor:pointer;transition:all .18s ease}.theme-pick-card.active{border-color:var(--accent-color, #d4a843);background:rgba(var(--accent-rgb, 212, 168, 67),.18);color:var(--accent-color, #d4a843);font-weight:600}.theme-preview-dot{width:14px;height:14px;border-radius:50%;border:1px solid}@media (max-width: 600px){.profile-hero-card{flex-direction:column;align-items:flex-start;gap:14px}.profile-logout-btn{align-self:flex-end}.profile-subtab-btn{padding:10px 12px;font-size:.84rem}.voice-picker-grid{grid-template-columns:1fr}}.books-view{display:flex;flex-direction:column;gap:20px;max-width:1080px;margin:0 auto;padding-bottom:40px}.books-view-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.title-row{display:flex;align-items:center;gap:8px}.title-gold-icon{color:var(--accent-color, #d4a843)}.books-view-header h2{font-size:1.45rem;font-weight:700;color:var(--text-main);letter-spacing:.5px}.books-view-header p{font-size:.84rem;color:var(--text-dim);margin-top:4px}.books-controls-panel{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-radius:14px}.books-search-wrap{display:flex;align-items:center;gap:8px;flex:1;max-width:380px;background:#00000040;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:6px 12px}.books-search-input{background:transparent;border:none;color:var(--text-main);font-size:.85rem;width:100%;outline:none}.books-counter-pill{font-size:.78rem;color:var(--text-dim);background:#ffffff0a;padding:4px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.06)}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.book-shelf-card{display:flex;flex-direction:column;justify-content:space-between;padding:16px;border-radius:16px;background:#12141ea6;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:all .24s cubic-bezier(.16,1,.3,1);min-height:160px;position:relative;overflow:hidden}.book-shelf-card:hover{transform:translateY(-3px);background:#181c2acc;border-color:rgba(var(--accent-rgb, 212, 168, 67),.35);box-shadow:0 10px 30px #0006,0 0 15px rgba(var(--accent-rgb, 212, 168, 67),.1)}.book-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.book-spine-indicator{display:flex;align-items:center;gap:6px}.spine-icon{color:var(--accent-color, #d4a843);opacity:.85}.book-size-badge{font-size:.72rem;color:var(--text-dim);background:#ffffff0a;padding:2px 6px;border-radius:5px}.book-card-actions{display:flex;align-items:center;gap:4px}.book-edit-btn,.book-delete-btn{width:26px;height:26px;border-radius:6px;background:transparent;border:1px solid transparent;color:var(--text-dim);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease}.book-edit-btn:hover{color:var(--accent-color, #d4a843);background:rgba(var(--accent-rgb, 212, 168, 67),.15);border-color:rgba(var(--accent-rgb, 212, 168, 67),.3)}.book-delete-btn:hover{color:#ef4444;background:#ef444426;border-color:#ef44444d}.book-shelf-card.card-editing{border-color:rgba(var(--accent-rgb, 212, 168, 67),.5);box-shadow:0 0 16px rgba(var(--accent-rgb, 212, 168, 67),.15)}.book-card-body{display:flex;flex-direction:column;gap:6px}.book-title-row{display:flex;align-items:center;gap:6px}.book-title-edit-wrap{display:flex;align-items:center;gap:6px;width:100%}.book-title-edit-input{flex:1;background:#0006;border:1px solid rgba(var(--accent-rgb, 212, 168, 67),.4);border-radius:6px;padding:4px 8px;color:var(--text-main, #fff);font-size:.92rem;font-weight:500;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.book-title-edit-input:focus{border-color:var(--accent-color, #d4a843);box-shadow:0 0 8px rgba(var(--accent-rgb, 212, 168, 67),.25)}.book-title-edit-actions{display:flex;align-items:center;gap:4px}.book-edit-action-btn{width:24px;height:24px;border-radius:5px;border:1px solid transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .16s ease}.book-edit-action-btn.confirm{background:#10b98133;border-color:#10b98166;color:#10b981}.book-edit-action-btn.confirm:hover{background:#10b98159}.book-edit-action-btn.cancel{background:#ffffff14;border-color:#ffffff26;color:var(--text-dim)}.book-edit-action-btn.cancel:hover{color:#ef4444;background:#ef444433}.book-card-title{font-size:1rem;font-weight:600;color:var(--text-main);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.book-card-meta{display:flex;align-items:center;gap:8px;margin-top:2px}.click-count-badge{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:600;color:#ff9800;background:#ff98001f;border:1px solid rgba(255,152,0,.25);padding:2px 7px;border-radius:6px}.click-flame-icon{color:#ff9800}.rank-tag{font-size:.65rem;font-weight:700;padding:1px 5px;border-radius:4px;letter-spacing:.5px}.rank-tag.rank-1{background:linear-gradient(135deg,gold,#ff9800);color:#000}.rank-tag.rank-2{background:linear-gradient(135deg,#e0e0e0,#9e9e9e);color:#000}.rank-tag.rank-3{background:linear-gradient(135deg,#cd7f32,#8d5524);color:#fff}.book-shelf-card.top-rank-1{border-color:#ffd70040;box-shadow:0 0 15px #ffd7000f}.progress-badge{font-size:.72rem;font-weight:600;padding:2px 7px;border-radius:6px}.progress-badge.unread{color:var(--text-dim);background:#ffffff0d}.progress-badge.reading{color:#10b981;background:#10b98126;border:1px solid rgba(16,185,129,.3)}.read-time-badge{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;color:var(--text-dim)}.book-card-footer{display:flex;flex-direction:column;gap:6px;margin-top:12px;padding-top:8px;border-top:1px solid rgba(255,255,255,.04)}.book-progress-track{width:100%;height:4px;border-radius:4px;background:#ffffff0f;overflow:hidden}.book-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#d4a843);border-radius:4px;transition:width .3s ease}.open-action-hint{display:flex;align-items:center;justify-content:flex-end;gap:4px;font-size:.76rem;font-weight:500;color:var(--accent-color, #d4a843);opacity:.85}.book-shelf-card:hover .open-action-hint .arrow-icon{transform:translate(3px);transition:transform .2s ease}.empty-books-box{grid-column:1 / -1;padding:50px 20px;text-align:center;border-radius:20px;display:flex;flex-direction:column;align-items:center;gap:12px}.empty-sparkle{color:var(--accent-color, #d4a843);opacity:.7}.empty-title{font-size:1.05rem;font-weight:600;color:var(--text-main)}.empty-sub{font-size:.85rem;color:var(--text-dim);margin-bottom:6px}.book-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:999;padding:16px}.book-modal-content{width:100%;max-width:480px;padding:24px;border-radius:20px;display:flex;flex-direction:column;gap:16px;background:#141620f2;border:1px solid rgba(var(--accent-rgb, 212, 168, 67),.3);box-shadow:0 20px 50px #0009}.book-modal-header{display:flex;align-items:center;justify-content:space-between}.modal-title-group{display:flex;align-items:center;gap:8px}.modal-sparkle{color:var(--accent-color, #d4a843)}.book-modal-header h3{font-size:1.15rem;color:var(--text-main);font-weight:600}.modal-close-btn{background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:4px}.modal-close-btn:hover{color:var(--text-main)}.upload-drop-zone{border:2px dashed rgba(255,255,255,.15);border-radius:14px;padding:30px 16px;text-align:center;cursor:pointer;transition:all .2s ease;background:#0003}.upload-drop-zone:hover,.upload-drop-zone.drag-over{border-color:var(--accent-color, #d4a843);background:rgba(var(--accent-rgb, 212, 168, 67),.08)}.upload-icon-dim{color:var(--accent-color, #d4a843);opacity:.6;margin-bottom:8px}.drop-main-text{font-size:.92rem;font-weight:500;color:var(--text-main)}.drop-sub-text{font-size:.76rem;color:var(--text-dim);margin-top:4px}.upload-error-banner{display:flex;align-items:center;gap:6px;background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:8px 12px;border-radius:8px;font-size:.8rem}.selected-files-list{display:flex;flex-direction:column;gap:6px;max-height:140px;overflow-y:auto}.files-list-title{font-size:.78rem;color:var(--text-dim)}.selected-file-row{display:flex;align-items:center;gap:8px;background:#ffffff0a;padding:6px 10px;border-radius:8px;font-size:.82rem;border:1px solid rgba(255,255,255,.06)}.file-icon{color:var(--accent-color, #d4a843);flex-shrink:0}.file-title-input{flex:1;background:#00000059;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:4px 8px;color:var(--text-main, #fff);font-size:.82rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.file-title-input:focus{border-color:var(--accent-color, #d4a843);box-shadow:0 0 6px rgba(var(--accent-rgb, 212, 168, 67),.2)}.file-size{color:var(--text-dim);font-size:.74rem;flex-shrink:0}.file-remove-btn{background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease;flex-shrink:0}.file-remove-btn:hover{color:#ef4444;background:#ef444426}.book-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:6px}html,body,#root,.app-container{overflow-x:hidden!important;max-width:100vw!important;width:100%!important}.reader-wrapper{min-height:100vh;width:100%!important;max-width:100vw!important;overflow-x:hidden!important;box-sizing:border-box;touch-action:pan-y;position:relative;transition:background-color .25s ease,color .25s ease}.fixed-top-floating-header-group{position:fixed;top:0;left:0;right:0;z-index:300;width:100%;max-width:100vw;box-sizing:border-box;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 25px #00000026;transition:background-color .25s ease}.reader-wrapper.theme-parchment{background-color:#f6f1e7;color:#2c2724}.reader-wrapper.theme-parchment .fixed-top-floating-header-group,.reader-wrapper.theme-parchment .reader-app-bar,.reader-wrapper.theme-parchment .top-floating-speech-bar,.reader-wrapper.theme-parchment .reader-bottom-dock{background:#f6f1e7f2;border-color:#b48a3c33;color:#2c2724}.reader-wrapper.theme-parchment .nav-action-pill,.reader-wrapper.theme-parchment .dock-icon-btn,.reader-wrapper.theme-parchment .dock-quick-btn,.reader-wrapper.theme-parchment .speech-action-btn{background:#b48a3c14;border:1px solid rgba(180,138,60,.22);color:#5c4e38}.reader-wrapper.theme-bamboo{background-color:#edf3ec;color:#1f2d24}.reader-wrapper.theme-bamboo .fixed-top-floating-header-group,.reader-wrapper.theme-bamboo .reader-app-bar,.reader-wrapper.theme-bamboo .top-floating-speech-bar,.reader-wrapper.theme-bamboo .reader-bottom-dock{background:#edf3ecf2;border-color:#2e7d5033;color:#1f2d24}.reader-wrapper.theme-bamboo .nav-action-pill,.reader-wrapper.theme-bamboo .dock-icon-btn,.reader-wrapper.theme-bamboo .dock-quick-btn,.reader-wrapper.theme-bamboo .speech-action-btn{background:#2e7d5014;border:1px solid rgba(46,125,80,.22);color:#2d5a3c}.reader-wrapper.theme-night{background-color:#16181d;color:#d1d5db}.reader-wrapper.theme-night .fixed-top-floating-header-group,.reader-wrapper.theme-night .reader-app-bar,.reader-wrapper.theme-night .top-floating-speech-bar,.reader-wrapper.theme-night .reader-bottom-dock{background:#16181df2;border-color:#ffffff14;color:#e5e7eb}.reader-wrapper.theme-night .nav-action-pill,.reader-wrapper.theme-night .dock-icon-btn,.reader-wrapper.theme-night .dock-quick-btn,.reader-wrapper.theme-night .speech-action-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#9ca3af}.reader-wrapper.theme-oled{background-color:#000;color:#a3a3a3}.reader-wrapper.theme-oled .fixed-top-floating-header-group,.reader-wrapper.theme-oled .reader-app-bar,.reader-wrapper.theme-oled .top-floating-speech-bar,.reader-wrapper.theme-oled .reader-bottom-dock{background:#000000f5;border-color:#ffffff0f;color:#a3a3a3}.reader-wrapper.theme-oled .nav-action-pill,.reader-wrapper.theme-oled .dock-icon-btn,.reader-wrapper.theme-oled .dock-quick-btn,.reader-wrapper.theme-oled .speech-action-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:#737373}.reader-wrapper.font-sans .reader-content-flow{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.reader-wrapper.font-serif .reader-content-flow{font-family:Songti SC,SimSun,"Noto Serif SC",STSong,KaiTi,serif}.reader-app-bar{display:flex;align-items:center;justify-content:center;padding:8px 12px;width:100%;box-sizing:border-box;border-bottom:1px solid;overflow:visible}.reader-app-bar-inner{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;max-width:860px;flex-wrap:wrap}.reader-bar-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}@media (max-width: 768px){.reader-app-bar{padding:6px 8px;overflow-x:visible}.reader-app-bar-inner{flex-direction:column;gap:6px;width:100%}.reader-bar-row{width:100%;justify-content:space-between;gap:4px;flex-wrap:wrap}.reader-bar-top-row,.reader-bar-bottom-row{justify-content:space-between}.nav-action-pill{padding:5px 8px;font-size:.74rem;gap:4px;flex-shrink:0}.timer-pill-container{gap:3px}.timer-pill{padding:5px 7px;font-size:.74rem}.reset-pill{padding:5px 6px;font-size:.72rem}.record-exp-pill{padding:5px 8px;font-size:.74rem}.progress-pill{padding:5px 7px;font-size:.74rem}.reader-viewport{padding:92px 14px 36px}}@media (max-width: 360px){.nav-action-pill{padding:4px 6px;font-size:.7rem;gap:3px}.timer-pill-container{gap:2px}.reader-viewport{padding:96px 10px 36px}}.nav-action-pill{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:20px;font-size:.78rem;font-weight:600;cursor:pointer;position:relative;transition:all .18s cubic-bezier(.2,.8,.2,1);white-space:nowrap;flex-shrink:0;-webkit-tap-highlight-color:transparent}.nav-action-pill:hover{transform:translateY(-1px);border-color:rgba(var(--accent-rgb, 212, 168, 67),.5);color:var(--accent-color, #d4a843)}.nav-action-pill.active{border-color:var(--accent-color, #d4a843)!important;background:rgba(var(--accent-rgb, 212, 168, 67),.2)!important;color:var(--accent-color, #d4a843)!important;box-shadow:0 0 12px rgba(var(--accent-rgb, 212, 168, 67),.25)}.nav-action-pill.speech-trigger.active{background:var(--accent-color, #d4a843)!important;color:#000!important}.timer-pill-container{display:flex;align-items:center;gap:4px}.timer-pill{font-family:monospace;font-size:.82rem;letter-spacing:.5px}.pulse-clock{animation:clockPulse 1.2s infinite alternate}@keyframes clockPulse{0%{transform:scale(.92);opacity:.7}to{transform:scale(1.1);opacity:1;color:var(--accent-color, #d4a843)}}.reset-pill{padding:6px 9px;font-size:.74rem;opacity:.85}.reset-pill:hover{opacity:1;color:#ef4444;border-color:#ef444466}.record-exp-pill{padding:6px 12px;font-size:.78rem;background:linear-gradient(135deg,#d4a8432e,#d4a84314);border:1px solid rgba(212,168,67,.55);color:#d4a843;font-weight:700;display:inline-flex;align-items:center;gap:4px;box-shadow:0 0 8px #d4a84333}.reader-wrapper.theme-parchment .record-exp-pill{background:linear-gradient(135deg,#b48a3c33,#b48a3c1a);border-color:#b48a3c99;color:#8b5e1a;box-shadow:0 0 8px #b48a3c40}.reader-wrapper.theme-bamboo .record-exp-pill{background:linear-gradient(135deg,#2e7d5033,#2e7d501a);border-color:#2e7d5099;color:#2e7d50;box-shadow:0 0 8px #2e7d5040}.reader-wrapper.theme-night .record-exp-pill,.reader-wrapper.theme-oled .record-exp-pill{background:linear-gradient(135deg,#d4a84340,#d4a8431a);border-color:#d4a84399;color:#fbbf24;box-shadow:0 0 10px #d4a8434d}.record-exp-pill:hover{transform:translateY(-1px) scale(1.03);filter:brightness(1.15);box-shadow:0 0 14px #d4a84366}.record-exp-pill.success{background:#10b981!important;border-color:#10b981!important;color:#fff!important;box-shadow:0 0 14px #10b98180!important}.reader-toast{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:8px;background:#16181df2;color:#f3f4f6;border:1px solid rgba(212,168,67,.4);padding:6px 16px;border-radius:20px;font-size:.82rem;font-weight:600;box-shadow:0 8px 24px #00000040;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;white-space:nowrap;z-index:350}.reader-wrapper.theme-parchment .reader-toast{background:#f6f1e7fa;color:#2c2724;border-color:#b48a3c66;box-shadow:0 6px 20px #b48a3c33}.reader-wrapper.theme-bamboo .reader-toast{background:#edf3ecfa;color:#1f2d24;border-color:#2e7d5066;box-shadow:0 6px 20px #2e7d5033}.progress-pill{cursor:default;-webkit-user-select:none;user-select:none;font-size:.78rem;padding:6px 11px}.progress-pill:hover{transform:none!important}.progress-pill .progress-num{font-weight:700;color:var(--accent-color, #d4a843);margin-left:3px}.theme-toggle-pill{padding:6px 10px}.reader-viewport{width:100%;max-width:100vw;box-sizing:border-box;overflow-x:hidden!important;margin:0 auto;padding:72px 20px 36px}.reader-paper-canvas{width:100%;max-width:680px;margin:0 auto;box-sizing:border-box}.paper-header-ornament{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px;opacity:.75}.ornament-line{height:1px;flex:1;max-width:60px;background:currentColor;opacity:.3}.ornament-title-wrap{display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:4px 10px;border-radius:8px;transition:all .2s ease;border:1px solid transparent}.ornament-title-wrap:hover{background:#8080801a;border-color:#80808033}.ornament-title-wrap:hover .ornament-title-edit-trigger{opacity:1;transform:scale(1.05)}.ornament-title{font-size:.85rem;letter-spacing:2px;font-weight:600}.ornament-title-edit-trigger{background:transparent;border:none;color:currentColor;opacity:.4;padding:2px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.ornament-title-edit-wrap{display:inline-flex;align-items:center;gap:6px;background:#00000026;padding:3px 8px;border-radius:8px;border:1px solid rgba(128,128,128,.25)}.ornament-title-input{background:transparent;border:none;border-bottom:1px solid currentColor;color:inherit;font-size:.85rem;font-weight:600;letter-spacing:1px;outline:none;padding:2px 4px;min-width:140px;text-align:center}.ornament-title-btn{background:transparent;border:none;color:inherit;opacity:.7;padding:3px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px;transition:all .15s ease}.ornament-title-btn:hover{opacity:1;background:#80808033}.ornament-title-btn.save:hover{color:#10b981}.ornament-title-btn.cancel:hover{color:#ef4444}.reader-content-flow{width:100%;box-sizing:border-box;text-align:justify;text-justify:inter-ideograph;word-break:break-word;letter-spacing:.4px}.reader-line-p{margin-bottom:.85em;text-indent:2em;line-height:inherit}.point-read-span{display:inline;padding:1px 2px;border-radius:4px;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease;border-bottom:2px solid transparent;text-decoration:none}.point-read-active .point-read-span{cursor:pointer}.point-read-active .point-read-span:hover{background:rgba(var(--accent-rgb, 212, 168, 67),.12);border-bottom:2px dotted rgba(var(--accent-rgb, 212, 168, 67),.45)}.point-read-span.speaking-active{background:rgba(var(--accent-rgb, 212, 168, 67),.22)!important;color:inherit!important;box-shadow:0 0 12px rgba(var(--accent-rgb, 212, 168, 67),.3);font-weight:600;border-bottom:2px solid var(--accent-color, #d4a843)!important}.point-read-span.point-read-focused{background:rgba(var(--accent-rgb, 212, 168, 67),.14)!important;color:inherit!important;font-weight:600;border-bottom:2px solid var(--accent-color, #d4a843)!important;box-shadow:0 2px 8px rgba(var(--accent-rgb, 212, 168, 67),.18)}.point-read-span.point-read-focused.speaking-active{background:rgba(var(--accent-rgb, 212, 168, 67),.24)!important;box-shadow:0 0 14px rgba(var(--accent-rgb, 212, 168, 67),.35)}.reader-wrapper.theme-bamboo .point-read-span.speaking-active,.reader-wrapper.theme-bamboo .point-read-span.point-read-focused{border-bottom-color:#2e7d50!important}.reader-wrapper.theme-bamboo .point-read-span.speaking-active{background:#2e7d5038!important;box-shadow:0 0 12px #2e7d504d}.reader-wrapper.theme-bamboo .point-read-span.point-read-focused{background:#2e7d501f!important;box-shadow:0 2px 8px #2e7d5026}.reader-wrapper.theme-bamboo .point-read-active .point-read-span:hover{background:#2e7d501a;border-bottom-color:#2e7d5073}.paper-footer-ornament{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:36px;opacity:.45}.footer-end-text{font-size:.76rem;letter-spacing:1px;margin:0}.footer-dot{font-size:.7rem}.floating-snip-pill{position:fixed;bottom:70px;left:50%;transform:translate(-50%);z-index:220;width:calc(100% - 40px);max-width:360px;background:#14161cf5;border:1px solid rgba(var(--accent-rgb, 212, 168, 67),.4);box-shadow:0 10px 30px #00000080;border-radius:30px;padding:6px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px;box-sizing:border-box}.snip-text-snippet{font-size:.8rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.snip-action-btn{display:flex;align-items:center;gap:4px;border:none;background:var(--accent-color, #d4a843);color:#000;padding:4px 10px;border-radius:15px;font-size:.75rem;font-weight:600;cursor:pointer}.snip-close{background:transparent;border:none;color:#fff9;cursor:pointer}.reader-drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:500;display:flex;align-items:flex-end;justify-content:center}@media (min-width: 640px){.reader-drawer-mask{align-items:center}}.reader-clean-drawer{width:100%;max-width:480px;background:#15181f;color:#e2e8f0;border:1px solid rgba(255,255,255,.1);border-radius:20px 20px 0 0;padding:22px;display:flex;flex-direction:column;gap:18px;max-height:85vh;overflow-y:auto;box-sizing:border-box}@media (min-width: 640px){.reader-clean-drawer{border-radius:20px}}.drawer-title-row{display:flex;align-items:center;justify-content:space-between}.drawer-heading-tag{display:flex;align-items:center;gap:8px;color:var(--accent-color, #d4a843)}.drawer-heading-tag h3{font-size:1rem;font-weight:600;margin:0;color:#e2e8f0}.drawer-close-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer}.phrase-scroll-list{display:flex;flex-direction:column;gap:10px}.phrase-empty-hint{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 0;color:#94a3b8;font-size:.82rem}.clean-phrase-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px}.card-phrase-quote{font-size:.88rem;line-height:1.55;color:#e2e8f0;font-style:italic;margin:0}.card-phrase-meta{display:flex;align-items:center;justify-content:space-between}.card-phrase-date{font-size:.72rem;color:#94a3b8}.card-phrase-tools{display:flex;align-items:center;gap:6px}.phrase-action-btn{width:24px;height:24px;border-radius:4px;background:transparent;border:none;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer}.phrase-action-btn:hover{color:#fff}.phrase-action-btn.delete:hover{color:#ef4444}.reader-loading-canvas{display:flex;flex-direction:column;align-items:center;gap:14px;padding:100px 20px;color:#94a3b8}.loading-text{font-size:.95rem;letter-spacing:1px;color:#94a3b8}.loading-spinner-sparkle{color:var(--accent-color, #d4a843);animation:spin 3s linear infinite}.reader-error-canvas{display:flex;justify-content:center;align-items:center;padding:60px 16px;width:100%;max-width:540px;margin:0 auto}.reader-error-card{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 24px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0003}.reader-wrapper.theme-parchment .reader-error-card{background:#f4ebd3b3;border-color:#b48c5a4d;color:#2b2518}.reader-wrapper.theme-bamboo .reader-error-card{background:#dceee0b3;border-color:#6496784d;color:#1a2f23}.reader-error-icon{color:var(--accent-color, #d4a843);margin-bottom:12px}.reader-error-title{font-size:1.1rem;font-weight:600;margin:0 0 8px}.reader-error-desc{font-size:.88rem;opacity:.8;line-height:1.6;margin:0 0 20px}.reader-retry-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;border-radius:24px;font-size:.88rem;font-weight:600;cursor:pointer;background:var(--accent-color, #d4a843);color:#000;border:none;transition:all .2s cubic-bezier(.2,.8,.2,1);box-shadow:0 4px 14px rgba(var(--accent-rgb, 212, 168, 67),.3)}.reader-retry-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--accent-rgb, 212, 168, 67),.45)}.reader-retry-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.spin-icon{animation:spin 1s linear infinite}:root{--total-score: 10000;--accent-color: #d4a843;--accent-rgb: 212, 168, 67;--accent-glow: rgba(212, 168, 67, .4);--energy-color: #10b981;--energy-rgb: 16, 185, 129;--attachment-color: #e8723a;--attachment-rgb: 232, 114, 58;--bg-dark: #060810;--bg-card: rgba(12, 16, 28, .75);--bg-card-hover: rgba(22, 28, 45, .8);--bg-sidebar: rgba(8, 12, 22, .92);--border-color: rgba(255, 255, 255, .07);--border-glow: rgba(212, 168, 67, .25);--text-main: #e8e0d4;--text-muted: #8a8070;--text-dim: #5a5248;--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .5);--card-blur: blur(16px);--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--font-serif: "Cinzel", serif;--font-sans: "Outfit", "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-sans);line-height:1.6;min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 50% 20%,rgba(var(--accent-rgb),.08),transparent 60%),radial-gradient(circle at 80% 80%,rgba(10,14,26,.95),transparent 70%);background-attachment:fixed}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#0a0f1a80}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.app-container{display:flex;min-height:100vh}.main-content{flex:1;padding:max(14px,env(safe-area-inset-top,0px)) 16px 95px 16px;max-width:1400px;margin:0 auto;width:100%}@media (min-width: 1024px){.main-content{margin-left:240px;padding:24px 36px 36px}}.top-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px;padding:4px 0}.mobile-brand-logo{display:flex;align-items:center;cursor:pointer;flex-shrink:0}.mobile-logo-img{height:32px;width:auto;filter:drop-shadow(0 0 10px var(--accent-glow));border-radius:6px}@media (min-width: 1024px){.mobile-brand-logo{display:none}}.header-formula{text-align:center;flex:1;font-family:var(--font-serif);font-size:1.15rem;letter-spacing:1px;color:var(--text-main);white-space:nowrap}.formula-main{display:block}.formula-sub{display:block;font-size:.85rem;font-weight:600;color:var(--accent-color, #d4a843);text-shadow:0 0 12px rgba(212,168,67,.45);font-family:var(--font-sans);margin-top:3px;letter-spacing:.5px}.header-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.icon-btn{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-muted);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.icon-btn:active{transform:scale(.92)}.icon-btn:hover{color:var(--text-main);border-color:var(--accent-color);box-shadow:0 0 12px var(--accent-glow)}.glass-panel{background:#0d1320b8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:20px;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 30px #0006;overflow:hidden}@media (max-width: 600px){.glass-panel{border-radius:18px;padding:16px}}.glass-panel:hover{border-color:rgba(var(--accent-rgb),.25)}.btn-primary{background:linear-gradient(135deg,var(--accent-color),#b8912e);color:#0a0e1a;font-weight:600;border:none;padding:10px 20px;border-radius:14px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;font-size:.9rem;transition:all .25s ease;box-shadow:0 4px 16px var(--accent-glow)}.btn-primary:active{transform:scale(.95)}.btn-primary:hover{transform:translateY(-1px);filter:brightness(1.1)}.btn-secondary{background:#ffffff0d;color:var(--text-main);border:1px solid var(--border-color);padding:8px 16px;border-radius:12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:.85rem;transition:all .2s ease}.btn-secondary:active{transform:scale(.95)}.btn-secondary:hover{background:#ffffff17;border-color:var(--accent-color)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:16px;font-size:.75rem;font-weight:600}.badge-green{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.badge-red{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.badge-gold{background:#d4a84326;color:#d4a843;border:1px solid rgba(212,168,67,.3)}@keyframes pulseGlow{0%{box-shadow:0 0 20px rgba(var(--accent-rgb),.2)}50%{box-shadow:0 0 40px rgba(var(--accent-rgb),.5)}to{box-shadow:0 0 20px rgba(var(--accent-rgb),.2)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.user-profile-badge{display:inline-flex;align-items:center;gap:6px;background:#d4a8431f;border:1px solid rgba(212,168,67,.35);color:var(--accent-color, #d4a843);padding:5px 12px;border-radius:20px;font-size:.82rem;font-weight:600;white-space:nowrap}.user-avatar-img{width:18px;height:18px;border-radius:50%;object-fit:cover}@media (max-width: 768px){.top-header{display:flex;align-items:center;justify-content:center;position:relative;min-height:36px;margin-bottom:14px}.mobile-brand-logo{position:absolute;left:0;top:50%;transform:translateY(-50%)}.header-actions{display:none!important}.header-formula{text-align:center;width:100%;padding:0 38px}.header-formula .formula-main{display:none}.header-formula .formula-sub{display:block;font-size:clamp(.76rem,3.4vw,.94rem);font-weight:700;letter-spacing:.3px;color:var(--accent-color, #d4a843);text-shadow:0 0 16px rgba(212,168,67,.6);margin:0 auto;text-align:center;white-space:nowrap}}