@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Quicksand:wght@400;500;600;700&family=Atkinson+Hyperlegible:wght@400;700&family=Comic+Neue:wght@400;700&family=Lexend:wght@400;700&display=swap";.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-abyss, #050d18);padding:20px;position:relative;overflow:hidden}.ocean-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(45,212,191,.08) 0%,transparent 50%),radial-gradient(ellipse at 20% 80%,rgba(212,168,75,.05) 0%,transparent 40%),radial-gradient(ellipse at 80% 60%,rgba(45,212,191,.05) 0%,transparent 40%),linear-gradient(180deg,var(--bg-abyss, #050d18) 0%,var(--bg-deep, #0a1628) 50%,var(--bg-ocean, #0f2137) 100%);z-index:0}.ocean-bg:before{content:"";position:absolute;bottom:0;left:0;right:0;height:200px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0,60 C200,120 400,0 600,60 C800,120 1000,0 1200,60 L1200,120 L0,120 Z' fill='rgba(45,212,191,0.03)'/%3E%3C/svg%3E");background-size:1200px 100%;animation:wave-drift 20s linear infinite}.ocean-bg:after{content:"";position:absolute;bottom:0;left:0;right:0;height:150px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0,60 C200,0 400,120 600,60 C800,0 1000,120 1200,60 L1200,120 L0,120 Z' fill='rgba(45,212,191,0.02)'/%3E%3C/svg%3E");background-size:1200px 100%;animation:wave-drift 15s linear infinite reverse}@keyframes wave-drift{0%{background-position-x:0}to{background-position-x:1200px}}.tentacle-decor{position:fixed;width:300px;height:300px;z-index:1;opacity:.6;pointer-events:none}.tentacle-top-left{top:-50px;left:-50px;animation:tentacle-sway 8s ease-in-out infinite}.tentacle-bottom-right{bottom:-50px;right:-50px;animation:tentacle-sway 10s ease-in-out infinite reverse}@keyframes tentacle-sway{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(3deg) scale(1.02)}}.bubbles-left,.bubbles-right{position:fixed;width:100px;height:300px;z-index:1;pointer-events:none;opacity:.5}.bubbles-left{left:10%;bottom:0}.bubbles-right{right:15%;bottom:0}.login-container{background:linear-gradient(145deg,#152a45f2,#0f2137fa);border-radius:24px;padding:48px 40px;width:100%;max-width:420px;position:relative;z-index:10;box-shadow:0 4px 24px #0006,0 0 80px #2dd4bf1a,inset 0 1px #ffffff0d;border:1px solid rgba(45,212,191,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-container:before{content:"";position:absolute;inset:-2px;border-radius:26px;background:linear-gradient(135deg,rgba(45,212,191,.3) 0%,transparent 30%,transparent 70%,rgba(212,168,75,.2) 100%);z-index:-1;opacity:0;transition:opacity .5s ease}.login-container:hover:before{opacity:1}.login-header{text-align:center;margin-bottom:32px}.login-logo{margin-bottom:16px;filter:drop-shadow(0 4px 20px rgba(45,212,191,.3));animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.login-container h1{font-family:var(--font-display, "Cinzel", serif);color:var(--gold-primary, #d4a84b);font-size:36px;font-weight:700;margin-bottom:8px;letter-spacing:.05em;text-shadow:0 2px 20px rgba(212,168,75,.3)}.tagline{font-family:var(--font-body, "Quicksand", sans-serif);color:var(--teal-glow, #2dd4bf);font-size:16px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;opacity:.9}.error-message{display:flex;align-items:center;gap:12px;background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:14px 16px;border-radius:12px;margin-bottom:24px;font-size:14px;font-weight:500}.error-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#ef44444d;border-radius:50%;font-weight:700;flex-shrink:0}.login-form{display:flex;flex-direction:column;gap:20px}.form-group label{display:flex;align-items:center;gap:8px;color:var(--text-secondary, #94a3b8);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.label-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--teal-glow, #2dd4bf)}.label-icon svg{width:100%;height:100%}.form-group input{padding:14px 18px;border-radius:12px;border:2px solid rgba(45,212,191,.2);background:#0a162899;color:var(--text-primary, #f0f9ff);font-size:16px;font-family:var(--font-body, "Quicksand", sans-serif);transition:all .3s ease}.form-group input:focus{outline:none;border-color:var(--teal-glow, #2dd4bf);background:#0a1628cc;box-shadow:0 0 0 4px #2dd4bf1a,0 0 20px #2dd4bf1a}.form-group input::placeholder{color:#94a3b880}.form-group input:disabled{opacity:.5;cursor:not-allowed}.btn{padding:16px 28px;border-radius:12px;border:none;font-size:16px;font-weight:600;font-family:var(--font-body, "Quicksand", sans-serif);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-dive{background:linear-gradient(135deg,var(--gold-bright, #f4c542) 0%,var(--gold-primary, #d4a84b) 100%);color:var(--bg-abyss, #050d18);font-weight:700;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 20px #d4a84b4d,inset 0 1px #fff3}.btn-dive:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 30px #d4a84b66,inset 0 1px #ffffff4d}.btn-dive:not(:disabled):active{transform:translateY(0)}.btn-icon{display:flex;width:20px;height:20px}.btn-icon svg{width:100%;height:100%;transform:rotate(180deg)}.loading-spinner{width:20px;height:20px;border:2px solid rgba(5,13,24,.3);border-top-color:var(--bg-abyss, #050d18);border-radius:50%;animation:spin .8s linear infinite}.btn-google{background:#fffffff2;color:#333;width:100%;box-shadow:0 2px 10px #0003}.btn-google:not(:disabled):hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #00000040}.google-icon{width:20px;height:20px}.divider{display:flex;align-items:center;gap:16px;margin:28px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(45,212,191,.3) 50%,transparent 100%)}.divider span{color:var(--text-secondary, #94a3b8);font-size:13px;font-weight:500}.divider-wave{color:var(--teal-glow, #2dd4bf);font-size:18px;opacity:.6}.toggle-mode{text-align:center;margin-top:28px;color:var(--text-secondary, #94a3b8);font-size:14px}.link-button{background:none;border:none;color:var(--teal-glow, #2dd4bf);cursor:pointer;font-size:14px;font-weight:600;padding:0;transition:all .2s ease}.link-button:hover{color:var(--gold-primary, #d4a84b);text-shadow:0 0 10px rgba(212,168,75,.3)}.link-button:disabled{opacity:.6;cursor:not-allowed}.treasure-hint{text-align:center;margin-top:32px;padding-top:24px;border-top:1px solid rgba(45,212,191,.1);color:var(--text-secondary, #94a3b8);font-size:13px;font-style:italic;opacity:.7}.sparkle{color:var(--gold-primary, #d4a84b);margin:0 8px;animation:sparkle 2s ease-in-out infinite}.sparkle:last-child{animation-delay:1s}@keyframes sparkle{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@media(max-width:480px){.login-container{padding:36px 24px;margin:0 16px}.login-container h1{font-size:28px}.tentacle-decor{width:200px;height:200px;opacity:.4}.bubbles-left,.bubbles-right{display:none}}.book-card{display:flex;flex-direction:column;background:var(--bg-card, #1e3a5f);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(45,212,191,.1);position:relative}.book-card:before{content:"";position:absolute;inset:0;border-radius:16px;background:linear-gradient(135deg,rgba(45,212,191,.1) 0%,transparent 50%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.book-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0006,0 0 40px #2dd4bf26;border-color:#2dd4bf4d}.book-card:hover:before{opacity:1}.book-card.book-completed{border-color:#d4a84b4d}.book-card.book-completed:hover{box-shadow:0 20px 40px #0006,0 0 40px #d4a84b33}.book-card.book-in-progress{border-color:#2dd4bf33}.book-cover{position:relative;aspect-ratio:2 / 3;background:var(--bg-surface, #152a45);overflow:hidden}.book-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.book-card:hover .book-cover img{transform:scale(1.05)}.book-cover-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#1a3352,#152a45,#0f2137);position:relative}.placeholder-spine{position:absolute;left:0;top:0;bottom:0;width:12px;background:linear-gradient(180deg,#d4a84b66,#d4a84b33,#d4a84b66)}.placeholder-initial{font-family:var(--font-display, "Cinzel", serif);font-size:72px;font-weight:700;color:#d4a84b4d;text-shadow:0 4px 12px rgba(0,0,0,.3);z-index:1}.placeholder-decoration{position:absolute;bottom:20px;color:#2dd4bf4d}.placeholder-decoration svg{width:32px;height:32px}.completed-badge{position:absolute;top:12px;right:12px;width:36px;height:36px;background:linear-gradient(135deg,var(--gold-bright, #f4c542) 0%,var(--gold-primary, #d4a84b) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #d4a84b66;z-index:5;animation:badge-glow 2s ease-in-out infinite}.completed-badge svg{width:20px;height:20px;color:var(--bg-abyss, #050d18)}@keyframes badge-glow{0%,to{box-shadow:0 4px 12px #d4a84b66}50%{box-shadow:0 4px 20px #d4a84b99}}.progress-indicator{position:absolute;bottom:0;left:0;right:0;padding:8px 12px;background:linear-gradient(to top,rgba(10,22,40,.95) 0%,rgba(10,22,40,.7) 70%,transparent 100%);display:flex;align-items:center;gap:10px;z-index:3}.progress-track{flex:1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--teal-glow, #2dd4bf) 0%,var(--gold-primary, #d4a84b) 100%);border-radius:3px;transition:width .5s ease;box-shadow:0 0 10px #2dd4bf80}.progress-percent{font-size:12px;font-weight:700;color:var(--teal-glow, #2dd4bf);min-width:36px;text-align:right}.book-hover-overlay{position:absolute;inset:0;background:#0a1628d9;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;z-index:4}.book-card:hover .book-hover-overlay{opacity:1}.read-cta{padding:12px 24px;background:linear-gradient(135deg,var(--gold-bright, #f4c542) 0%,var(--gold-primary, #d4a84b) 100%);color:var(--bg-abyss, #050d18);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:8px;transform:translateY(10px);transition:transform .3s ease;box-shadow:0 4px 16px #d4a84b66}.book-card:hover .read-cta{transform:translateY(0)}.book-info{padding:16px;position:relative;z-index:2}.book-title{font-family:var(--font-body, "Quicksand", sans-serif);font-size:16px;font-weight:700;margin-bottom:4px;color:var(--text-primary, #f0f9ff);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.book-author{font-size:13px;color:var(--text-secondary, #94a3b8);margin-bottom:8px;font-style:italic}.book-status{font-size:12px;font-weight:600;color:#94a3b8b3;text-transform:uppercase;letter-spacing:.05em}.book-status.status-gold{color:var(--gold-primary, #d4a84b)}.book-status.status-teal{color:var(--teal-glow, #2dd4bf)}@media(max-width:600px){.book-card{border-radius:12px}.placeholder-initial{font-size:48px}.book-info{padding:12px}.book-title{font-size:14px}.book-author{font-size:12px}.completed-badge{width:28px;height:28px;top:8px;right:8px}.completed-badge svg{width:16px;height:16px}}.library-page{min-height:100vh;background:var(--bg-deep, #0a1628);position:relative;overflow-x:hidden}.library-bg{position:fixed;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(45,212,191,.05) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(212,168,75,.03) 0%,transparent 40%),linear-gradient(180deg,var(--bg-abyss, #050d18) 0%,var(--bg-deep, #0a1628) 100%);z-index:0;pointer-events:none}.library-tentacle{position:fixed;width:400px;height:400px;z-index:1;opacity:.3;pointer-events:none}.library-tentacle-left{bottom:-100px;left:-100px}.library-tentacle-right{bottom:-100px;right:-100px}.library-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:#0a1628cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(45,212,191,.1)}.header-brand{display:flex;align-items:center;gap:12px}.header-logo{filter:drop-shadow(0 2px 8px rgba(45,212,191,.3))}.brand-text h1{font-family:var(--font-display, "Cinzel", serif);font-size:24px;font-weight:700;color:var(--gold-primary, #d4a84b);line-height:1;margin-bottom:2px}.brand-tagline{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--teal-glow, #2dd4bf);opacity:.8}.header-nav{display:flex;align-items:center;gap:8px}.nav-link{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;text-decoration:none;font-size:14px;font-weight:600;color:var(--text-secondary, #94a3b8);background:#ffffff08;border:1px solid transparent;transition:all .3s ease}.nav-link svg{width:20px;height:20px}.nav-link:hover{color:var(--text-primary, #f0f9ff);background:#2dd4bf1a;border-color:#2dd4bf33}.nav-link-compass:hover{color:var(--teal-glow, #2dd4bf)}.nav-link-captain:hover{color:var(--gold-primary, #d4a84b);border-color:#d4a84b33}.header-user{display:flex;align-items:center;gap:16px}.user-info{text-align:right}.user-greeting{display:block;font-size:12px;color:var(--text-secondary, #94a3b8);font-style:italic}.user-name{display:block;font-size:15px;font-weight:600;color:var(--text-primary, #f0f9ff)}.btn-signout{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid rgba(239,68,68,.3);border-radius:8px;background:#ef44441a;color:#fca5a5;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-signout svg{width:16px;height:16px}.btn-signout:hover{background:#ef444433;border-color:#ef444480}.library-content{position:relative;z-index:5;padding:32px;max-width:1400px;margin:0 auto}.library-stats{display:flex;align-items:center;justify-content:center;gap:32px;padding:20px 32px;margin-bottom:32px;background:#152a4580;border-radius:16px;border:1px solid rgba(45,212,191,.1)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-value{font-family:var(--font-display, "Cinzel", serif);font-size:28px;font-weight:700;color:var(--text-primary, #f0f9ff)}.stat-value.stat-gold{color:var(--gold-primary, #d4a84b)}.stat-value.stat-teal{color:var(--teal-glow, #2dd4bf)}.stat-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary, #94a3b8)}.stat-divider{width:1px;height:40px;background:linear-gradient(180deg,transparent,rgba(45,212,191,.3),transparent)}.section-title{display:flex;align-items:center;gap:12px;font-family:var(--font-display, "Cinzel", serif);font-size:20px;font-weight:600;color:var(--text-primary, #f0f9ff);margin-bottom:24px}.title-icon{display:flex;filter:drop-shadow(0 2px 4px rgba(212,168,75,.3))}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;gap:24px}.loading-kraken{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.loading-logo{filter:drop-shadow(0 4px 20px rgba(45,212,191,.4))}.loading-text{font-size:18px;color:var(--teal-glow, #2dd4bf);font-weight:500}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;gap:20px;padding:40px}.empty-chest{filter:drop-shadow(0 8px 24px rgba(212,168,75,.3));animation:float 4s ease-in-out infinite}.empty-state h2{font-family:var(--font-display, "Cinzel", serif);font-size:28px;font-weight:700;color:var(--gold-primary, #d4a84b)}.empty-state p{font-size:16px;color:var(--text-secondary, #94a3b8);max-width:400px;line-height:1.6}.btn-gold{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,var(--gold-bright, #f4c542) 0%,var(--gold-primary, #d4a84b) 100%);color:var(--bg-abyss, #050d18);font-size:16px;font-weight:700;text-decoration:none;border-radius:12px;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #d4a84b4d}.btn-gold svg{width:20px;height:20px}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 30px #d4a84b66}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px}@media(max-width:900px){.library-header{flex-direction:column;gap:16px;padding:16px}.header-nav{order:3;width:100%;justify-content:center}.header-user{order:2}.library-stats{flex-wrap:wrap;gap:16px;padding:16px}.stat-divider{display:none}}@media(max-width:600px){.library-content{padding:16px}.nav-link span{display:none}.nav-link{padding:10px}.books-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.library-tentacle{opacity:.15}}.panel-overlay{position:fixed;inset:0;background:transparent;z-index:140}.settings-panel{position:fixed;top:0;left:-380px;width:380px;height:100vh;background:linear-gradient(180deg,var(--bg-ocean, #0f2137) 0%,var(--bg-deep, #0a1628) 100%);color:var(--text-primary, #f0f9ff);padding:24px;overflow-y:auto;overflow-x:hidden;z-index:150;transition:left .3s ease;box-shadow:4px 0 24px #00000080,0 0 40px #2dd4bf0d;box-sizing:border-box;border-right:1px solid rgba(45,212,191,.1)}.settings-panel.open{left:0}.settings-panel h2{font-family:var(--font-display, "Cinzel", serif);font-size:20px;font-weight:600;color:var(--gold-primary, #d4a84b);margin-bottom:8px}.current-book{font-size:14px;color:var(--text-secondary, #94a3b8);margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(45,212,191,.15);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:italic}.settings-section{margin-bottom:24px;padding:16px;background:#152a4566;border-radius:12px;border:1px solid rgba(45,212,191,.08)}.settings-section h3{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--teal-glow, #2dd4bf);margin-bottom:14px;font-weight:600}.color-presets{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:16px}.color-preset{width:100%;aspect-ratio:1;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0003}.color-preset:hover{transform:scale(1.1);box-shadow:0 4px 8px #0000004d}.color-preset.active{border-color:var(--gold-primary, #d4a84b);box-shadow:0 0 12px #d4a84b66}.control-group{margin-bottom:16px}.control-group label{display:block;font-size:13px;margin-bottom:8px;color:var(--text-secondary, #94a3b8);font-weight:500}.slider-group{margin-bottom:16px}.slider-group label{display:block;font-size:13px;margin-bottom:10px;color:var(--text-secondary, #94a3b8);font-weight:500}.settings-panel input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:#2dd4bf26;border-radius:3px;cursor:pointer}.settings-panel input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:linear-gradient(135deg,var(--teal-glow, #2dd4bf) 0%,#0d9488 100%);border-radius:50%;cursor:grab;box-shadow:0 2px 6px #2dd4bf66;transition:all .2s ease}.settings-panel input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 2px 10px #2dd4bf80}.settings-panel input[type=range]::-moz-range-thumb{width:18px;height:18px;background:linear-gradient(135deg,var(--teal-glow, #2dd4bf) 0%,#0d9488 100%);border:none;border-radius:50%;cursor:grab;box-shadow:0 2px 6px #2dd4bf66}.settings-panel select{width:100%;padding:10px 14px;background:#0a162899;border:1px solid rgba(45,212,191,.2);border-radius:8px;color:var(--text-primary, #f0f9ff);font-size:14px;cursor:pointer;transition:all .2s ease}.settings-panel select:hover{border-color:#2dd4bf66}.settings-panel select:focus{outline:none;border-color:var(--teal-glow, #2dd4bf);box-shadow:0 0 0 3px #2dd4bf1a}.toggle-switch{position:relative;display:inline-flex;align-items:center;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{width:44px;height:24px;background:#2dd4bf26;border-radius:12px;position:relative;transition:all .3s ease}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;background:var(--text-secondary, #94a3b8);border-radius:50%;top:3px;left:3px;transition:all .3s ease}.toggle-switch input:checked+.toggle-slider{background:#2dd4bf4d}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px);background:var(--teal-glow, #2dd4bf);box-shadow:0 0 8px #2dd4bf80}.profile-select{margin-bottom:12px}.profile-actions{display:flex;gap:8px}.profile-actions button{flex:1;padding:10px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-save-profile{background:linear-gradient(135deg,var(--gold-bright, #f4c542) 0%,var(--gold-primary, #d4a84b) 100%);border:none;color:var(--bg-abyss, #050d18)}.btn-save-profile:hover{box-shadow:0 4px 12px #d4a84b66}.btn-delete-profile{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.btn-delete-profile:hover{background:#ef444433}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.settings-panel::-webkit-scrollbar{width:6px}.settings-panel::-webkit-scrollbar-track{background:#2dd4bf0d;border-radius:3px}.settings-panel::-webkit-scrollbar-thumb{background:#2dd4bf33;border-radius:3px}.settings-panel::-webkit-scrollbar-thumb:hover{background:#2dd4bf4d}@media(max-width:768px){.settings-panel{width:100%;left:-100%}.settings-panel.open{left:0}}.reading-guide-overlay{position:fixed;left:0;right:0;background:#0009;pointer-events:none;z-index:50;will-change:height}.reading-guide-overlay.top{top:0}.reading-guide-overlay.bottom{bottom:0}.chapter-nav{position:relative;z-index:100}.chapter-nav-toggle{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#ffffff1a;border:none;border-radius:4px;color:#fffc;font-size:12px;cursor:pointer;transition:background .2s;max-width:200px}.chapter-nav-toggle:hover{background:#ffffff26;color:#fff}.chapter-nav-toggle.open{background:#fff3;color:#fff}.chapter-indicator{flex-shrink:0;font-weight:600;color:#4a9eff}.chapter-current-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;max-width:120px}.chapter-arrow{flex-shrink:0;font-size:8px;opacity:.6}.chapter-list{position:absolute;bottom:calc(100% + 8px);left:0;min-width:280px;max-width:350px;max-height:60vh;overflow-y:auto;background:#1a1a2e;border:1px solid rgba(255,255,255,.2);border-radius:8px;box-shadow:0 -8px 32px #0006;list-style:none;margin:0;padding:4px;animation:chapterDropup .15s ease-out}@keyframes chapterDropup{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chapter-item{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:6px;cursor:pointer;transition:background .15s;color:#fffc}.chapter-item:hover{background:#ffffff1a;color:#fff}.chapter-item.active{background:#4a9eff33;color:#fff}.chapter-item.active .chapter-number{color:#4a9eff}.chapter-number{flex-shrink:0;font-weight:600;color:#ffffff80;min-width:24px}.chapter-title{flex:1;line-height:1.4}.chapter-list::-webkit-scrollbar{width:8px}.chapter-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.chapter-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.chapter-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media(max-width:600px){.chapter-nav-toggle{max-width:200px;padding:6px 10px}.chapter-current-title{display:none}.chapter-list{min-width:250px;left:auto;right:0}}.reader-page{min-height:100vh;display:flex;flex-direction:column;position:relative}.reader-loading,.reader-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-deep, #0a1628);gap:16px;text-align:center;padding:20px}.reader-error h2{font-family:var(--font-display, "Cinzel", serif);font-size:24px;color:var(--gold-primary, #d4a84b)}.reader-error p{color:var(--text-secondary, #94a3b8);margin-bottom:16px}.settings-toggle{position:fixed;top:16px;left:16px;z-index:200;width:52px;height:52px;border-radius:50%;border:2px solid rgba(45,212,191,.3);background:linear-gradient(145deg,var(--bg-surface, #152a45),var(--bg-ocean, #0f2137));color:var(--teal-glow, #2dd4bf);font-size:24px;cursor:pointer;box-shadow:0 4px 16px #0006,0 0 20px #2dd4bf1a;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.settings-toggle:hover{border-color:#2dd4bf80;box-shadow:0 6px 20px #00000080,0 0 30px #2dd4bf33;transform:scale(1.05) rotate(15deg)}.settings-toggle.open{left:396px;background:linear-gradient(145deg,var(--bg-elevated, #1a3352),var(--bg-surface, #152a45));border-color:var(--teal-glow, #2dd4bf);transform:rotate(90deg)}.settings-toggle.open:hover{transform:rotate(90deg) scale(1.05)}.reading-area{flex:1;display:flex;align-items:center;justify-content:center;padding:60px 40px 80px;min-height:calc(100vh - 60px);transition:background-color .3s}.book-spread{display:flex;gap:0;width:100%;justify-content:center}.reading-content{width:100%;height:calc(100vh - 200px);overflow-y:auto;padding-bottom:20px;box-sizing:border-box}.reading-content::-webkit-scrollbar{display:none}.reading-content{-ms-overflow-style:none;scrollbar-width:none}.reading-area.two-page-spread{padding:40px 20px 80px}.reading-area.two-page-spread .book-spread{position:relative;max-width:1400px;gap:0}.reading-area.two-page-spread .reading-content{flex:1;max-width:600px;padding:40px;background:#ffffff05;border-radius:4px;box-shadow:inset 2px 0 8px #0000001a,0 2px 20px #0000001a}.reading-area.two-page-spread .page-left{border-right:1px solid rgba(0,0,0,.1);box-shadow:inset -8px 0 16px #0000000d,-4px 0 12px #00000014}.reading-area.two-page-spread .page-right{border-left:1px solid rgba(0,0,0,.1);box-shadow:inset 8px 0 16px #0000000d,4px 0 12px #00000014}.reading-content p{margin-bottom:1.5em;text-align:justify}.reading-content p:last-child{margin-bottom:0}.reading-area.panel-mode .reading-content{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-content:flex-start;max-width:none}.reading-area.panel-mode .text-chunk{background:#0000000d;padding:16px 20px;border-radius:12px;border:1px solid rgba(0,0,0,.1);font-size:1.1em}.tap-zone{position:fixed;top:60px;bottom:50px;width:25%;z-index:50;cursor:pointer}.tap-zone-left{left:0}.tap-zone-right{right:0}.tap-zone:active{background:#2dd4bf0d}.kindle-nav{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(to top,#0a1628fa,#0a1628f2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:10px 20px 14px;z-index:100;border-top:1px solid rgba(45,212,191,.15)}.kindle-nav-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.kindle-location{color:var(--text-secondary, #94a3b8);font-size:12px;font-variant-numeric:tabular-nums;font-weight:500}.kindle-progress-container{position:relative;height:6px;background:#2dd4bf1a;border-radius:3px;overflow:visible}.kindle-progress-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--teal-glow, #2dd4bf) 0%,var(--gold-primary, #d4a84b) 100%);border-radius:3px;pointer-events:none;transition:width .1s ease-out;box-shadow:0 0 10px #2dd4bf4d}.kindle-slider{position:absolute;top:-8px;left:0;width:100%;height:22px;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;margin:0;z-index:10}.kindle-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:linear-gradient(135deg,var(--gold-bright, #f4c542) 0%,var(--gold-primary, #d4a84b) 100%);border-radius:50%;box-shadow:0 2px 8px #d4a84b66,0 0 12px #d4a84b33;cursor:grab;transition:all .2s ease}.kindle-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #d4a84b80,0 0 20px #d4a84b4d}.kindle-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.1)}.kindle-slider::-moz-range-thumb{width:18px;height:18px;background:linear-gradient(135deg,var(--gold-bright, #f4c542) 0%,var(--gold-primary, #d4a84b) 100%);border:none;border-radius:50%;box-shadow:0 2px 8px #d4a84b66;cursor:grab}.kindle-slider::-webkit-slider-runnable-track{height:6px;background:transparent}.kindle-slider::-moz-range-track{height:6px;background:transparent}.scroll-indicator{position:fixed;top:70px;right:16px;width:5px;height:60px;background:#2dd4bf26;border-radius:3px;z-index:100;overflow:hidden}.scroll-indicator-fill{width:100%;background:linear-gradient(180deg,var(--teal-glow, #2dd4bf) 0%,var(--gold-primary, #d4a84b) 100%);border-radius:3px;transition:height .1s ease-out}.back-link{position:fixed;top:16px;right:16px;display:flex;align-items:center;gap:8px;color:var(--text-secondary, #94a3b8);text-decoration:none;font-size:13px;font-weight:600;padding:10px 16px;background:linear-gradient(145deg,var(--bg-surface, #152a45),var(--bg-ocean, #0f2137));border:1px solid rgba(45,212,191,.2);border-radius:24px;transition:all .3s ease;z-index:100}.back-link:hover{color:var(--teal-glow, #2dd4bf);border-color:#2dd4bf66;box-shadow:0 4px 16px #0000004d}.reading-area.html-content .reading-content h1,.reading-area.html-content .reading-content h2,.reading-area.html-content .reading-content h3,.reading-area.html-content .reading-content h4{margin:1.5em 0 .75em;font-weight:700;line-height:1.3}.reading-area.html-content .reading-content h1:first-child,.reading-area.html-content .reading-content h2:first-child,.reading-area.html-content .reading-content h3:first-child{margin-top:0}.reading-area.html-content .reading-content h1{font-size:1.8em;text-align:center}.reading-area.html-content .reading-content h2{font-size:1.5em;border-bottom:1px solid currentColor;padding-bottom:.3em;opacity:.9}.reading-area.html-content .reading-content h3{font-size:1.25em;font-style:italic}.reading-area.html-content .reading-content h4{font-size:1.1em}.reading-area.html-content .reading-content img{max-width:100%;height:auto;display:block;margin:1.5em auto;border-radius:4px}.reading-area.html-content .reading-content figure{margin:1.5em 0;text-align:center}.reading-area.html-content .reading-content figcaption{font-size:.85em;font-style:italic;opacity:.7;margin-top:.5em}.reading-area.html-content .reading-content blockquote{margin:1.5em 0;padding:0 1.5em;border-left:3px solid currentColor;opacity:.85;font-style:italic}.reading-area.html-content .reading-content pre{font-family:inherit;white-space:pre-wrap;margin:1em 0;padding-left:2em}.reading-area.html-content .reading-content em,.reading-area.html-content .reading-content i{font-style:italic}.reading-area.html-content .reading-content strong,.reading-area.html-content .reading-content b{font-weight:700}.reading-area.html-content .reading-content small{font-size:.85em}.reading-area.html-content .reading-content hr{border:none;border-top:1px solid currentColor;opacity:.3;margin:2em 0}.reading-area.html-content .reading-content .center,.reading-area.html-content .reading-content [align=center],.reading-area.html-content .reading-content center{text-align:center}.reading-area.html-content .reading-content ul,.reading-area.html-content .reading-content ol{margin:1em 0;padding-left:2em}.reading-area.html-content .reading-content li{margin:.5em 0}.reading-area.html-content .reading-content table{margin:1.5em auto;border-collapse:collapse}.reading-area.html-content .reading-content td,.reading-area.html-content .reading-content th{padding:.5em 1em;border:1px solid currentColor;opacity:.8}.reading-area.html-content .reading-content sup,.reading-area.html-content .reading-content sub{font-size:.75em;line-height:0}.reading-area.html-content .reading-content .book-toc{margin:2em 0;padding:1.5em;background:#0000000d;border-radius:8px}.reading-area.html-content .reading-content .toc-heading{text-align:center;margin-bottom:1em;font-size:1.3em;border-bottom:none;padding-bottom:0}.reading-area.html-content .reading-content .toc-list{list-style:decimal;padding-left:2em;margin:0;columns:1}.reading-area.html-content .reading-content .toc-item{padding:.4em 0;break-inside:avoid}.reading-area.html-content .reading-content .toc-divider{margin:2em 0;opacity:.3}@media(max-width:768px){.reading-area{padding:60px 20px 100px}.settings-toggle{width:46px;height:46px}.settings-toggle.open{left:16px}.page-controls{padding:8px 16px}.page-btn{width:40px;height:40px;font-size:18px}.back-link span{display:none}.reading-area.html-content .reading-content img{max-width:100%}}.diagnosis-page{min-height:100vh;background:var(--bg-deep, #0a1628);color:var(--text-primary, #f0f9ff);font-family:var(--font-body, "Quicksand", sans-serif);position:relative}.diagnosis-header{padding:20px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(45,212,191,.15);background:#0a1628cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.diagnosis-header h1{font-family:var(--font-display, "Cinzel", serif);font-size:22px;font-weight:600;color:var(--gold-primary, #d4a84b)}.progress-bar{display:flex;gap:8px;align-items:center}.progress-step{width:36px;height:8px;background:#2dd4bf26;border-radius:4px;transition:all .4s ease;position:relative;overflow:hidden}.progress-step:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%)}.progress-step.active{background:linear-gradient(90deg,var(--teal-glow, #2dd4bf),var(--gold-primary, #d4a84b));box-shadow:0 0 12px #2dd4bf66}.progress-step.active:after{animation:shimmer 2s infinite}@keyframes shimmer{to{transform:translate(100%)}}.progress-step.completed{background:var(--teal-glow, #2dd4bf)}.home-link{display:flex;align-items:center;gap:8px;color:var(--text-secondary, #94a3b8);text-decoration:none;font-size:14px;font-weight:600;padding:8px 16px;border-radius:20px;border:1px solid rgba(45,212,191,.2);transition:all .3s ease}.home-link:hover{color:var(--teal-glow, #2dd4bf);border-color:#2dd4bf66}.diagnosis-content{max-width:900px;margin:0 auto;padding:40px 30px}.step-title{font-family:var(--font-display, "Cinzel", serif);font-size:28px;font-weight:600;margin-bottom:12px;color:var(--gold-primary, #d4a84b)}.step-description{font-size:16px;color:var(--text-secondary, #94a3b8);margin-bottom:30px;line-height:1.7}.reading-sample{padding:32px 40px;border-radius:16px;font-size:20px;line-height:1.9;letter-spacing:.03em;margin-bottom:30px;transition:background-color .3s;box-shadow:0 4px 24px #0003}.reading-sample p{margin-bottom:1em}.reading-sample p:last-child{margin-bottom:0}.symptom-list{display:grid;gap:12px;margin-bottom:30px}.symptom-item{display:flex;align-items:center;gap:16px;padding:18px 24px;background:#152a4580;border-radius:12px;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.symptom-item:hover{background:#152a45cc;border-color:#2dd4bf33}.symptom-item.selected{background:#2dd4bf26;border-color:var(--teal-glow, #2dd4bf)}.symptom-checkbox{width:26px;height:26px;border:2px solid rgba(45,212,191,.3);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;transition:all .3s ease}.symptom-item.selected .symptom-checkbox{background:var(--teal-glow, #2dd4bf);border-color:var(--teal-glow, #2dd4bf);box-shadow:0 0 12px #2dd4bf66}.symptom-checkbox:after{content:"";width:6px;height:11px;border:solid var(--bg-abyss, #050d18);border-width:0 2.5px 2.5px 0;transform:rotate(45deg);opacity:0;position:absolute;top:4px}.symptom-item.selected .symptom-checkbox:after{opacity:1}.symptom-text{font-size:16px;font-weight:500}.color-test-area{margin-bottom:30px}.color-name-display{text-align:center;font-size:14px;color:var(--text-secondary, #94a3b8);margin-bottom:16px;font-weight:500}.rating-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.rating-btn{padding:16px 36px;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.rating-btn:hover{transform:translateY(-3px)}.rating-btn.better{background:linear-gradient(135deg,var(--gold-bright, #f4c542) 0%,var(--gold-primary, #d4a84b) 100%);color:var(--bg-abyss, #050d18);box-shadow:0 4px 16px #d4a84b66}.rating-btn.better:hover{box-shadow:0 8px 24px #d4a84b80}.rating-btn.same{background:#2dd4bf33;color:var(--teal-glow, #2dd4bf);border:2px solid rgba(45,212,191,.4)}.rating-btn.same:hover{background:#2dd4bf4d}.rating-btn.worse{background:#ef444426;color:#fca5a5;border:2px solid rgba(239,68,68,.3)}.rating-btn.worse:hover{background:#ef444440}.comparison-container{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:30px}.comparison-option{padding:32px;border-radius:16px;cursor:pointer;transition:all .3s ease;border:3px solid transparent;box-shadow:0 4px 20px #0003}.comparison-option:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0000004d}.comparison-option.selected{border-color:var(--gold-primary, #d4a84b);box-shadow:0 0 24px #d4a84b4d}.comparison-option p{font-size:18px;line-height:1.8;color:#333}.comparison-label{text-align:center;margin-top:16px;font-size:14px;font-weight:700;color:#333;text-transform:uppercase;letter-spacing:.05em}.fine-tune-section{background:#152a4580;border-radius:16px;padding:28px;margin-bottom:30px;border:1px solid rgba(45,212,191,.1)}.slider-group{margin-bottom:24px}.slider-group:last-child{margin-bottom:0}.slider-label{display:flex;justify-content:space-between;margin-bottom:12px;font-size:14px;font-weight:600}.slider-label span:first-child{color:var(--text-primary, #f0f9ff)}.slider-label span:last-child{color:var(--teal-glow, #2dd4bf);font-family:monospace}.fine-tune-section input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;background:#2dd4bf26;border-radius:4px;cursor:pointer}.fine-tune-section input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;background:linear-gradient(135deg,var(--teal-glow, #2dd4bf) 0%,#0d9488 100%);border-radius:50%;cursor:grab;box-shadow:0 2px 8px #2dd4bf80}.fine-tune-section input[type=range]::-moz-range-thumb{width:22px;height:22px;background:linear-gradient(135deg,var(--teal-glow, #2dd4bf) 0%,#0d9488 100%);border:none;border-radius:50%;cursor:grab;box-shadow:0 2px 8px #2dd4bf80}.results-card{background:linear-gradient(145deg,#152a45cc,#0f2137e6);border-radius:20px;padding:40px;border:1px solid rgba(45,212,191,.2);margin-bottom:30px;text-align:center;box-shadow:0 8px 32px #0000004d}.result-color-preview{width:120px;height:120px;border-radius:16px;margin:0 auto 24px;box-shadow:0 8px 24px #0006,0 0 40px #d4a84b33;border:4px solid rgba(212,168,75,.3)}.result-label{font-family:var(--font-display, "Cinzel", serif);font-size:28px;font-weight:600;color:var(--gold-primary, #d4a84b);margin-bottom:12px}.result-values{font-size:14px;color:var(--text-secondary, #94a3b8);font-family:monospace;background:#0003;padding:8px 16px;border-radius:8px;display:inline-block}.speed-test-area{margin-bottom:30px}.speed-test-controls{display:flex;gap:16px;justify-content:center;margin-top:24px}.timer-display{text-align:center;font-size:56px;font-weight:700;margin-bottom:24px;font-family:var(--font-display, "Cinzel", serif);color:var(--gold-primary, #d4a84b);text-shadow:0 0 20px rgba(212,168,75,.3)}.click-instruction{text-align:center;margin-top:16px;color:var(--text-secondary, #94a3b8);font-weight:500}.speed-results{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:30px 0}.speed-result-card{background:#152a4580;border-radius:16px;padding:28px;text-align:center;border:1px solid rgba(45,212,191,.1)}.speed-result-card h4{font-size:14px;color:var(--text-secondary, #94a3b8);margin-bottom:12px;text-transform:uppercase;letter-spacing:.1em}.speed-result-card .wpm{font-size:42px;font-weight:700;font-family:var(--font-display, "Cinzel", serif);color:var(--text-primary, #f0f9ff)}.improvement{font-size:28px;font-weight:700;color:var(--gold-primary, #d4a84b);text-align:center}.improvement.negative{color:#fca5a5}.clickable-words{line-height:2.2}.clickable-words.active .word{cursor:pointer;padding:4px 2px;border-radius:4px;transition:all .15s ease}.clickable-words.active .word:hover{background:#2dd4bf4d}.clickable-words .word.selected{background:var(--teal-glow, #2dd4bf);color:var(--bg-abyss, #050d18);font-weight:600}.clickable-words .word.before-selected{background:#2dd4bf26}.btn{padding:16px 32px;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:var(--font-body, "Quicksand", sans-serif)}.btn-primary{background:linear-gradient(135deg,var(--gold-bright, #f4c542) 0%,var(--gold-primary, #d4a84b) 100%);color:var(--bg-abyss, #050d18);box-shadow:0 4px 16px #d4a84b66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #d4a84b80}.btn-secondary{background:#2dd4bf26;color:var(--teal-glow, #2dd4bf);border:2px solid rgba(45,212,191,.3)}.btn-secondary:hover{background:#2dd4bf40;border-color:#2dd4bf80}.btn-large{padding:20px 40px;font-size:18px}.button-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.skip-section{text-align:center;margin-top:30px}.skip-link{background:none;border:none;color:var(--text-secondary, #94a3b8);text-decoration:none;font-size:14px;cursor:pointer;transition:color .2s ease}.skip-link:hover{color:var(--teal-glow, #2dd4bf)}.top-colors-list{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:30px}.top-color-chip{display:flex;align-items:center;gap:10px;background:#152a4599;padding:10px 18px;border-radius:24px;border:1px solid rgba(45,212,191,.15)}.top-color-swatch{width:24px;height:24px;border-radius:50%;box-shadow:0 2px 6px #0000004d}.intro-card{background:linear-gradient(145deg,#152a4599,#0f2137b3);border-radius:20px;padding:48px;text-align:center;margin-bottom:30px;border:1px solid rgba(45,212,191,.15)}.intro-card h2{font-family:var(--font-display, "Cinzel", serif);font-size:36px;font-weight:600;margin-bottom:20px;color:var(--gold-primary, #d4a84b)}.intro-card p{font-size:18px;color:var(--text-secondary, #94a3b8);line-height:1.7;max-width:600px;margin:0 auto 28px}.intro-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:36px}.intro-feature{background:#152a4580;padding:24px;border-radius:14px;text-align:left;border:1px solid rgba(45,212,191,.1);transition:all .3s ease}.intro-feature:hover{border-color:#2dd4bf4d;transform:translateY(-2px)}.intro-feature h4{margin-bottom:10px;color:var(--teal-glow, #2dd4bf);font-weight:700}.intro-feature p{font-size:14px;margin:0;color:var(--text-secondary, #94a3b8)}@media(max-width:768px){.diagnosis-header{flex-direction:column;gap:16px;padding:16px}.diagnosis-content{padding:24px 16px}.step-title{font-size:24px}.reading-sample{padding:24px;font-size:18px}.comparison-container,.speed-results{grid-template-columns:1fr}.button-row{flex-direction:column}.btn-large{width:100%}.intro-card{padding:32px 20px}.intro-card h2{font-size:28px}}.admin-page{min-height:100vh;background:#1a1a2e}.admin-content{max-width:1000px;margin:0 auto;padding:32px}.admin-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:16px}.tab-btn{padding:12px 24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;font-size:14px;cursor:pointer;transition:all .2s}.tab-btn:hover{background:#ffffff1a;color:#fff}.tab-btn.active{background:#4a9eff33;border-color:#4a9eff;color:#fff}.tab-content{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.text-list{display:flex;flex-direction:column;gap:16px}.text-item{display:flex;align-items:center;gap:16px;padding:16px;background:#252542;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.text-item.inactive{opacity:.6}.text-cover{width:60px;height:90px;border-radius:6px;overflow:hidden;flex-shrink:0;background:#1a1a2e}.text-cover img{width:100%;height:100%;object-fit:cover}.text-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#ffffff4d}.text-info{flex:1;min-width:0}.text-title{font-size:16px;font-weight:600;color:#fff;margin-bottom:4px}.text-author{font-size:14px;color:#fff9;margin-bottom:4px}.text-meta{font-size:12px;color:#fff6}.text-actions{display:flex;gap:8px;flex-shrink:0}.empty-list{text-align:center;padding:48px;color:#fff9}.uploader-form{display:flex;flex-direction:column;gap:24px;max-width:600px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;color:#fffc}.form-group textarea{min-height:300px;resize:vertical}.cover-upload{display:flex;gap:16px;align-items:flex-start}.cover-preview{width:120px;height:180px;border-radius:8px;overflow:hidden;background:#252542;border:2px dashed rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cover-preview img{width:100%;height:100%;object-fit:cover}.cover-preview-placeholder{text-align:center;color:#fff6;font-size:12px;padding:16px}.cover-input{flex:1}.file-input{display:none}.file-label{display:inline-block;padding:12px 24px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;transition:background .2s}.file-label:hover{background:#ffffff26}.help-text{font-size:12px;color:#ffffff80;margin-top:8px}.form-actions{display:flex;gap:12px;padding-top:16px}.upload-progress{padding:24px;text-align:center;color:#ffffffb3}.upload-success{padding:24px;text-align:center;color:#4caf50}.drop-zone{border:2px dashed rgba(255,255,255,.3);border-radius:16px;padding:48px 24px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.drop-zone:hover{border-color:#4a9eff;background:#4a9eff0d}.drop-zone-content{pointer-events:none}.drop-icon{font-size:48px;margin-bottom:16px}.drop-zone h3{color:#fff;margin-bottom:8px}.drop-zone p{color:#fff9;margin-bottom:8px}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.preview-header h3{color:#fff;font-size:18px}.book-stats{display:flex;gap:24px;padding:16px;background:#ffffff0d;border-radius:8px}.stat{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:24px;font-weight:600;color:#4a9eff}.stat-label{font-size:12px;color:#ffffff80;text-transform:uppercase}.chapters-preview{background:#ffffff0d;border-radius:8px;padding:16px}.chapters-preview label{display:block;font-size:14px;color:#ffffffb3;margin-bottom:12px}.chapters-list{list-style:none;max-height:200px;overflow-y:auto}.chapters-list li{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:14px;color:#fffc}.chapters-list li:last-child{border-bottom:none}.chapters-list li.more{color:#ffffff80;font-style:italic}@media(max-width:600px){.admin-content{padding:16px}.text-item{flex-direction:column;align-items:flex-start}.text-actions{width:100%;justify-content:flex-end}}:root{--bg-abyss: #050d18;--bg-deep: #0a1628;--bg-ocean: #0f2137;--bg-surface: #152a45;--bg-elevated: #1a3352;--bg-card: #1e3a5f;--gold-bright: #f4c542;--gold-primary: #d4a84b;--gold-dark: #a67c35;--teal-glow: #2dd4bf;--teal-primary: #14b8a6;--teal-dark: #0d9488;--success: #22c55e;--danger: #ef4444;--warning: #f59e0b;--text-bright: #f0f9ff;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--text-gold: #d4a84b;--glow-teal: 0 0 20px rgba(45, 212, 191, .4);--glow-gold: 0 0 20px rgba(212, 168, 75, .4);--glow-teal-intense: 0 0 30px rgba(45, 212, 191, .6), 0 0 60px rgba(45, 212, 191, .3);--glow-gold-intense: 0 0 30px rgba(212, 168, 75, .6), 0 0 60px rgba(212, 168, 75, .3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .6);--font-display: "Cinzel", serif;--font-body: "Quicksand", sans-serif;--font-reading: "Atkinson Hyperlegible", sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-weight:500;min-height:100vh;background:var(--bg-deep);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2;color:var(--text-bright)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:1}}@keyframes bubble-rise{0%{transform:translateY(100%) scale(.5);opacity:0}20%{opacity:.8}to{transform:translateY(-100vh) scale(1);opacity:0}}@keyframes wave{0%,to{transform:translate(0) translateY(0)}25%{transform:translate(-5px) translateY(-3px)}50%{transform:translate(0) translateY(-5px)}75%{transform:translate(5px) translateY(-3px)}}@keyframes tentacle-sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 100%,rgba(45,212,191,.1) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(212,168,75,.08) 0%,transparent 40%),var(--bg-deep);color:var(--text-primary);gap:var(--space-lg)}.loading-spinner{width:48px;height:48px;border:3px solid var(--bg-surface);border-top-color:var(--teal-glow);border-radius:50%;animation:spin 1s linear infinite;box-shadow:var(--glow-teal)}.btn{font-family:var(--font-body);padding:12px 24px;border-radius:var(--radius-md);border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn:not(:disabled):hover{transform:translateY(-2px)}.btn:not(:disabled):active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,var(--gold-bright) 0%,var(--gold-primary) 50%,var(--gold-dark) 100%);color:var(--bg-abyss);box-shadow:var(--shadow-md),inset 0 1px #ffffff4d;text-shadow:0 1px 0 rgba(255,255,255,.2)}.btn-primary:not(:disabled):hover{box-shadow:var(--shadow-lg),var(--glow-gold),inset 0 1px #ffffff4d}.btn-secondary{background:#2dd4bf1a;color:var(--teal-glow);border:1px solid rgba(45,212,191,.4)}.btn-secondary:not(:disabled):hover{background:#2dd4bf33;border-color:var(--teal-glow);box-shadow:var(--glow-teal)}.btn-danger{background:linear-gradient(135deg,#f87171 0%,var(--danger) 100%);color:#fff;box-shadow:var(--shadow-md)}.btn-danger:not(:disabled):hover{box-shadow:var(--shadow-lg),0 0 20px #ef444466}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid transparent}.btn-ghost:not(:disabled):hover{color:var(--text-bright);background:#ffffff0d;border-color:#ffffff1a}.btn-small{padding:8px 16px;font-size:.875rem}.btn-large{padding:16px 32px;font-size:1.125rem}.toggle-btn{width:100%;padding:14px 18px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);font-size:.9375rem;font-family:var(--font-body);text-align:left;margin-bottom:var(--space-sm)}.toggle-btn:hover{background:#2dd4bf0d;border-color:#2dd4bf33;color:var(--text-primary)}.toggle-btn.active{background:#2dd4bf26;border-color:var(--teal-glow);color:var(--teal-glow);box-shadow:var(--glow-teal)}input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{font-family:var(--font-body);padding:14px 18px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1);background:#0000004d;color:var(--text-bright);font-size:1rem;transition:all var(--transition-normal);width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--teal-glow);background:#0006;box-shadow:0 0 0 3px #2dd4bf26}input::placeholder,textarea::placeholder{color:var(--text-muted)}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}select option{background:var(--bg-surface);color:var(--text-primary)}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:#ffffff1a;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--teal-glow) 0%,var(--teal-primary) 100%);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-sm)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:var(--glow-teal)}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--teal-glow) 0%,var(--teal-primary) 100%);cursor:pointer;border:none}.nav-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);background:linear-gradient(180deg,rgba(0,0,0,.4) 0%,transparent 100%),var(--bg-ocean);border-bottom:1px solid rgba(212,168,75,.2);position:relative}.nav-header:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,168,75,.5),transparent)}.nav-header h1{font-family:var(--font-display);font-size:1.5rem;background:linear-gradient(135deg,var(--gold-bright) 0%,var(--gold-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:var(--space-md);align-items:center}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:.9375rem;font-weight:500;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);transition:all var(--transition-normal);position:relative}.nav-link:hover{color:var(--teal-glow)}.nav-link.active{color:var(--gold-primary)}.nav-link.active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:20px;height:2px;background:var(--gold-primary);border-radius:1px}.user-name{color:var(--text-muted);font-size:.875rem}.color-swatch{width:38px;height:38px;border-radius:var(--radius-sm);cursor:pointer;border:2px solid transparent;transition:all var(--transition-fast);position:relative}.color-swatch:hover{transform:scale(1.1);z-index:1}.color-swatch.active{border-color:var(--gold-primary);box-shadow:var(--glow-gold)}.text-chunk{display:inline-block;background:#0000001a;padding:14px 18px;margin:4px;border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.15)}.bionic b{font-weight:700}.modal-overlay{position:fixed;inset:0;background:#050d18e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg);animation:fade-in-up .3s ease}.modal-content{background:linear-gradient(135deg,var(--bg-surface) 0%,var(--bg-ocean) 100%);border-radius:var(--radius-xl);padding:var(--space-xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;border:1px solid rgba(212,168,75,.2);box-shadow:var(--shadow-xl),var(--glow-gold)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.modal-header h2{font-family:var(--font-display);color:var(--gold-primary)}.modal-close{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:var(--space-xs);line-height:1;transition:color var(--transition-fast)}.modal-close:hover{color:var(--text-bright)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--bg-elevated) 0%,var(--bg-surface) 100%);border-radius:5px;border:2px solid var(--bg-deep)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--bg-card) 0%,var(--bg-elevated) 100%)}.text-gold{color:var(--gold-primary)}.text-teal{color:var(--teal-glow)}.glow-gold{box-shadow:var(--glow-gold)}.glow-teal{box-shadow:var(--glow-teal)}.bubbles-container{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.bubble{position:absolute;bottom:-20px;width:20px;height:20px;background:radial-gradient(circle at 30% 30%,#2dd4bf4d,#2dd4bf1a);border-radius:50%;animation:bubble-rise linear infinite}.bubble:nth-child(1){left:10%;animation-duration:12s;animation-delay:0s;width:15px;height:15px}.bubble:nth-child(2){left:25%;animation-duration:15s;animation-delay:2s;width:25px;height:25px}.bubble:nth-child(3){left:40%;animation-duration:10s;animation-delay:4s;width:12px;height:12px}.bubble:nth-child(4){left:60%;animation-duration:14s;animation-delay:1s;width:18px;height:18px}.bubble:nth-child(5){left:75%;animation-duration:11s;animation-delay:3s;width:22px;height:22px}.bubble:nth-child(6){left:90%;animation-duration:13s;animation-delay:5s;width:14px;height:14px}