.print-container{display:none}@media print{.no-print,.twist-header,.workbook-header,.twist-completion,.workbook-completion-card,.completion-actions,button,nav,header,footer{display:none!important}body,#root,.app-shell,.container,.twist-page,.workbook-page{background:#fff!important;color:#000!important;margin:0!important;padding:0!important;width:100%!important;height:auto!important;overflow:visible!important;visibility:visible!important}.print-container{display:block!important;padding:40px!important;font-family:Times New Roman,serif}.print-container h1{font-size:24pt;margin-bottom:20px;color:#000;text-align:center;border-bottom:2px solid black;padding-bottom:10px}.print-container h2{font-size:18pt;margin-top:30px;margin-bottom:10px;color:#000;border-bottom:1px solid #ddd}.print-container h3{font-size:14pt;margin-top:20px;margin-bottom:5px;color:#333}.print-container p{font-size:12pt;line-height:1.5;margin-bottom:10px;color:#000}.print-answer{font-family:inherit;white-space:pre-wrap;background:#f9f9f9;padding:10px;border:1px solid #eee;border-radius:4px;margin-top:5px}}:root{--font-sans: "Inter", sans-serif;--font-display: "Outfit", sans-serif;--nav-height: 72px;--safe-area-bottom: env(safe-area-inset-bottom);--radius-md: 16px;--radius-lg: 24px}:root[data-theme=light]{--color-bg: #f0f4f8;--color-bg-gradient: linear-gradient(180deg, #f0f4f8 0%, #ffffff 100%);--color-primary: #0D47A1;--color-primary-dark: #1565C0;--color-accent: #FFD700;--color-surface: rgba(255, 255, 255, .9);--color-surface-solid: #ffffff;--color-surface-hover: rgba(240, 244, 248, .95);--color-text: var(--text-main, #1a1a2e);--color-text-secondary: #4a5568;--color-text-muted: #718096;--color-on-primary: #ffffff;--color-border: rgba(0, 0, 0, .08);--glass-border: 1px solid rgba(0, 0, 0, .08);--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 10px 10px -5px rgba(0, 0, 0, .03);--shadow-glow: 0 0 15px rgba(13, 71, 161, .15);--shadow-themed: 0 8px 24px rgba(13, 71, 161, .4);--header-overlay: linear-gradient(180deg, rgba(240, 244, 248, .9) 0%, rgba(240, 244, 248, 0) 100%);--text-gradient: linear-gradient(90deg, #0D47A1 0%, #1E88E5 100%);--heading-gradient: linear-gradient(180deg, #1a1a2e 0%, #4a5568 100%);--text-main: #2d3748;--card-recommended-bg: linear-gradient(135deg, rgba(255, 215, 0, .1) 0%, rgba(255, 255, 255, .9) 100%)}:root,:root[data-theme=dark]{--color-bg: #0a192f;--color-bg-gradient: linear-gradient(180deg, #0a192f 0%, #112240 100%);--color-primary: #64ffda;--color-primary-dark: #0D47A1;--color-accent: #FFD700;--color-surface: rgba(17, 34, 64, .75);--color-surface-solid: #112240;--color-surface-hover: rgba(23, 42, 69, .9);--color-text: #e6f1ff;--color-text-secondary: #a8b2d1;--color-text-muted: #627295;--color-on-primary: #0a192f;--color-border: rgba(230, 241, 255, .08);--glass-border: 1px solid rgba(255, 255, 255, .08);--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-glow: 0 0 15px rgba(100, 255, 218, .15);--shadow-themed: 0 8px 24px rgba(100, 255, 218, .4);--header-overlay: linear-gradient(180deg, rgba(10, 25, 47, .9) 0%, rgba(10, 25, 47, 0) 100%);--text-gradient: linear-gradient(90deg, #fff, #8892b0);--heading-gradient: linear-gradient(180deg, #ffffff 0%, #a8b2d1 100%);--card-recommended-bg: linear-gradient(135deg, rgba(255, 215, 0, .08) 0%, rgba(10, 25, 47, .9) 100%)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-sans);background:var(--color-bg);background-image:var(--color-bg-gradient);background-attachment:fixed;color:var(--color-text);line-height:1.6;padding-bottom:calc(var(--nav-height) + var(--safe-area-bottom));min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:left}a{text-decoration:none;color:inherit;transition:opacity .2s ease}a:hover{opacity:.8}button{cursor:pointer;border:none;background:none;font-family:var(--font-display);transition:transform .1s ease,box-shadow .2s ease}button:active{transform:scale(.96)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;color:var(--color-text);line-height:1.25;margin-bottom:16px;letter-spacing:-.02em}h1{font-size:2.25rem}h2{font-size:1.75rem}h3{font-size:1.25rem}p{margin-bottom:16px}.text-gradient-cinematic{background:var(--heading-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.container{padding:24px 20px;max-width:600px;margin:0;text-align:left}.card{background:var(--color-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:var(--glass-border);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-sm);margin-bottom:24px;transition:transform .2s ease,box-shadow .2s ease}.card:hover{box-shadow:var(--shadow-md)}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;border-radius:100px;font-weight:600;font-size:1rem;letter-spacing:.02em;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,#1de9b6 100%);color:var(--color-on-primary);box-shadow:0 4px 14px #64ffda63}[data-theme=light] .btn-primary{background:linear-gradient(135deg,var(--color-primary-dark) 0%,#1565C0 100%);color:#fff}.btn-primary:active{box-shadow:var(--shadow-sm)}.btn-accent{background:var(--color-accent);color:#0a192f;box-shadow:0 4px 15px #ffd70066}.text-sm{font-size:.875rem}.text-muted{color:var(--color-text-secondary)}.fade-in{animation:fadeIn .5s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:0px;background:transparent}@media(max-width:768px){body{padding-bottom:calc(var(--nav-height) + var(--safe-area-bottom) + 20px)}.container{padding:20px;margin:0;text-align:left}h1{font-size:2rem;text-align:left}h2{font-size:1.75rem;text-align:left}h3{font-size:1.25rem;text-align:left}.card{padding:20px;margin-bottom:20px}.btn{padding:14px 28px;font-size:.95rem}}@media(max-width:480px){.container{padding:20px;margin:0;text-align:left}h1{font-size:2.1rem;text-align:left}h2{font-size:1.75rem;text-align:left}h3{font-size:1.375rem;text-align:left}.card{padding:20px;margin-bottom:20px}.btn{padding:14px 28px;font-size:.95rem}}@supports (padding: max(0px)){.pb-safe{padding-bottom:max(var(--safe-area-bottom),20px)}}@media(max-width:768px){.modal-overlay{padding:16px}.modal-content{max-width:100%;max-height:95vh}.category-grid{grid-template-columns:1fr;gap:12px}.category-card{padding:24px 16px;min-height:140px}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}*{-webkit-tap-highlight-color:rgba(100,255,218,.2)}button,.clickable{touch-action:manipulation}.twist-download-btn,.workbook-download-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff1a;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}[data-theme=light] .twist-download-btn,[data-theme=light] .workbook-download-btn{background:#0000000d}.twist-download-btn:hover,.workbook-download-btn:hover{background:var(--color-surface-hover);transform:translateY(-1px)}@media(max-width:600px){.desktop-only{display:none}.twist-download-btn,.workbook-download-btn{padding:8px}}.bottom-nav{position:fixed;bottom:16px;left:16px;right:16px;max-width:600px;margin:0 auto;height:64px;background:var(--color-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:var(--glass-border);border-radius:24px;box-shadow:var(--shadow-lg);display:flex;justify-content:space-evenly;align-items:center;z-index:1000;padding-bottom:0;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,transform .4s cubic-bezier(.4,0,.2,1)}.nav-item{display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);flex:1;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;cursor:pointer}.nav-item:active{transform:scale(.9)}.nav-item svg{transition:transform .3s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.nav-item.active{color:var(--color-primary)}.nav-item.active svg{transform:scale(1.15);color:var(--color-primary);filter:drop-shadow(0 0 12px rgba(100,255,218,.6))}[data-theme=light] .nav-item.active svg{filter:drop-shadow(0 0 10px rgba(13,71,161,.5))}.app-shell{min-height:100vh;position:relative}main.container{padding:24px 20px 160px;display:flex;flex-direction:column;text-align:left;margin:0 auto;width:100%;max-width:800px}@media(max-width:768px){main.container{padding:20px 20px 160px}}@media(max-width:480px){main.container{padding:20px 20px 160px}}.ad-space-reservation{margin:40px auto 20px;width:100%;max-width:320px;height:60px;background:#ffffff05;border:1px dashed rgba(255,255,255,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative}.ad-placeholder{font-size:10px;font-weight:700;color:var(--color-text-muted);letter-spacing:2px;opacity:.8}.app-brand-mark{position:absolute;top:20px;left:20px;z-index:900;display:flex;align-items:center;gap:8px}.app-brand-mark img{width:32px;height:32px;object-fit:contain;border-radius:6px}.brand-text{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.75rem;background:var(--text-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.05em;line-height:1;text-align:left}@media(max-width:768px){.app-brand-mark{top:20px;left:20px}.app-brand-mark img{width:32px;height:32px}.brand-text{font-size:1.75rem}}@media(max-width:480px){.app-brand-mark{top:20px;left:20px}.app-brand-mark img{width:32px;height:32px}.brand-text{font-size:1.75rem}}.home-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-top:64px}.greeting{font-family:var(--font-display);font-size:2.25rem;color:var(--color-text);margin-bottom:4px;letter-spacing:-.03em}.user-status-label{margin:0;font-size:.85rem;font-weight:600}.status-gold{color:var(--color-accent);display:flex;align-items:center;gap:4px}.status-free{color:var(--color-text-secondary)}.avatar{width:56px;height:56px;background:var(--color-accent);color:#0a192f;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;box-shadow:0 0 20px #ffd7004d;transition:transform .2s;cursor:pointer}.avatar:hover{transform:scale(1.05)}.section{margin-bottom:48px}.promo-banner{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,gold,#ffa000);border-radius:var(--radius-md);margin-bottom:40px;cursor:pointer;transition:transform .2s;box-shadow:0 4px 15px #ffd70033}.promo-banner:hover{transform:scale(1.02)}.promo-content h3{margin:0 0 4px;color:#0a192f;font-size:1.1rem}.promo-content p{margin:0;color:#444;font-size:.85rem;font-weight:500}.promo-icon{color:#0a192f}.home-page .section-header{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;width:100%;margin-bottom:24px}.section-header h2{margin-bottom:0;font-size:1.75rem}.glossary-entry-card{background:linear-gradient(135deg,#64ffda33);border-radius:var(--radius-md);padding:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:2.5px solid rgba(100,255,218,.6);box-shadow:0 8px 24px #64ffdacc;overflow:hidden;position:relative;margin:16px 0}[data-theme=light] .glossary-entry-card{background:linear-gradient(135deg,#0d47a1,#1976d2);border-color:#0d47a133;box-shadow:0 8px 24px #0d47a1cc}.glossary-entry-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #64ffda4d}[data-theme=light] .glossary-entry-card:hover{box-shadow:0 12px 30px #0d47a133}.glossary-card-content{display:flex;align-items:center;gap:16px;z-index:2;position:relative}.glossary-icon-wrapper{width:48px;height:48px;background:#ffffff1a;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.glossary-text{flex:1}.glossary-text h3{font-size:1.15rem;margin-bottom:4px;color:#fff}.glossary-text p{font-size:.85rem;color:#fffc;margin-bottom:0;line-height:1.4}.glossary-arrow{color:#fff9}.recommendations-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:32px}.recommendation-card{background:var(--color-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:var(--glass-border);border-radius:var(--radius-md);overflow:hidden;transition:all .3s cubic-bezier(.25,.8,.25,1);cursor:pointer;display:flex;flex-direction:column;border:none;box-shadow:0 6px 16px #64ffda66}[data-theme=light] .recommendation-card{border:1.5px solid rgba(13,71,161,.2);box-shadow:0 6px 16px #0d47a166}.recommendation-card:hover{transform:translateY(-4px);border-color:#64ffda80;box-shadow:0 8px 24px #64ffda4d}[data-theme=light] .recommendation-card:hover{border-color:#0d47a14d;box-shadow:0 8px 24px #0d47a126}.recommendation-card:active{transform:scale(.98)}.card-image{height:70px;position:relative;overflow:hidden}.card-image-module{background:#0d47a1}.card-image-quiz{background:#ffca28}.card-image-workbook{background:#e0e0e0}.card-illustration{width:100%;height:100%;object-fit:cover;opacity:.9;transition:transform .5s ease}.recommendation-card:hover .card-illustration{transform:scale(1.1)}.card-image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,rgba(0,0,0,.2),transparent);z-index:1}.card-lock-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-accent);z-index:3;border:1px solid rgba(255,215,0,.3)}.card-content{padding:12px;position:relative;flex:1}.card-content h3{font-size:.95rem;margin-bottom:4px;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-content p{font-size:.75rem;color:var(--color-text-secondary);line-height:1.2}.see-all-btn{background:none;border:none;color:var(--color-primary);font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:4px;cursor:pointer;transition:opacity .2s}[data-theme=light] .see-all-btn{color:#0d47a1}.see-all-btn:hover{opacity:.8}.collab-carousel{display:flex;gap:16px;overflow-x:auto;padding:8px 4px 16px;scroll-snap-type:x mandatory;scrollbar-width:none}.collab-carousel::-webkit-scrollbar{display:none}.collab-mini-card{flex:0 0 160px;scroll-snap-align:start;background:var(--color-surface);border:1px solid rgba(100,255,218,.2);border-radius:12px;padding:12px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:8px}.collab-mini-card:hover{transform:translateY(-2px);border-color:var(--color-accent);box-shadow:0 4px 12px #64ffda99}.mini-card-header{display:flex;justify-content:space-between;align-items:center}.mini-icon{color:var(--color-accent)}.mini-tag{font-size:.7rem;font-weight:600;color:var(--color-text-secondary);background:#ffffff0d;padding:2px 6px;border-radius:4px}.collab-mini-card h3{font-size:.9rem;margin:0;color:var(--color-text);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.mini-author{font-size:.75rem;color:var(--color-text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collab-empty{color:var(--color-text-secondary);font-size:.9rem;font-style:italic;padding:20px 0}.premium-highlight-card{position:relative;background:linear-gradient(135deg,#1e1b4b,#343439);border:1px solid rgb(255,247,0);border-radius:20px;padding:24px;overflow:hidden;cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 10px 30px #fff70066}.premium-highlight-card:hover{transform:scale(1.02)}.highlight-content{position:relative;z-index:2;max-width:80%}.highlight-badge{display:inline-flex;align-items:center;gap:6px;background:#ffd70026;color:gold;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.premium-highlight-card h2{font-size:1.5rem;color:#fff;margin-bottom:8px;line-height:1.2}.premium-highlight-card p{font-size:.9rem;color:#ffffffb3;margin-bottom:20px;line-height:1.5}.highlight-action{display:flex;align-items:center;gap:8px;color:gold;font-weight:600;font-size:.95rem}.highlight-bg-icon{position:absolute;right:-20px;bottom:-10px;color:#ffd7000d;transform:rotate(-15deg);pointer-events:none}@media(max-width:480px){.recommendations-grid{grid-template-columns:1fr}.premium-highlight-card h2{font-size:1.25rem}.highlight-content{max-width:100%}}.error-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;animation:fadeIn .3s ease forwards}.error-modal-content{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;width:90%;max-width:400px;padding:24px;position:relative;box-shadow:0 10px 25px #00000080;transform:translateY(20px);animation:slideUp .4s ease forwards}.error-modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.error-icon-wrapper{background-color:#ef44441a;color:#ef4444;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}.error-close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;transition:color .2s}.error-close-btn:hover{color:var(--text-primary)}.error-modal-title{font-size:1.25rem;font-weight:600;margin:0 0 12px;color:var(--text-primary)}.error-modal-message{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0 0 20px}.error-actions{display:flex;flex-direction:column;gap:12px}.btn-contact-support{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background-color:var(--primary-color);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;text-decoration:none;transition:opacity .2s}.btn-contact-support:hover{opacity:.9}.btn-copy-log{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .2s}.btn-copy-log:hover{color:var(--text-primary);border-color:var(--text-secondary)}.error-technical-details{margin-top:16px;padding:12px;background-color:#0003;border-radius:8px;font-size:.75rem;color:var(--text-muted);font-family:monospace;overflow-wrap:break-word;word-break:break-all}@keyframes fadeIn{to{opacity:1}}@keyframes slideUp{to{transform:translateY(0)}}.a2hs-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#64ffda1a;border:1px solid rgba(100,255,218,.25);border-radius:10px;color:var(--color-primary);font-family:var(--font-sans);font-size:.7rem;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap;animation:a2hsFadeIn .5s ease-out}.a2hs-btn:hover{background:#64ffda2e;border-color:#64ffda66;transform:translateY(-1px);box-shadow:0 4px 12px #64ffda26}.a2hs-btn:active{transform:scale(.97)}.a2hs-label{line-height:1.2}@keyframes a2hsFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}[data-theme=light] .a2hs-btn{background:#0d47a114;border-color:#0d47a133;color:var(--color-primary)}[data-theme=light] .a2hs-btn:hover{background:#0d47a124;border-color:#0d47a159;box-shadow:0 4px 12px #0d47a11a}.a2hs-modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:a2hsOverlayIn .25s ease-out}@keyframes a2hsOverlayIn{0%{opacity:0}to{opacity:1}}.a2hs-modal{background:#112240;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:32px 24px 24px;width:100%;max-width:340px;text-align:center;position:relative;animation:a2hsModalIn .35s cubic-bezier(.16,1,.3,1);box-shadow:0 24px 48px #0006}@keyframes a2hsModalIn{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.a2hs-modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:#ffffff14;border:none;color:#a8b2d1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.a2hs-modal-close:hover{background:#ffffff26;color:#e6f1ff}.a2hs-modal-icon{width:64px;height:64px;margin:0 auto 16px;border-radius:14px;overflow:hidden;box-shadow:0 4px 16px #0000004d}.a2hs-modal-icon img{width:100%;height:100%;object-fit:cover}.a2hs-modal-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:#e6f1ff;margin:0 auto 6px;text-align:center;width:100%}.a2hs-modal-subtitle{font-size:.85rem;color:#a8b2d1;margin:0 auto 24px;text-align:center;line-height:1.4;width:100%}.a2hs-steps{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.a2hs-step{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:12px;text-align:left}.a2hs-step-icon{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#64ffda1a;color:var(--color-primary);border-radius:10px}.a2hs-step-text{font-size:.85rem;color:#ccd6f6;line-height:1.4}.a2hs-step-text strong{color:#e6f1ff}.a2hs-modal-ok{width:100%;padding:12px;background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:12px;font-family:var(--font-display);font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s ease}.a2hs-modal-ok:hover{transform:translateY(-1px);box-shadow:0 4px 16px #64ffda4d}[data-theme=light] .a2hs-modal{background:#fff;border-color:#0000001a;box-shadow:0 24px 48px #00000026}[data-theme=light] .a2hs-modal-close{background:#0000000d;color:#4a5568}[data-theme=light] .a2hs-modal-close:hover{background:#0000001a;color:#1a1a1a}[data-theme=light] .a2hs-modal-title{color:#1a1a1a}[data-theme=light] .a2hs-modal-subtitle{color:#4a5568}[data-theme=light] .a2hs-step{background:#00000008;border-color:#0000000f}[data-theme=light] .a2hs-step-icon{background:#0d47a114}[data-theme=light] .a2hs-step-text{color:#2d3748}[data-theme=light] .a2hs-step-text strong{color:#1a1a1a}@media(max-width:640px){.a2hs-label{font-size:.65rem}.a2hs-btn{padding:5px 10px;gap:5px}.a2hs-btn svg{width:16px;height:16px}}.category-grid-2x2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:0 0 24px}.category-card-main{position:relative;background:#112240;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:28px 16px;text-align:center;box-shadow:var(--shadow-themed);transition:all .3s cubic-bezier(.4,0,.2,1);min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center}.category-card-main.clickable{cursor:pointer}.category-card-main.clickable:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#64ffda4d}.category-card-main.disabled{opacity:.4;cursor:not-allowed;background:#ffffff05}.category-icon-main{width:56px;height:56px;background:#64ffda1a;color:var(--color-primary);border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;transition:all .3s ease}.category-card-main.clickable:hover .category-icon-main{background:#64ffda26;transform:scale(1.05)}.category-title-main{font-size:1rem;font-weight:700;color:#e6f1ff;margin-bottom:4px}.category-subtitle-main{font-size:.8rem;color:#a8b2d1}.category-count-main,.category-count-badge{font-size:.75rem;color:var(--color-primary);background:#64ffda1a;padding:4px 12px;border-radius:12px;font-weight:600;border:1px solid rgba(100,255,218,.2);margin-top:8px}.coming-soon-badge{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-size:.75rem;color:gold;background:transparent;padding:0;font-weight:700;text-shadow:0 0 10px rgba(255,215,0,1),0 0 20px rgba(255,215,0,.8),0 0 30px rgba(255,215,0,.6);z-index:10;white-space:nowrap;letter-spacing:.5px}[data-theme=light] .coming-soon-badge{color:orange;text-shadow:0 0 10px rgba(255,165,0,.9),0 0 20px rgba(255,165,0,.7),0 0 30px rgba(255,140,0,.5)}.materials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;padding:16px 0}.material-list-item{position:relative;display:flex;align-items:center;background:#112240;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:16px;box-shadow:var(--shadow-themed);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.material-list-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#64ffda33}.item-number{width:32px;height:32px;background:#64ffda1a;color:var(--color-primary);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;margin-right:16px;flex-shrink:0}.item-content{flex:1;min-width:0}.item-content h3{font-size:.95rem;color:#e6f1ff;margin-bottom:4px;font-weight:600;display:flex;align-items:center;gap:8px}.item-content h3.placeholder-text{color:#a8b2d1;font-style:italic}.premium-label{display:flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a1a;border-radius:12px;font-size:.7rem;font-weight:700}.premium-lock{color:gold;margin-left:12px}[data-theme=light] .category-card-main{background:#ffffffe6;border-color:#0000001a}[data-theme=light] .category-card-main.disabled{background:#0000000d}[data-theme=light] .category-title-main{color:#1a1a1a}[data-theme=light] .card-title.placeholder-title{color:#666}[data-theme=light] .material-list-item{background:#ffffffe6;border-color:#0000001a}[data-theme=light] .item-content h3{color:#1a1a1a}[data-theme=light] .item-content h3.placeholder-text{color:#666}.item-arrow{color:var(--color-text-secondary);margin-left:12px}.material-list-item.clickable:hover .item-arrow{color:var(--color-primary)}.material-list-item.placeholder{cursor:default;opacity:.7}.material-list-item.placeholder:hover{transform:none;box-shadow:var(--shadow-sm);border-color:#ffffff14}.reading-modal-overlay{position:fixed;inset:0;background:#0a192ff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:20px;overflow-y:auto}.reading-modal-content{background:var(--color-surface);border:var(--glass-border);border-radius:var(--radius-lg);width:100%;max-width:800px;min-height:calc(100vh - 40px);position:relative;display:flex;flex-direction:column;animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reading-modal-close{position:absolute;top:20px;right:20px;width:44px;height:44px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:var(--color-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.reading-modal-close:hover{background:#fff3;transform:rotate(90deg)}.reading-modal-body{flex:1;padding:60px 40px 40px;overflow-y:auto}.reading-title{font-size:2.25rem;font-weight:700;color:var(--color-text);margin-bottom:12px;line-height:1.3;letter-spacing:-.02em}.reading-subtitle{font-size:1.25rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:32px;line-height:1.4}.reading-content{font-size:1.125rem;line-height:1.8;color:var(--color-text)}.reading-content p{margin-bottom:20px}.reading-content h2{font-size:1.5rem;font-weight:600;color:var(--color-text);margin:32px 0 16px;padding-bottom:8px;border-bottom:2px solid var(--color-primary);display:inline-block}.reading-content h3{font-size:1.25rem;font-weight:600;color:var(--color-text);margin:24px 0 12px}.reading-content ul,.reading-content ol{margin:16px 0;padding-left:24px}.reading-content li{margin-bottom:8px}.reading-content strong{color:var(--color-primary);font-weight:600}.reading-content em{font-style:italic;color:var(--color-text-secondary)}.reading-placeholder{text-align:center;color:var(--color-text-secondary);font-style:italic;padding:60px 20px;background:#ffffff08;border-radius:var(--radius-md);border:2px dashed rgba(255,255,255,.1)}.reading-modal-footer{padding:20px 40px 40px;display:flex;justify-content:center;border-top:1px solid rgba(255,255,255,.08)}.reading-back-btn{display:flex;align-items:center;gap:8px;padding:14px 32px;background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:100px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.reading-back-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #64ffda4d}[data-theme=light] .reading-modal-overlay{background:#f0f4f8fa}[data-theme=light] .reading-modal-content{background:#fffffff2;border-color:#0000001a}[data-theme=light] .reading-modal-close{background:#0000000d;border-color:#0000001a;color:#1a1a1a}[data-theme=light] .reading-modal-close:hover{background:#0000001a}[data-theme=light] .reading-title{color:#1a1a1a}[data-theme=light] .reading-content{color:#2d3748}[data-theme=light] .reading-content h2,[data-theme=light] .reading-content h3{color:#1a1a1a}[data-theme=light] .reading-placeholder{background:#00000008;border-color:#0000001a}[data-theme=light] .reading-modal-footer{border-color:#0000001a}.material-detail-container{background:var(--color-surface);border:var(--glass-border);border-radius:var(--radius-lg);padding:32px;margin:100px 20px 20px}.material-detail-title{font-size:2rem;font-weight:700;color:var(--color-text);margin-bottom:12px;line-height:1.3}.material-detail-subtitle{font-size:1.2rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:24px}.material-detail-content{font-size:1.1rem;line-height:1.8;color:var(--color-text);margin-bottom:32px}.material-content-text{white-space:pre-wrap;word-wrap:break-word;font-family:inherit;font-size:1.1rem;line-height:1.8;color:var(--color-text);margin:0;padding:0;background:transparent;border:none;overflow-x:auto}.material-content-text ul,.material-content-text ol{margin:16px 0;padding-left:24px}.material-content-text li{margin-bottom:12px;line-height:1.6}.material-content-text li::marker{color:var(--color-primary);font-weight:600}.material-detail-placeholder{text-align:center;color:var(--color-text-secondary);font-style:italic;padding:40px;background:#ffffff08;border-radius:var(--radius-md)}.material-detail-footer{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;display:flex;justify-content:center}.back-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.back-button:hover{background:var(--color-surface-hover);color:var(--color-text);border-color:var(--color-primary)}.btn-back-bottom{display:flex;align-items:center;gap:8px;padding:12px 28px;background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:100px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-back-bottom:hover{transform:translateY(-2px);box-shadow:0 4px 15px #64ffda4d}.empty-state{text-align:center;padding:60px 20px;color:var(--color-text-secondary)}[data-theme=light] .back-button{color:var(--color-text-secondary);border-color:#00000026}[data-theme=light] .back-button:hover{background:#0000000d;color:var(--color-text);border-color:var(--color-primary)}[data-theme=light] .material-detail-container{background:#fffffff2;border-color:#0000001a}[data-theme=light] .material-detail-title{color:#1a1a1a}[data-theme=light] .material-detail-content,[data-theme=light] .material-content-text{color:#2d3748}[data-theme=light] .material-detail-placeholder{background:#00000008}@media(max-width:640px){.coming-soon-badge{font-size:.7rem;padding:0;bottom:8px}.material-detail-container{padding:24px;margin:80px 16px 16px}.material-detail-title{font-size:1.5rem}.material-detail-subtitle,.material-detail-content{font-size:1rem}.material-content-text{font-size:1rem;line-height:1.7}.btn-back-bottom{width:100%;justify-content:center}.category-grid-2x2{gap:12px}.category-card-main{padding:20px 12px;min-height:140px}.category-icon-main{width:48px;height:48px}.category-title-main{font-size:.9rem}.category-subtitle-main{font-size:.75rem}.material-list-item{padding:14px 16px}.item-number{width:28px;height:28px;font-size:.8rem;margin-right:12px}.reading-modal-overlay{padding:0}.reading-modal-content{border-radius:0;min-height:100vh;max-width:100%}.reading-modal-body{padding:80px 24px 32px}.reading-title{font-size:1.75rem}.reading-subtitle{font-size:1.1rem}.reading-content{font-size:1rem}.reading-content h2{font-size:1.25rem}.reading-content h3{font-size:1.1rem}.reading-modal-footer{padding:20px 24px 32px}.reading-modal-close{top:16px;right:16px;width:40px;height:40px}}.inline-quiz-loading{text-align:center;padding:40px;color:var(--color-text-secondary);font-size:1.1rem}.inline-quiz-container{display:flex;flex-direction:column;gap:24px}.inline-quiz-header{display:flex;align-items:center;gap:15px;margin-bottom:10px}.inline-quiz-progress-bar{flex:1;height:8px;background:var(--color-surface);border-radius:4px;overflow:hidden}.inline-progress-fill{height:100%;background:var(--color-primary);transition:width .3s ease}.inline-quiz-counter{font-size:14px;font-weight:600;color:var(--color-text-secondary)}.inline-question-section h3{font-size:1.25rem;margin-bottom:24px;line-height:1.5;color:var(--color-text)}.inline-options-grid{display:flex;flex-direction:column;gap:12px}.inline-option-btn{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--color-surface);border:2px solid transparent;border-radius:12px;text-align:left;font-size:1rem;color:var(--color-text);transition:all .2s ease;cursor:pointer}.inline-option-btn:hover:not(:disabled){border-color:var(--color-primary-light);transform:translateY(-2px)}.inline-option-btn.selected{border-color:var(--color-primary);background:var(--color-primary-bg)}.inline-option-btn.correct{border-color:#4caf50;background:#4caf501a;color:#4caf50}.inline-option-btn.incorrect{border-color:#f44336;background:#f443361a;color:#f44336}.inline-quiz-footer{display:flex;justify-content:flex-end;margin-top:20px}.btn-next-inline{display:flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,var(--color-primary) 0%,#1de9b6 100%);color:var(--color-on-primary);border:none;border-radius:12px;font-weight:700;box-shadow:0 4px 14px #64ffda4d;transition:all .2s ease;cursor:pointer}.btn-next-inline:disabled{opacity:.5;cursor:not-allowed}[data-theme=light] .btn-next-inline{background:linear-gradient(135deg,var(--color-primary-dark) 0%,#1565C0 100%);color:#fff}.inline-quiz-result{text-align:center;padding:40px 20px}.inline-quiz-result .success-icon{color:#4caf50;margin-bottom:20px}.inline-quiz-result h2{margin-bottom:20px;color:var(--color-text)}.inline-score-display{margin:30px 0;display:flex;flex-direction:column;align-items:center}.inline-score-num{font-size:64px;font-weight:800;color:var(--color-primary);line-height:1}.inline-score-label{font-size:16px;color:var(--color-text-muted);margin-top:8px}.inline-quiz-result>p{color:var(--color-text-secondary);margin-bottom:30px}.inline-result-actions{display:flex;flex-direction:column;gap:12px;max-width:280px;margin:0 auto}.inline-result-actions .btn-primary{padding:14px 28px;background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s ease}.inline-result-actions .btn-outline{background:none;border:1px solid var(--color-border);padding:14px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;color:var(--color-text);cursor:pointer;transition:all .2s ease}.inline-result-actions .btn-outline:hover{background:var(--color-surface-hover)}@media(max-width:640px){.inline-question-section h3{font-size:1.1rem}.inline-option-btn{padding:14px 16px;font-size:.95rem}.btn-next-inline{width:100%;justify-content:center}.inline-score-num{font-size:48px}.inline-quiz-result{padding:30px 16px}}.quiz-introduction-card{background:#112240;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:40px 30px;text-align:center;margin-top:20px;box-shadow:var(--shadow-lg);animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1)}.introduction-content{margin:30px 0;text-align:left}.introduction-content h2{font-size:24px;color:var(--color-primary);margin-bottom:20px}.introduction-text{font-size:16px;line-height:1.6;color:var(--color-text-secondary);white-space:pre-wrap}[data-theme=light] .quiz-introduction-card{background:#ffffffe6;border-color:#0000001a;box-shadow:0 10px 30px #0000000d}[data-theme=light] .introduction-content h2{color:var(--color-primary-dark)}[data-theme=light] .introduction-text{color:#4a5568}.quiz-container{max-width:600px;margin:0 auto;padding:80px 20px 120px;min-height:100vh;display:flex;flex-direction:column}.quiz-header{display:flex;align-items:center;gap:15px;margin-top:20px;margin-bottom:30px}.btn-back{background:none;border:none;color:var(--color-text-muted);font-size:14px;padding:5px 10px}.quiz-progress-bar{flex:1;height:8px;background:var(--color-surface);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--color-primary);transition:width .3s ease}.quiz-counter{font-size:14px;font-weight:600;color:var(--color-text-secondary)}.question-section h2{font-size:24px;margin-bottom:30px;line-height:1.4}.options-grid{display:grid;gap:12px}.option-btn{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:var(--color-surface);border:2px solid transparent;border-radius:16px;text-align:left;font-size:16px;color:var(--color-text);transition:all .2s ease;cursor:pointer}.option-btn:hover:not(:disabled){border-color:var(--color-primary-light);transform:translateY(-2px)}.option-btn.selected{border-color:var(--color-primary);background:var(--color-primary-bg)}.option-btn.correct{border-color:#4caf50;background:#4caf501a;color:#4caf50}.option-btn.incorrect{border-color:#f44336;background:#f443361a;color:#f44336}.quiz-footer{margin-top:auto;padding:20px 0;display:flex;justify-content:flex-end}.btn-next{display:flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,var(--color-primary) 0%,#1de9b6 100%);color:var(--color-on-primary);border:none;border-radius:12px;font-weight:700;box-shadow:0 4px 14px #64ffda4d;transition:all .2s ease}[data-theme=light] .btn-next{background:linear-gradient(135deg,var(--color-primary-dark) 0%,#1565C0 100%);color:#fff}.btn-next:disabled{opacity:.5;cursor:not-allowed}.quiz-result-card{background:var(--color-surface);padding:40px 30px;border-radius:24px;text-align:center;margin-top:50px;box-shadow:0 10px 30px #0000001a}.success-icon{color:#4caf50;margin-bottom:20px}.score-display{margin:30px 0;display:flex;flex-direction:column}.score-num{font-size:72px;font-weight:800;color:var(--color-primary)}.score-label{font-size:18px;color:var(--color-text-muted)}.result-actions{display:flex;flex-direction:column;gap:12px;margin-top:30px}.btn-outline{background:none;border:1px solid var(--color-border);padding:14px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600}.quiz-instruction-card{background:var(--color-surface);padding:40px 30px;border-radius:24px;text-align:center;margin-top:50px;box-shadow:0 10px 30px #0000001a}.quiz-instruction-card h2{font-size:28px;margin-bottom:20px;color:var(--color-primary)}.quiz-instruction-card p{font-size:16px;line-height:1.6;color:var(--color-text-secondary);margin-bottom:30px;text-align:left;white-space:pre-wrap}.quiz-loading,.quiz-error{display:flex;align-items:center;justify-content:center;min-height:50vh;font-size:18px;color:var(--color-text-muted)}.page-header{padding:72px 0 24px}.search-bar{display:flex;align-items:center;background:var(--color-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:var(--glass-border);padding:12px 16px;border-radius:50px;box-shadow:var(--shadow-sm);margin-bottom:24px}.search-icon{color:var(--color-text-muted);margin-right:12px}.search-bar input{flex:1;border:none;background:transparent;outline:none;font-size:1rem;color:var(--color-text);font-family:var(--font-sans)}.search-bar input::placeholder{color:var(--color-text-muted)}.filter-btn{color:var(--color-primary);padding:4px}.service-card{display:flex;background:var(--color-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:var(--glass-border);border-radius:var(--radius-md);padding:16px;margin-bottom:20px;box-shadow:var(--shadow-themed)}.service-thumb{width:90px;height:90px;border-radius:12px;background:#112240;object-fit:cover;margin-right:16px}.service-info{flex:1;display:flex;flex-direction:column}.service-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.service-header h3{font-size:1.05rem;line-height:1.3;margin-right:8px;color:var(--color-text)}.rating{display:flex;align-items:center;gap:4px;font-size:.8rem;font-weight:600;color:var(--color-accent)}.provider{font-size:.9rem;color:var(--color-text-secondary);margin-bottom:4px}.description{font-size:.9rem;color:var(--color-text-muted);line-height:1.5;margin-bottom:8px}.date{font-size:.8rem;color:var(--color-text-muted)}.service-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.price{font-weight:700;color:var(--color-primary);font-size:1rem}.chat-btn{display:flex;align-items:center;gap:6px;background:var(--color-accent);color:#0a192f;padding:8px 16px;border-radius:50px;font-size:.85rem;font-weight:600;box-shadow:0 4px 10px #ffd70033}.dummy-badge{font-size:.7rem;font-weight:600;padding:2px 8px;background:#ffd70026;color:var(--color-accent);border:1px solid rgba(255,215,0,.3);border-radius:8px;white-space:nowrap}.chat-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.empty-state{text-align:center;padding:48px 24px;color:var(--color-text-muted)}.empty-state p{margin-bottom:8px;font-size:.95rem}.tags-row{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.micro-tag{display:inline-block;padding:3px 10px;background:#64ffda14;border:1px solid rgba(100,255,218,.15);border-radius:12px;font-size:.75rem;color:var(--color-primary);font-weight:500}[data-theme=light] .micro-tag{background:#0d47a114;border-color:#0d47a126;color:var(--color-primary)}.collab-page .modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:collabFadeIn .2s ease}@keyframes collabFadeIn{0%{opacity:0}to{opacity:1}}.collab-page .modal-content{background:var(--color-surface-solid, #112240);border:var(--glass-border);border-radius:var(--radius-lg);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;animation:collabSlideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes collabSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.collab-page .modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px;border-bottom:var(--glass-border)}.collab-page .modal-header h2{font-size:1.5rem;color:var(--color-text);margin:0}.collab-page .close-btn{width:40px;height:40px;border-radius:50%;border:none;background:transparent;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:all .2s;cursor:pointer}.collab-page .close-btn:hover{background:#ffffff1a;color:var(--color-text)}.collab-form{padding:24px}.collab-form .form-group{margin-bottom:20px}.collab-form .form-group label{display:block;font-size:.9rem;font-weight:600;color:var(--color-text);margin-bottom:8px}.collab-form .form-group input,.collab-form .form-group textarea{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--color-text);font-size:.95rem;font-family:inherit;transition:all .2s;box-sizing:border-box}.collab-form .form-group input:focus,.collab-form .form-group textarea:focus{outline:none;border-color:var(--color-primary);background:#ffffff14}.collab-form .form-group textarea{resize:vertical;min-height:100px}.collab-form .tag-input-wrapper{display:flex;gap:8px;align-items:center}.collab-form .tag-input-wrapper input{flex:1;min-width:0}.collab-form .tag-input-wrapper button{width:44px;height:44px;min-width:44px;background:var(--color-primary);color:#0a192f;border:none;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.collab-form .tag-input-wrapper button:hover:not(:disabled){transform:scale(1.05)}.collab-form .tag-input-wrapper button:disabled{opacity:.5;cursor:not-allowed}.collab-form .tags-display{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.collab-form .tag-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#64ffda1a;border:1px solid rgba(100,255,218,.2);border-radius:16px;font-size:.85rem;color:var(--color-primary)}.collab-form .tag-chip button{width:18px;height:18px;border-radius:50%;border:none;background:#ffffff1a;color:var(--color-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:16px;line-height:1;padding:0}.collab-form .tag-chip button:hover{background:#fff3}.collab-form .error-message{padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#ef4444;font-size:.9rem;margin-bottom:16px}.collab-form .modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:var(--glass-border)}.collab-form .btn-secondary,.collab-form .btn-primary{padding:12px 24px;border-radius:var(--radius-md);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s}.collab-form .btn-secondary{background:#ffffff0d;color:var(--color-text);border:1px solid rgba(255,255,255,.1)}.collab-form .btn-secondary:hover{background:#ffffff1a}.collab-form .btn-primary{background:var(--color-primary);color:#0a192f;border:none}.collab-form .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #64ffda66}.collab-form .btn-primary:disabled{opacity:.6;cursor:not-allowed}[data-theme=light] .collab-page .modal-content{background:var(--color-surface-solid, #ffffff)}[data-theme=light] .collab-form .form-group input,[data-theme=light] .collab-form .form-group textarea{background:#00000008;border-color:#0000001f;color:var(--color-text)}[data-theme=light] .collab-form .form-group input:focus,[data-theme=light] .collab-form .form-group textarea:focus{border-color:var(--color-primary);background:#00000005}[data-theme=light] .collab-page .close-btn:hover{background:#0000000d}[data-theme=light] .collab-form .btn-secondary{background:#00000008;border-color:#0000001f}[data-theme=light] .collab-form .btn-secondary:hover{background:#0000000f}[data-theme=light] .collab-form .btn-primary{background:var(--color-primary);color:#fff}[data-theme=light] .collab-form .tag-chip{background:#0d47a114;border-color:#0d47a133;color:var(--color-primary)}[data-theme=light] .collab-form .tag-input-wrapper button{background:var(--color-primary);color:#fff}.fab-button{position:fixed;bottom:90px;right:20px;display:flex;align-items:center;gap:10px;padding:14px 24px;background:var(--color-primary);color:#0a192f;border-radius:50px;font-weight:700;font-size:.95rem;box-shadow:0 6px 20px #64ffda66;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:999}.fab-button:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 8px 24px #64ffda99}.fab-button:active{transform:translateY(-2px) scale(1.02)}.fab-button svg{transition:transform .3s ease}.fab-button:hover svg{transform:rotate(90deg)}[data-theme=light] .fab-button{background:#0d47a1;color:#fff;box-shadow:0 6px 20px #0d47a14d}[data-theme=light] .fab-button:hover{box-shadow:0 8px 24px #0d47a180}.profile-page{text-align:left}.profile-header{background:transparent;padding:72px 0 24px;display:flex;justify-content:space-between;align-items:center}.profile-header h1{font-size:2.25rem;font-weight:800;margin:0;background:linear-gradient(135deg,var(--color-text),var(--color-text-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.03em}.profile-content{padding:0 0 100px}.profile-card{background:var(--color-surface);border:var(--glass-border);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px;box-shadow:var(--shadow-themed);position:relative;overflow:hidden}.profile-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.profile-main{display:flex;align-items:center;gap:20px;margin-bottom:24px}.profile-avatar{width:72px;height:72px;border-radius:50%;overflow:hidden;background:var(--color-bg-secondary);border:3px solid var(--color-surface);box-shadow:0 4px 12px #0000001a;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:var(--color-text-secondary)}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-text h2{font-size:1.25rem;font-weight:700;margin:0 0 4px;color:var(--color-text)}.user-email{font-size:.9rem;color:var(--color-text-secondary);margin:0 0 12px}.badges-row{display:flex;gap:8px;flex-wrap:wrap}.badge-pill{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:20px;letter-spacing:.5px}.badge-pill.owner{background:#4a00e01a;color:#8a2be2;border:1px solid rgba(74,0,224,.2)}.badge-pill.premium{background:#ffd7001a;color:gold;border:1px solid rgba(255,215,0,.2)}.badge-pill.catalyst{background:linear-gradient(135deg,#ff500026,#ffa0001a);color:#ff5200;border:1px solid rgba(255,90,0,.4);box-shadow:0 0 8px #ff500059,0 0 16px #ff500026;animation:catalyst-glow 2.5s ease-in-out infinite;text-shadow:0 0 6px rgba(255,100,0,.5)}@keyframes catalyst-glow{0%,to{box-shadow:0 0 8px #ff500059,0 0 16px #ff500026}50%{box-shadow:0 0 14px #ff5000b3,0 0 28px #ff50004d}}.btn-upgrade-sm{background:linear-gradient(90deg,gold,orange);color:#0a192f;border:none;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:4px;cursor:pointer;box-shadow:0 2px 8px #ffd7004d}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding-top:20px;border-top:1px solid var(--color-border)}.stat-box{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-value{font-size:1.25rem;font-weight:800;color:var(--color-text);margin-bottom:2px}.stat-label{font-size:.85rem;color:var(--color-text-secondary);letter-spacing:.2px}.stat-box.dimmed{opacity:.4;cursor:default}.profile-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.profile-section h3{font-size:1.75rem;font-weight:700;margin:0;text-align:left}.profile-section{margin-bottom:48px;width:100%}.section-subtitle{font-size:.85rem;color:var(--color-text-secondary)}.badges-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.badge-card{background:var(--color-surface);border:var(--glass-border);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:8px;transition:all .3s;position:relative;box-shadow:var(--shadow-themed)}.badge-card.unlocked{background:linear-gradient(135deg,#ffffff0d,#fff0);border-color:#ffd7004d;box-shadow:var(--shadow-themed)}.badge-card.locked{opacity:.6;filter:grayscale(1);background:var(--color-bg-secondary)}.badge-icon-wrapper{width:48px;height:48px;background:#ffd7001a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-accent);margin-bottom:4px}.badge-card.locked .badge-icon-wrapper{background:#7d7d7d1a;color:var(--color-text-muted)}.badge-name{font-size:.9rem;font-weight:700;color:var(--color-text)}.badge-desc{font-size:.75rem;color:var(--color-text-secondary);line-height:1.3}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;align-items:center;gap:16px;background:var(--color-surface);padding:12px 16px;border-radius:var(--radius-md);border:var(--glass-border)}.activity-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon.quiz{background:#3b82f61a;color:#3b82f6}.activity-icon.twist{background:#f59e0b1a;color:#f59e0b}.activity-icon.workbook{background:#10b9811a;color:#10b981}.activity-info{flex:1}.activity-title{font-size:.9rem;font-weight:600;color:var(--color-text);margin-bottom:2px;display:flex;flex-direction:column}.activity-id{font-size:.75rem;color:var(--color-text-muted);font-weight:400}.activity-meta{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--color-text-secondary)}.activity-score{font-size:.85rem;font-weight:700;color:var(--color-accent)}.empty-activity{text-align:center;padding:32px;color:var(--color-text-muted);font-size:.9rem;background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px dashed var(--color-border)}.settings-container{position:relative;z-index:100}.settings-btn{width:40px;height:40px;border-radius:50%;background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:var(--color-text)}.settings-btn:hover{background:#ffffff0d}.settings-dropdown{position:absolute;top:50px;right:0;width:180px;background:var(--color-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:var(--glass-border);border-radius:var(--radius-md);padding:12px;box-shadow:var(--shadow-md);transform-origin:top right;display:flex;flex-direction:column;gap:12px}.dropdown-item{display:flex;justify-content:space-between;align-items:center;color:var(--color-text);font-size:.9rem;font-weight:500}.theme-toggle-switch{display:flex;align-items:center;gap:8px;background:#7d7d7d1a;padding:6px 12px;border-radius:20px;color:var(--color-text);font-size:.8rem;border:1px solid transparent;cursor:pointer}.theme-toggle-switch:hover{background:#7d7d7d33}@media(min-width:768px){.badges-grid{grid-template-columns:repeat(4,1fr)}}.center{text-align:center;margin-bottom:32px;padding-top:72px}.center h1{color:var(--color-text);text-align:center}.center .subtitle{color:var(--color-text-secondary)}.tiers-list{display:flex;flex-direction:column;gap:24px;padding:0 16px}.tier-card{background:var(--color-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-md);position:relative;border:var(--glass-border);transition:transform .3s}.tier-card:hover{transform:translateY(-5px)}.tier-card.recommended{border:2px solid var(--color-accent);background:var(--card-recommended-bg);box-shadow:0 0 30px #ffd70026}.badge-rec{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--color-accent);color:#0a192f;padding:6px 16px;border-radius:50px;font-size:.8rem;font-weight:700;box-shadow:0 4px 10px #0000004d}.tier-name{font-size:1.25rem;margin-bottom:12px;text-align:center;color:var(--color-text);font-family:var(--font-display)}.tier-price{font-size:2.2rem;font-weight:700;text-align:center;color:var(--color-primary);margin-bottom:32px;text-shadow:0 0 20px rgba(100,255,218,.3)}.tier-price .period{font-size:1rem;color:var(--color-text-secondary);font-weight:400;text-shadow:none}.tier-features{list-style:none;margin-bottom:32px}.tier-features li{display:flex;align-items:center;gap:16px;font-size:.95rem;margin-bottom:12px;color:var(--color-text)}.tier-features li.disabled{color:var(--color-text-muted);text-decoration:line-through;opacity:.5}.text-primary{color:var(--color-primary);filter:drop-shadow(0 0 5px rgba(100,255,218,.5))}.btn-outline{border:2px solid var(--color-primary);color:var(--color-primary);width:100%;background:transparent}.btn-outline:hover{background:#64ffda1a}.tier-card.recommended .btn{background:var(--color-accent);color:#0a192f;box-shadow:0 4px 15px #ffd7004d}.tier-card .btn{width:100%}.tier-card.smk{border:2px solid #8b5cf6;background:#8b5cf60d}.tier-card.smk:hover{box-shadow:0 0 30px #8b5cf626}.tier-card.smk .badge-rec{background:#8b5cf6;color:#fff;box-shadow:0 4px 10px #8b5cf64d}.btn-smk{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff!important;width:100%;border:none;box-shadow:0 4px 15px #8b5cf64d}.btn-smk:hover{background:linear-gradient(135deg,#7c3aed,#5b21b6);transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.upgrade-error-msg{color:var(--color-accent);margin-top:10px;font-size:.9rem;opacity:.9}.premium-success-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:#0a192fd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:overlayFadeIn .4s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.premium-success-modal{position:relative;background:var(--color-surface);border:1px solid rgba(255,215,0,.2);border-radius:var(--radius-lg);padding:40px 32px 32px;max-width:360px;width:100%;text-align:center;animation:modalSlideUp .5s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.success-glow{position:absolute;top:-60px;left:50%;transform:translate(-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(255,215,0,.12) 0%,transparent 70%);pointer-events:none}.success-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#ffd70026,#ffd7000d);border:1px solid rgba(255,215,0,.25);margin:0 auto 20px;animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{box-shadow:0 0 #ffd70026}50%{box-shadow:0 0 0 12px #ffd70000}}.success-crown{color:gold;filter:drop-shadow(0 0 8px rgba(255,215,0,.4))}.success-title{font-family:var(--font-display);font-size:1.5rem;color:var(--color-text);margin-bottom:8px;font-weight:700}.success-subtitle{font-size:.9rem;color:var(--color-text-secondary);line-height:1.5;margin-bottom:28px}.success-features{display:flex;flex-direction:column;gap:10px;margin-bottom:28px}.success-feature-item{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.85rem;color:var(--color-accent);opacity:0;animation:featureFadeIn .4s ease-out forwards}.success-feature-item:nth-child(1){animation-delay:.3s}.success-feature-item:nth-child(2){animation-delay:.45s}.success-feature-item:nth-child(3){animation-delay:.6s}@keyframes featureFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.btn-premium-continue{width:100%;background:linear-gradient(135deg,gold,orange);color:#0a192f;font-weight:700;font-size:.95rem;padding:14px 24px;border:none;border-radius:var(--radius-md, 12px);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #ffd70040}.btn-premium-continue:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70059}.btn-premium-continue:active{transform:translateY(0)}.catalyst-terms-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:#0a192fd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:overlayFadeIn .3s ease-out}.catalyst-terms-modal{position:relative;background:var(--color-surface);border:1px solid rgba(255,215,0,.2);border-radius:var(--radius-lg);padding:32px 28px;max-width:500px;width:100%;max-height:85vh;display:flex;flex-direction:column;animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 40px #0006}.catalyst-terms-modal .close-btn{position:absolute;top:16px;right:16px;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.catalyst-terms-modal .close-btn:hover{color:var(--color-text);background:#ffffff0d}.catalyst-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;border-bottom:1px solid var(--glass-border);padding-bottom:16px}.catalyst-icon{color:gold;filter:drop-shadow(0 0 6px rgba(255,215,0,.3));flex-shrink:0}.catalyst-header h2{font-size:1.25rem;color:var(--color-text);margin:0;font-family:var(--font-display);line-height:1.3}.catalyst-content{overflow-y:auto;padding-right:8px;margin-bottom:20px;flex-grow:1}.catalyst-content::-webkit-scrollbar{width:6px}.catalyst-content::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}.catalyst-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.catalyst-content ol{padding-left:20px;margin:0;color:var(--color-text-secondary);font-size:.9rem;line-height:1.6}.catalyst-content li{margin-bottom:16px}.catalyst-content li:last-child{margin-bottom:0}.catalyst-content strong{color:var(--color-text);display:block;margin-bottom:4px;font-size:.95rem}.catalyst-content p{margin:0;color:var(--color-text-muted)}.catalyst-agreement{background:#ffd7000d;border:1px solid rgba(255,215,0,.15);padding:16px;border-radius:var(--radius-md);margin-bottom:20px}.catalyst-agreement .checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:.95rem;color:var(--color-text);-webkit-user-select:none;user-select:none}.catalyst-agreement input[type=checkbox]{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid var(--color-accent);border-radius:4px;background:transparent;cursor:pointer;position:relative;flex-shrink:0;margin-top:2px;transition:all .2s}.catalyst-agreement input[type=checkbox]:checked{background:var(--color-accent)}.catalyst-agreement input[type=checkbox]:checked:after{content:"";position:absolute;top:2px;left:6px;width:4px;height:9px;border:solid #0a192f;border-width:0 2px 2px 0;transform:rotate(45deg)}.catalyst-actions .btn-disabled{opacity:.5;cursor:not-allowed;background:#ffffff1a;color:var(--color-text-secondary);box-shadow:none}.catalyst-actions .btn-disabled:hover{transform:none;box-shadow:none}.glosarium-page{padding:24px 20px;max-width:600px;margin:0 auto}.glosarium-page .page-header{margin-bottom:32px}.glosarium-page .page-header h1{margin-top:16px;margin-bottom:8px;font-size:2rem;background:var(--text-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.glosarium-page .subtitle{color:var(--color-text-secondary);font-size:1rem}.back-btn{display:flex;align-items:center;gap:4px;color:var(--color-text-secondary);font-size:.95rem;margin-left:-8px;transition:color .2s}.back-btn:hover{color:var(--color-primary)}.search-container{position:sticky;top:12px;z-index:100;margin-bottom:32px}.glosarium-search-bar{display:flex;align-items:center;background:var(--color-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1.5px solid rgba(100,255,218,.3);border-radius:50px;padding:12px 20px;box-shadow:0 4px 15px #0000001a;transition:all .3s ease}[data-theme=light] .glosarium-search-bar{border-color:#0d47a133;box-shadow:0 4px 15px #0000000d}.glosarium-search-bar:focus-within{border-color:var(--color-primary);box-shadow:0 4px 20px var(--shadow-glow)}.glosarium-search-bar .search-icon{color:var(--color-text-muted);margin-right:12px}.glosarium-search-bar input{flex:1;border:none;background:transparent;outline:none;font-size:1rem;color:var(--color-text);font-family:var(--font-sans)}.clear-search{color:var(--color-text-muted);padding:4px;border-radius:50%}.clear-search:hover{background:#ffffff1a;color:var(--color-text)}.glosarium-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--color-text-secondary);gap:16px;text-align:center}.glosarium-loading p{font-size:1rem;font-weight:500}.animate-spin{animation:spin 1s linear infinite;color:var(--color-primary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.letter-group{margin-bottom:32px}.letter-header{font-size:1.5rem;color:var(--color-primary);border-bottom:1.5px solid rgba(100,255,218,.2);padding-bottom:8px;margin-bottom:16px;position:sticky;top:80px;background:var(--color-bg);z-index:90}[data-theme=light] .letter-header{border-color:#0d47a11a}.terms-list{display:grid;gap:16px}.term-card{background:var(--color-surface);border:var(--glass-border);border-radius:var(--radius-md);padding:18px;transition:transform .2s ease}.term-card:hover{transform:translate(4px);border-color:#64ffda4d}[data-theme=light] .term-card:hover{border-color:#0d47a133}.term-card h3{font-size:1.15rem;margin-bottom:8px;color:var(--color-text)}.term-card p{font-size:.95rem;color:var(--color-text-secondary);line-height:1.5;margin-bottom:0}.empty-state{text-align:center;padding:60px 20px;color:var(--color-text-muted)}.empty-icon{margin-bottom:16px;opacity:.5}.empty-state h3{margin-bottom:8px}.glosarium-admin{padding:24px;max-width:1000px;margin:0 auto;min-height:100vh;background:var(--bg-primary)}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.header-left{display:flex;align-items:center;gap:16px}.admin-header h1{font-size:1.5rem;font-weight:700;margin:0;color:var(--text-primary)}.admin-header p{margin:4px 0 0;color:var(--text-secondary);font-size:.9rem}.add-term-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--accent-primary);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #00c4cc33}.add-term-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00c4cc4d}.admin-message{padding:12px 20px;border-radius:12px;margin-bottom:24px;display:flex;align-items:center;gap:12px;animation:slideInDown .3s ease-out}.admin-message.success{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.admin-message.error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.admin-controls{margin-bottom:24px}.admin-search{position:relative;max-width:400px}.admin-search svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.admin-search input{width:100%;padding:12px 16px 12px 48px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);outline:none;transition:all .2s}.admin-search input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 4px #00c4cc1a}.admin-table-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000000d}.admin-table{width:100%;border-collapse:collapse;table-layout:fixed}.admin-table th{text-align:left;padding:16px 24px;background:var(--bg-secondary);color:var(--text-secondary);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color)}.admin-table td{padding:16px 24px;border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:top;line-height:1.5}.admin-table tr:last-child td{border-bottom:none}.admin-table tr.editing td{background:#00c4cc05}.admin-table input,.admin-table textarea{width:100%;padding:8px 12px;background:var(--bg-primary);border:1px solid var(--accent-primary);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:.95rem;outline:none}.admin-table textarea{min-height:80px;resize:vertical}.actions{display:flex;gap:8px}.edit-btn,.delete-btn,.confirm-btn,.cancel-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:none;cursor:pointer;transition:all .2s}.edit-btn{background:#00c4cc1a;color:var(--accent-primary)}.delete-btn{background:#ef44441a;color:#ef4444}.confirm-btn{background:#10b981;color:#fff}.cancel-btn{background:var(--bg-secondary);color:var(--text-secondary)}.edit-btn:hover{background:var(--accent-primary);color:#fff}.delete-btn:hover{background:#ef4444;color:#fff}.saving-overlay{position:fixed;top:24px;right:24px;background:var(--card-bg);padding:12px 24px;border-radius:12px;box-shadow:0 8px 24px #0003;border:1px solid var(--border-color);z-index:1000;display:flex;align-items:center;gap:12px;font-weight:500}.add-form-row td{background:#00c4cc0d}@keyframes slideInDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.admin-header{flex-direction:column;align-items:flex-start;gap:16px}.add-term-btn{width:100%;justify-content:center}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--color-bg);background-image:var(--color-bg-gradient);position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:-20%;left:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(100,255,218,.1) 0%,transparent 70%);filter:blur(80px);z-index:0}.login-page:after{content:"";position:absolute;bottom:-10%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(13,71,161,.15) 0%,transparent 70%);filter:blur(80px);z-index:0}.login-container{width:100%;max-width:400px;background:var(--color-surface);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:var(--glass-border);border-radius:var(--radius-lg);padding:40px 32px;box-shadow:var(--shadow-lg);z-index:1;text-align:center}.brand-header{margin-bottom:32px}.login-logo{width:100px;height:100px;object-fit:contain;margin-bottom:16px;filter:drop-shadow(0 0 20px rgba(100,255,218,.3));transition:transform .3s ease;border-radius:24px}.login-logo:hover{transform:scale(1.05) rotate(5deg)}.brand-header h1{font-family:Space Grotesk,sans-serif;font-size:2.5rem;font-weight:700;margin-bottom:4px;background:var(--text-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.05em}.subtitle{font-family:var(--font-sans);font-size:.8rem;color:var(--color-text-secondary);letter-spacing:.02em;margin-bottom:0;font-weight:500}.error-banner{display:flex;align-items:center;gap:10px;background:#ef44441a;color:#ef4444;padding:12px;border-radius:8px;font-size:.85rem;margin-bottom:24px;text-align:left;border:1px solid rgba(239,68,68,.2)}.btn-google{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;background:#fff;color:#333;padding:14px;border-radius:50px;border:1px solid var(--color-border);font-weight:600;font-size:1rem;transition:transform .2s,box-shadow .2s;margin-bottom:24px}.btn-google:hover{transform:translateY(-2px);box-shadow:0 4px 15px #fff3}.btn-google:disabled{opacity:.7;cursor:not-allowed;transform:none}.google-icon{width:20px;height:20px}.divider{display:flex;align-items:center;margin-bottom:24px;color:var(--color-text-secondary);font-size:.85rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.divider span{padding:0 12px}.login-form{display:flex;flex-direction:column;gap:16px}.form-group input{width:100%;padding:14px 16px;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--color-text);font-size:1rem;outline:none;transition:border-color .2s}.form-group input:focus{border-color:var(--color-primary)}[data-theme=light] .form-group input{background:#ffffff80;border:1px solid rgba(0,0,0,.1);color:var(--color-text)}.btn-primary{width:100%;padding:14px;border-radius:50px;font-size:1rem;margin-top:8px}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.footer-text{margin-top:32px;font-size:.9rem;color:var(--color-text-secondary);margin-bottom:0}.link{color:var(--color-primary);font-weight:600;cursor:pointer}.link:hover{text-decoration:underline}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-radius:50%;border-top-color:var(--color-primary);animation:spin 1s ease-in-out infinite;margin:20px auto}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.login-container{padding:32px 24px;margin:0 16px}.brand-header{text-align:center}.brand-header h1{text-align:center!important}.subtitle{text-align:center;font-size:.75rem}.login-logo{width:80px;height:80px}}@media(max-width:480px){.login-page{padding:16px}.login-container{padding:28px 20px;margin:0 12px}.brand-header{text-align:center}.brand-header h1{text-align:center!important}.subtitle{text-align:center;font-size:.7rem}.login-logo{width:70px;height:70px;margin-bottom:12px}.btn-google{padding:12px;font-size:.9rem}.form-group input{padding:12px 14px;font-size:.95rem}}.module-page{min-height:100vh;background-color:var(--color-bg);padding:100px 20px 120px}.module-content{max-width:800px;margin:0 auto;padding:1.5rem 0}.module-introduction{text-align:left;margin-bottom:2.5rem;padding:0 .5rem}.module-introduction h2{color:var(--color-text);margin-bottom:1.25rem;font-size:1.75rem;font-weight:700;line-height:1.3}.intro-subtitle{color:var(--color-text);margin-top:1.5rem;margin-bottom:1rem;font-size:1.35rem;font-weight:700;line-height:1.3}.module-introduction p{color:var(--color-text-secondary);line-height:1.8;white-space:pre-line;font-size:1rem}.intro-cards-container{display:flex;flex-direction:column;gap:1.25rem;margin-top:2rem;margin-bottom:1rem}.intro-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000000d}[data-theme=dark] .intro-card{box-shadow:0 4px 12px #0003}.intro-card-title{color:var(--color-primary);margin:0 0 1rem;font-size:1.15rem;font-weight:700}.intro-card-content p{margin:0;font-size:.95rem;line-height:1.6;color:var(--color-text-secondary)}.intro-card-content p:not(:last-child){margin-bottom:.75rem}.intro-card.tips-card{background-color:#f59e0b14;border:1px solid rgba(245,158,11,.3);border-left:4px solid #f59e0b}[data-theme=dark] .intro-card.tips-card{background-color:#f59e0b1f}.intro-card.tips-card .intro-card-title{color:#d97706}[data-theme=dark] .intro-card.tips-card .intro-card-title{color:#fbbf24}.module-post-intro{margin-top:3.5rem;margin-bottom:2rem}.module-progress{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem 1.25rem;background-color:var(--color-surface);border-radius:12px;border:1px solid var(--color-border)}.progress-bar{flex:1;height:8px;background-color:var(--color-border);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background-color:var(--color-primary);border-radius:4px;transition:width .3s ease}.progress-text{font-size:.9rem;color:var(--color-text-secondary);font-weight:500}.module-section{margin-bottom:2rem;padding:2rem 2.25rem;background-color:var(--color-surface);border-radius:16px;border:1px solid var(--color-border);box-shadow:0 2px 8px #00000014;position:relative}[data-theme=dark] .module-section{box-shadow:0 2px 8px #00000040}.section-number{position:absolute;top:-12px;left:2rem;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--color-primary);color:var(--color-on-primary);border-radius:50%;font-size:.9rem;font-weight:700;box-shadow:0 2px 8px #00000026}.section-header{margin-bottom:1.25rem;padding-top:.5rem}.module-section h3{color:var(--color-text);margin:0;font-size:1.25rem;font-weight:700;line-height:1.4}.section-description{color:var(--color-text-secondary);line-height:1.8;font-size:1rem}.section-description p{margin-bottom:1rem}.section-description p:last-child{margin-bottom:0}.key-concept{background-color:#6366f114;border-left:4px solid var(--color-primary);padding:1.25rem 1.5rem;margin:1.5rem 0;border-radius:0 12px 12px 0;font-size:.95rem;line-height:1.7;color:var(--color-text)}[data-theme=dark] .key-concept{background-color:#6366f126}.key-concept strong{color:var(--color-primary);font-weight:600;display:block;margin-bottom:.5rem}.example-box{background-color:#10b98114;border-left:4px solid #10b981;padding:1.25rem 1.5rem;margin:1.5rem 0;border-radius:0 12px 12px 0}[data-theme=dark] .example-box{background-color:#10b9811f}.example-box strong{color:#10b981;font-weight:600;display:block;margin-bottom:.5rem}.example-box p{color:var(--color-text-secondary);font-style:italic;margin:0;line-height:1.6}.section-divider{height:1px;background:linear-gradient(to right,transparent,var(--color-border),transparent);margin:2rem 0}.module-footer{margin-top:3rem;text-align:center;padding:2rem 0}.btn-complete-reading{padding:1rem 3rem;font-size:1.1rem;font-weight:600;min-width:200px;display:flex;align-items:center;justify-content:center}.module-loading,.module-error{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1.1rem;color:var(--color-text-secondary)}.module-error{color:#ef4444}@media(max-width:640px){.module-page{padding:80px 16px 120px}.module-content{padding:1rem 0}.module-introduction{padding:0;margin-bottom:2rem}.module-introduction h2{font-size:1.5rem}.intro-subtitle{font-size:1.2rem}.intro-card{padding:1.25rem}.module-progress{padding:.875rem 1rem;margin-bottom:1.5rem}.module-section{padding:1.5rem 1.25rem;margin-bottom:1.5rem;border-radius:12px}.section-number{width:28px;height:28px;font-size:.85rem;left:1.25rem}.module-section h3{font-size:1.15rem}.section-description{line-height:1.7}.key-concept,.example-box{padding:1rem 1.25rem;margin:1.25rem 0}.btn-complete-reading{width:100%;padding:1rem 2rem}}.module-page{color:var(--color-text)}.module-section,.key-concept,.example-box{transition:background-color .3s ease,border-color .3s ease}.section-importance .section-points{margin-top:1.5rem}.point-item{background-color:#6366f10f;border-left:3px solid var(--color-primary);padding:1rem 1.25rem;margin-bottom:1rem;border-radius:0 8px 8px 0}[data-theme=dark] .point-item{background-color:#6366f11f}.point-title{color:var(--color-primary);font-weight:600;margin-bottom:.5rem;font-size:1rem}.point-description{color:var(--color-text-secondary);margin:0;line-height:1.6}.section-elements .elements-list{margin-top:1.5rem}.element-item{background-color:var(--color-surface);border:1px solid var(--color-border);padding:1.25rem;margin-bottom:1rem;border-radius:12px}.element-title{color:var(--color-text);font-weight:700;margin-bottom:.75rem;font-size:1.1rem}.element-description{color:var(--color-text-secondary);margin-bottom:1rem;line-height:1.7}.element-components,.element-rules,.element-details{margin:.75rem 0;padding-left:1.25rem}.element-components li,.element-rules li,.element-details li{color:var(--color-text-secondary);margin-bottom:.5rem;line-height:1.6}.element-example{background-color:#10b98114;border-left:3px solid #10b981;padding:.875rem 1rem;margin-top:.75rem;border-radius:0 8px 8px 0;font-family:monospace;font-size:.95rem;color:var(--color-text)}[data-theme=dark] .element-example{background-color:#10b9811f}.section-key_points .key-points-list{margin-top:1.5rem}.key-point-item{background-color:#6366f114;border-left:3px solid var(--color-primary);padding:1rem 1.25rem;margin-bottom:1rem;border-radius:0 8px 8px 0}[data-theme=dark] .key-point-item{background-color:#6366f11f}.key-point-title{color:var(--color-primary);font-weight:600;margin-bottom:.5rem;font-size:1rem}.key-point-description{color:var(--color-text-secondary);margin:0;line-height:1.6}.section-conclusion .conclusion-content{background-color:#6366f114;border-radius:12px;padding:1.5rem;margin-top:1rem}[data-theme=dark] .section-conclusion .conclusion-content{background-color:#6366f11f}.conclusion-content p{color:var(--color-text);line-height:1.8;margin:0}@media(max-width:640px){.point-item,.key-point-item{padding:.875rem 1rem}.element-item{padding:1rem}.element-title{font-size:1rem}.section-conclusion .conclusion-content{padding:1.25rem}}.workbook-page{min-height:100vh;background-color:var(--color-bg);padding:80px 20px 120px}.workbook-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border);background-color:var(--color-surface);position:sticky;top:0;z-index:100;gap:1rem}.back-button-workbook{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:none;color:var(--color-text);font-size:1rem;font-weight:500;cursor:pointer;border-radius:8px;transition:background-color .2s;flex-shrink:0}.back-button-workbook:hover{background-color:var(--color-surface-hover)}.header-spacer{flex:1}.saving-indicator{font-size:.85rem;color:var(--color-text-secondary);animation:pulse 1.5s infinite;flex-shrink:0}.saved-indicator{font-size:.85rem;color:#10b981;flex-shrink:0}.workbook-content{padding:1.5rem;max-width:800px;margin:0 auto}.workbook-introduction{text-align:left;margin-bottom:2.5rem;padding:0 .5rem}.workbook-introduction h2{color:var(--color-text);margin-bottom:1.25rem;font-size:1.75rem;font-weight:700;line-height:1.3}.workbook-introduction p{color:var(--color-text-secondary);line-height:1.8;white-space:pre-line;font-size:1rem}.workbook-section{margin-bottom:2.5rem;padding:2rem 2.25rem;background-color:var(--color-surface);border-radius:16px;border:1px solid var(--color-border);box-shadow:0 2px 8px #00000014}[data-theme=dark] .workbook-section{box-shadow:0 2px 8px #00000040}.section-header{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.75rem}.step-badge{display:inline-block;background-color:var(--color-primary);color:var(--color-on-primary);padding:.4rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;width:fit-content}.workbook-section h3{color:var(--color-text);margin:0;font-size:1.35rem;font-weight:700;line-height:1.4}.section-description{color:var(--color-text-secondary);line-height:1.8;margin-bottom:1.5rem;font-size:1rem;padding:0 .25rem}.tips-box{background-color:#6366f114;border-left:4px solid var(--color-primary);padding:1.25rem 1.5rem;margin:1.5rem .25rem;border-radius:0 12px 12px 0;font-size:.95rem;line-height:1.7;color:var(--color-text)}[data-theme=dark] .tips-box{background-color:#6366f126}.tips-box strong{color:var(--color-primary);font-weight:600;display:block;margin-bottom:.5rem}.workbook-textarea{width:100%;padding:1.25rem 1.5rem;border:2px solid var(--color-border);border-radius:12px;background-color:var(--color-bg);color:var(--color-text);font-size:1rem;font-family:inherit;resize:none;min-height:140px;overflow:hidden;transition:all .2s ease;line-height:1.7;margin-top:.5rem}.workbook-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #6366f11a}[data-theme=dark] .workbook-textarea:focus{box-shadow:0 0 0 4px #6366f133}.workbook-textarea::placeholder{color:var(--color-text-muted, #9ca3af)}.rules-section{background-color:#ef44440d;border-color:#ef4444;border-width:2px}[data-theme=dark] .rules-section{background-color:#ef444414}.rules-section h3{color:#ef4444}.rules-list{margin-top:1.25rem}.rule-item{display:flex;gap:1rem;padding:1rem 1.25rem;margin-bottom:.75rem;background-color:var(--color-bg);border-radius:10px;border-left:3px solid #ef4444}[data-theme=dark] .rule-item{background-color:#0003}.rule-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background-color:#ef4444;color:#fff;border-radius:50%;font-size:.85rem;font-weight:700;flex-shrink:0}.rule-content strong{color:#ef4444;font-weight:600;display:block;margin-bottom:.25rem}.rule-content p{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6}.challenge-section{background-color:color-mix(in srgb,var(--color-primary),transparent 95%);border-color:var(--color-primary);border-width:2px}[data-theme=dark] .challenge-section{background-color:color-mix(in srgb,var(--color-primary),transparent 92%)}.challenge-section .step-badge{background-color:var(--color-primary)}.objective-box{background-color:color-mix(in srgb,var(--color-primary),transparent 90%);border-left:4px solid var(--color-primary);padding:1rem 1.25rem;margin:1rem .25rem 1.5rem;border-radius:0 10px 10px 0;font-size:.95rem;line-height:1.6;color:var(--color-text)}[data-theme=dark] .objective-box{background-color:color-mix(in srgb,var(--color-primary),transparent 85%)}.objective-box strong{color:var(--color-primary);font-weight:600}.synthesis-section{background-color:#10b9810d;border-color:#10b981;border-width:2px}[data-theme=dark] .synthesis-section{background-color:#10b98114}.synthesis-section h3{color:#10b981}.guidelines-list{margin:1.25rem 0}.guideline-item{padding:.9rem 1rem;margin-bottom:.75rem;background-color:var(--color-bg);border-radius:8px;border-left:3px solid var(--color-primary);font-size:.95rem;line-height:1.6;color:var(--color-text)}[data-theme=dark] .guideline-item{background-color:#0003}.guideline-item strong{color:var(--color-primary);font-weight:600}.instructions{font-style:italic;color:var(--color-text-secondary);margin:1.25rem 0;padding:1.25rem;background-color:color-mix(in srgb,var(--color-primary),transparent 90%);border-radius:8px;line-height:1.7;font-size:.95rem}[data-theme=dark] .instructions{background-color:color-mix(in srgb,var(--color-primary),transparent 85%)}.selfcheck-section{background-color:color-mix(in srgb,var(--color-primary),transparent 95%);border-color:var(--color-primary);border-width:2px}[data-theme=dark] .selfcheck-section{background-color:color-mix(in srgb,var(--color-primary),transparent 92%)}.selfcheck-section h3{color:var(--color-primary)}.checklist-list{margin-top:1.5rem}.checklist-item{padding:1.25rem;margin-bottom:1rem;background-color:var(--color-bg);border-radius:10px;border-left:3px solid var(--color-primary)}[data-theme=dark] .checklist-item{background-color:#0003}.checklist-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.5rem}.checklist-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:var(--color-primary);color:var(--color-on-primary);border-radius:50%;font-size:.8rem;font-weight:700;flex-shrink:0}.checklist-header strong{color:var(--color-text);font-weight:600;font-size:1rem;line-height:1.4}.checklist-hint{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5;margin:.5rem 0 1rem 2rem;font-style:italic}.final-note{margin-top:1.5rem;padding:1.25rem;background-color:color-mix(in srgb,var(--color-primary),transparent 90%);border-radius:10px;border-left:4px solid var(--color-primary);font-weight:600;color:var(--color-primary);text-align:center;font-size:1rem}[data-theme=dark] .final-note{background-color:color-mix(in srgb,var(--color-primary),transparent 85%)}.workbook-footer{margin-top:3rem;text-align:center;padding:2rem 0}.btn-complete{padding:1rem 3rem;font-size:1.1rem;font-weight:600;min-width:200px}.workbook-completion-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;padding:2rem;text-align:center}.workbook-completion-card .success-icon{color:#10b981;margin-bottom:1.5rem}.workbook-completion-card h2{color:var(--color-text);margin-bottom:1rem;font-size:1.75rem}.workbook-completion-card p{color:var(--color-text-secondary);margin-bottom:2rem;font-size:1.1rem}.completion-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.workbook-loading,.workbook-error{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1.1rem;color:var(--color-text-secondary)}.workbook-error{color:#ef4444}@media(max-width:640px){.workbook-header{padding:.75rem 1rem}.back-button-workbook{font-size:.9rem;padding:.4rem .6rem}.saving-indicator,.saved-indicator{font-size:.75rem}.workbook-content{padding:1rem}.workbook-introduction{padding:0;margin-bottom:2rem}.workbook-introduction h2{font-size:1.5rem}.workbook-section{padding:1.5rem 1.25rem;margin-bottom:1.5rem;border-radius:12px}.workbook-section h3{font-size:1.2rem}.section-header{margin-bottom:1.25rem;gap:.5rem}.section-description{padding:0;margin-bottom:1.25rem}.tips-box{padding:1rem 1.25rem;margin:1.25rem 0}.rule-item{padding:.875rem 1rem;gap:.75rem}.rule-number{width:24px;height:24px;font-size:.8rem}.objective-box{padding:.875rem 1rem;margin:.875rem 0 1.25rem}.checklist-item{padding:1rem}.checklist-hint{margin-left:0;margin-top:.5rem}.final-note{padding:1rem;font-size:.95rem}.workbook-textarea{padding:1rem 1.25rem;font-size:16px;min-height:120px;margin-top:.25rem}.completion-actions{flex-direction:column;width:100%;gap:.75rem}.completion-actions button{width:100%}.btn-complete{width:100%;padding:1rem 2rem}}.workbook-page{color:var(--color-text)}.workbook-section,.workbook-textarea,.tips-box,.guideline-item,.instructions{transition:background-color .3s ease,border-color .3s ease}.twist-page{min-height:100vh;background-color:var(--color-bg);padding:80px 20px 120px;color:var(--color-text)}.twist-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;color:var(--color-text-secondary)}.twist-loading p{font-size:1rem;font-weight:500}.twist-spin{animation:twist-spin-anim 1s linear infinite;color:#d97706}@keyframes twist-spin-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.twist-error{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1.1rem;color:#ef4444}.twist-locked{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center;padding:2rem;gap:1rem;color:var(--color-text-secondary)}.twist-locked svg{color:#d97706}.twist-locked h2{color:var(--color-text);font-size:1.5rem}.twist-locked .btn-outline{margin-top:.5rem}.twist-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border);background-color:var(--color-surface);position:sticky;top:0;z-index:100;gap:1rem}.twist-back{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:none;color:var(--color-text);font-size:1rem;font-weight:500;cursor:pointer;border-radius:8px;transition:background-color .2s;flex-shrink:0}.twist-back:hover{background-color:var(--color-surface-hover)}.twist-saving{font-size:.85rem;color:var(--color-text-secondary);animation:pulse 1.5s infinite;flex-shrink:0}.twist-saved{font-size:.85rem;color:#10b981;flex-shrink:0}.twist-content{padding:1.5rem;max-width:800px;margin:0 auto}.twist-hero{text-align:center;margin-bottom:2.5rem;padding:2rem 1rem}.twist-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#d97706,#f59e0b);color:#fff;padding:.4rem 1.2rem;border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-bottom:1.25rem}.twist-hero h1{font-size:1.85rem;font-weight:800;line-height:1.3;color:var(--color-text);margin-bottom:.75rem}.twist-subtitle{color:var(--color-text-secondary);font-size:1.05rem;line-height:1.6;max-width:600px;margin:0 auto}.twist-theory-card{margin-bottom:1.75rem;padding:2rem 2.25rem;background-color:var(--color-surface);border-radius:16px;border:1px solid var(--color-border);box-shadow:0 2px 8px #0000000f;border-left:4px solid #d97706}[data-theme=dark] .twist-theory-card{box-shadow:0 2px 8px #00000040}.theory-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.theory-header svg{color:#d97706;flex-shrink:0}.theory-header h2{font-size:1.3rem;font-weight:700;color:var(--color-text);margin:0}.theory-body{color:var(--color-text-secondary);line-height:1.8;font-size:1rem;margin-bottom:.5rem}.reasons-list{display:flex;flex-direction:column;gap:.75rem}.reason-item{display:flex;gap:1rem;padding:1rem 1.25rem;background-color:var(--color-bg);border-radius:10px}[data-theme=dark] .reason-item{background-color:#0003}.reason-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,#d97706,#f59e0b);color:#fff;border-radius:50%;font-size:.85rem;font-weight:700;flex-shrink:0}.reason-item strong{color:#d97706;font-weight:600;display:block;margin-bottom:.25rem}.reason-item p{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6;margin:0}.approaches-list{display:flex;flex-direction:column;gap:1.25rem;margin-top:1rem}.approach-card{padding:1.5rem;background-color:var(--color-bg);border-radius:12px;position:relative}[data-theme=dark] .approach-card{background-color:#0003}.approach-number{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:linear-gradient(135deg,#d97706,#f59e0b);color:#fff;border-radius:8px;font-size:.9rem;font-weight:700;margin-bottom:.75rem}.approach-card h3{font-size:1.1rem;font-weight:700;color:var(--color-text);margin:0 0 .5rem}.approach-card>p{color:var(--color-text-secondary);line-height:1.6;font-size:.95rem;margin:0 0 1rem}.example-box{display:flex;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#d9770614,#f59e0b0d);border-left:3px solid #f59e0b;border-radius:0 10px 10px 0}[data-theme=dark] .example-box{background:linear-gradient(135deg,#d9770626,#f59e0b14)}.example-box svg{color:#f59e0b;flex-shrink:0;margin-top:2px}.example-box p{color:var(--color-text);font-size:.93rem;line-height:1.65;font-style:italic;margin:0}.twist-divider{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:2.5rem 0 1.5rem;padding:1rem;font-weight:700;font-size:1.15rem;color:#d97706;text-transform:uppercase;letter-spacing:.5px;position:relative}.twist-divider:before,.twist-divider:after{content:"";flex:1;height:2px;background:linear-gradient(to right,transparent,#d97706,transparent);opacity:.3}.twist-instruction{text-align:center;color:var(--color-text-secondary);font-style:italic;line-height:1.7;margin-bottom:2rem;padding:0 1rem;font-size:.95rem}.twist-step-card{margin-bottom:2rem;padding:2rem 2.25rem;background-color:var(--color-surface);border-radius:16px;border:2px solid rgba(217,119,6,.2);box-shadow:0 2px 8px #0000000f}[data-theme=dark] .twist-step-card{border-color:#d977064d;box-shadow:0 2px 8px #00000040}.step-header{margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.5rem}.step-number{display:inline-block;background:linear-gradient(135deg,#d97706,#f59e0b);color:#fff;padding:.35rem .9rem;border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;width:fit-content}.step-header h3{color:var(--color-text);margin:0;font-size:1.3rem;font-weight:700;line-height:1.4}.step-description{color:var(--color-text-secondary);line-height:1.8;margin-bottom:1.25rem;font-size:1rem}.template-box{padding:1rem 1.25rem;background:linear-gradient(135deg,#d9770614,#f59e0b0d);border-left:4px solid #f59e0b;border-radius:0 10px 10px 0;margin-bottom:1.25rem;line-height:1.65;font-size:.95rem}[data-theme=dark] .template-box{background:linear-gradient(135deg,#d9770626,#f59e0b14)}.template-box strong{color:#d97706;display:block;margin-bottom:.4rem;font-weight:600}.template-box p{margin:0;color:var(--color-text);font-style:italic}.field-label{display:block;font-weight:600;color:var(--color-text);margin-bottom:.5rem;font-size:.95rem}.twist-textarea{width:100%;padding:1.25rem 1.5rem;border:2px solid var(--color-border);border-radius:12px;background-color:var(--color-bg);color:var(--color-text);font-size:1rem;font-family:inherit;resize:none;min-height:120px;overflow:hidden;transition:all .2s ease;line-height:1.7}.twist-textarea:focus{outline:none;border-color:#d97706;box-shadow:0 0 0 4px #d977061a}[data-theme=dark] .twist-textarea:focus{box-shadow:0 0 0 4px #d9770633}.twist-textarea::placeholder{color:var(--color-text-muted, #9ca3af)}.twist-tips-card{margin:2.5rem 0 1.75rem;padding:2rem 2.25rem;background-color:var(--color-surface);border-radius:16px;border:2px solid rgba(16,185,129,.25);box-shadow:0 2px 8px #0000000f}[data-theme=dark] .twist-tips-card{border-color:#10b98159;box-shadow:0 2px 8px #00000040}.tips-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.tips-header svg{color:#10b981;flex-shrink:0}.tips-header h2{font-size:1.2rem;font-weight:700;color:#10b981;margin:0}.tips-list{display:flex;flex-direction:column;gap:.75rem}.tip-item{padding:.9rem 1rem;background-color:var(--color-bg);border-radius:8px;border-left:3px solid #10b981;font-size:.95rem;line-height:1.6;color:var(--color-text)}[data-theme=dark] .tip-item{background-color:#0003}.tip-item strong{color:#10b981;font-weight:600}.twist-closing{margin:2.5rem 0;padding:2rem 2.25rem;background:linear-gradient(135deg,#d977060f,#f59e0b08);border-radius:16px;border:1px solid rgba(217,119,6,.2);text-align:center}[data-theme=dark] .twist-closing{background:linear-gradient(135deg,#d977061f,#f59e0b0f)}.closing-text{color:var(--color-text);line-height:1.8;font-size:1rem;margin-bottom:1.25rem}.closing-quote{color:#d97706;font-weight:700;font-size:1.1rem;font-style:italic;line-height:1.5;margin:0}.twist-footer{margin-top:2rem;text-align:center;padding:2rem 0}.btn-twist-complete{padding:1rem 3rem;font-size:1.1rem;font-weight:600;min-width:200px;background:linear-gradient(135deg,#d97706,#f59e0b)!important;border:none!important;color:#fff!important;border-radius:12px;cursor:pointer;transition:all .2s ease}.btn-twist-complete:hover{transform:translateY(-1px);box-shadow:0 4px 16px #d9770659}.btn-twist-complete:disabled{opacity:.7;transform:none;box-shadow:none}.twist-completion{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;padding:2rem;text-align:center}.twist-completion .success-icon{color:#d97706;margin-bottom:1.5rem}.twist-completion h2{color:var(--color-text);margin-bottom:1rem;font-size:1.75rem}.twist-completion p{color:var(--color-text-secondary);margin-bottom:2rem;font-size:1.1rem;max-width:500px;line-height:1.6}.twist-completion .completion-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:640px){.twist-header{padding:.75rem 1rem}.twist-back{font-size:.9rem;padding:.4rem .6rem}.twist-saving,.twist-saved{font-size:.75rem}.twist-content{padding:1rem}.twist-hero{padding:1.5rem .5rem;margin-bottom:2rem}.twist-hero h1{font-size:1.5rem}.twist-subtitle{font-size:.95rem}.twist-theory-card{padding:1.5rem 1.25rem;margin-bottom:1.25rem}.theory-header h2{font-size:1.15rem}.twist-step-card{padding:1.5rem 1.25rem;margin-bottom:1.5rem}.step-header h3{font-size:1.15rem}.twist-textarea{padding:1rem 1.25rem;font-size:16px;min-height:100px}.twist-tips-card{padding:1.5rem 1.25rem}.twist-closing{padding:1.5rem}.closing-quote{font-size:1rem}.btn-twist-complete{width:100%;padding:1rem 2rem}.twist-divider{font-size:1rem;margin:2rem 0 1.25rem}.example-box,.template-box{padding:.875rem 1rem}.approach-card{padding:1.25rem}.reason-item{padding:.875rem 1rem;gap:.75rem}.twist-completion .completion-actions{flex-direction:column;width:100%;gap:.75rem}.twist-completion .completion-actions button{width:100%}}.twist-theory-card,.twist-step-card,.twist-tips-card,.twist-closing,.twist-textarea{transition:background-color .3s ease,border-color .3s ease}.public-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg);font-family:var(--font-sans)}.public-nav{height:70px;border-bottom:1px solid var(--color-border);background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100}[data-theme=dark] .public-nav{background:#0a192fcc}.nav-container{max-width:1000px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.nav-logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.2rem;color:var(--color-text)}.logo-icon{width:32px;height:32px;object-fit:contain;border-radius:6px}.logo-text{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.75rem;background:var(--text-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.05em;line-height:1}.btn-nav{padding:8px 20px;border-radius:50px;background:var(--color-primary);color:#fff;font-weight:600;font-size:.9rem;transition:transform .2s}.btn-nav:hover{transform:translateY(-2px);opacity:.9}.public-content{flex:1;max-width:800px;width:100%;margin:0 auto}.public-footer{padding:20px;border-top:1px solid var(--color-border);background:var(--color-surface);text-align:center}.footer-container{max-width:1000px;margin:0 auto}.footer-links{display:flex;justify-content:center;gap:24px;margin-bottom:8px;flex-wrap:wrap}.footer-links a{color:var(--color-text-secondary);font-size:.9rem;transition:color .2s}.footer-links a:hover{color:var(--color-primary)}.copyright{color:var(--color-text-muted);font-size:.85rem}@media(max-width:600px){.public-content{padding:20px}.footer-links{gap:12px;flex-direction:column}}.landing-page{width:100%;overflow-x:hidden}.hero-section{padding:60px 20px 24px;text-align:center}.hero-title{font-size:3rem;line-height:1.15;letter-spacing:-.02em;text-align:center;color:var(--color-text)}.text-gradient{background:linear-gradient(135deg,var(--color-primary) 0%,#00d2ff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.features-carousel{display:flex;gap:20px;padding:16px 20px 8px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.features-carousel::-webkit-scrollbar{display:none}.feature-slide{flex:0 0 100%;scroll-snap-align:start;background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;padding:32px 24px;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);opacity:0;transform:translateY(24px);transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1);transition-delay:var(--delay, 0ms)}.feature-slide.visible{opacity:1;transform:translateY(0)}.feature-slide:before{content:"";position:absolute;top:-40%;right:-30%;width:180px;height:180px;border-radius:50%;background:var(--accent, var(--color-primary));opacity:.06;pointer-events:none;transition:opacity .4s}.slide-icon{width:52px;height:52px;border-radius:14px;background:color-mix(in srgb,var(--accent, var(--color-primary)) 18%,transparent);color:var(--accent, var(--color-primary));display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 0 16px color-mix(in srgb,var(--accent, var(--color-primary)) 25%,transparent)}.feature-slide h3{font-size:1.15rem;margin-bottom:8px;color:var(--color-text)}.feature-slide p{color:var(--color-text-secondary);font-size:.95rem;line-height:1.55}.carousel-dots{display:flex;justify-content:center;gap:8px;padding:8px 0 0}.landing-subtitle{text-align:center;font-family:var(--font-display);font-size:1.1rem;font-weight:600;line-height:1.6;color:var(--color-text-muted);padding:32px 36px 40px;max-width:480px;margin:0 auto}.dot{width:8px;height:8px;border-radius:50%;border:none;background:var(--color-border);cursor:pointer;padding:0;transition:background .3s,transform .3s}.dot.active{background:var(--color-primary);transform:scale(1.3)}@media(min-width:769px){.hero-section{padding:80px 20px 32px}.features-carousel{flex-direction:column;align-items:center;overflow-x:visible;scroll-snap-type:none;padding:24px 20px 8px;gap:20px}.feature-slide{flex:none;width:100%;max-width:600px}.carousel-dots{display:none}}@media(max-width:768px){.hero-section{padding:40px 16px 16px}.hero-title{font-size:2rem}.features-carousel{padding:12px 20px 8px;gap:20px}}.smk-landing{padding-bottom:80px;background:var(--color-bg);min-height:100vh;color:var(--color-text)}.smk-nav{padding:16px;display:flex;justify-content:flex-end;max-width:800px;margin:0 auto}.btn-close-standalone{background:#0000000d;border:1px solid rgba(0,0,0,.1);color:var(--color-text-secondary);display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:50px;cursor:pointer;transition:all .3s;font-size:.95rem}.btn-close-standalone:hover{background:#0000001a;color:var(--color-text)}.smk-landing .center{text-align:center}.text-gradient-purple{background:linear-gradient(135deg,#a78bfa,#7c3aed,#4c1d95);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.btn-purple{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff!important;border:none;box-shadow:0 4px 15px #8b5cf64d;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;cursor:pointer}.btn-purple:hover{background:linear-gradient(135deg,#7c3aed,#5b21b6);transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.btn-large{padding:14px 28px;font-size:1rem;font-weight:700;border-radius:var(--radius-md);width:100%;max-width:320px}.btn-huge{padding:16px 32px;font-size:1.1rem;font-weight:700;border-radius:var(--radius-md);letter-spacing:.5px;width:100%;max-width:360px}.smk-hero{padding:40px 20px 60px;max-width:800px;margin:0 auto;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center}.smk-badge{display:inline-block;background:#8b5cf61a;color:#6d28d9;padding:6px 16px;border-radius:50px;font-size:.85rem;font-weight:700;margin-bottom:24px;border:1px solid rgba(139,92,246,.2)}.smk-hero .hero-title{font-size:2.2rem;line-height:1.3;margin-bottom:24px;color:var(--color-text)}.smk-hero .hero-subtitle{font-size:1.05rem;line-height:1.6;color:var(--color-text-secondary);margin-bottom:32px}.highlight-text{color:var(--color-primary);font-weight:700}.smk-section{padding:40px 20px}.smk-darker{background:var(--color-surface);box-shadow:0 10px 40px #0000000d;border:1px solid rgba(139,92,246,.2);border-radius:32px;width:calc(100% - 32px);max-width:800px;margin:0 auto 24px}.smk-section .section-header h2{font-size:1.8rem;color:var(--color-text);margin-bottom:24px;text-align:center}.reasons-grid{display:flex;flex-direction:column;gap:16px;max-width:800px;margin:0 auto}.reason-card{background:var(--color-surface);border:1px solid rgba(0,0,0,.05);border-radius:var(--radius-lg);padding:24px;transition:transform .3s ease,box-shadow .3s ease;border-top:3px solid var(--card-color)}.reason-icon{width:56px;height:56px;border-radius:14px;background:#8b5cf614;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--card-color)}.reason-card h3{font-size:1.2rem;color:var(--color-text);margin-bottom:12px;font-weight:600}.reason-card p{color:var(--color-text-secondary);line-height:1.6;font-size:.95rem;margin:0}.features-simple-grid{display:flex;flex-direction:column;gap:16px;max-width:800px;margin:0 auto}.feature-item{display:flex;align-items:flex-start;gap:16px;padding:16px;background:var(--color-surface);border-radius:16px;border:1px solid rgba(0,0,0,.05)}.feature-icon-wrapper{flex-shrink:0;width:48px;height:48px;border-radius:12px;background:#8b5cf61a;display:flex;align-items:center;justify-content:center}.text-purple{color:#8b5cf6}.feature-content h4{font-size:1.1rem;color:var(--color-text);margin-bottom:6px;font-weight:600}.feature-content p{color:var(--color-text-secondary);font-size:.95rem;line-height:1.5;margin:0}.bulk-package{display:flex;justify-content:center}.bulk-box{background:linear-gradient(180deg,#8b5cf60d,#fff0);border:1px solid rgba(139,92,246,.2);border-radius:32px;padding:40px 20px;max-width:800px;text-align:center;position:relative;box-shadow:0 10px 40px #00000008}.bulk-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:#8b5cf6;color:#fff;padding:6px 20px;border-radius:50px;font-weight:700;font-size:.85rem;box-shadow:0 4px 10px #8b5cf64d;white-space:nowrap}.bulk-box h2{font-size:1.6rem;color:var(--color-text);margin-bottom:20px;text-align:center}.bulk-text{font-size:1rem;line-height:1.6;color:var(--color-text-secondary);margin-bottom:24px;text-align:center}.quote-box{background:#00000008;border-left:4px solid var(--color-primary);padding:20px;border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:1.05rem;font-style:italic;color:var(--color-text);line-height:1.6;margin:0}.cta-section{max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.cta-section h2{font-size:1.8rem;margin-bottom:16px;text-align:center}.cta-subtitle{font-size:1.05rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:32px;text-align:center}@media(min-width:600px){.reasons-grid,.features-simple-grid{display:grid;grid-template-columns:1fr 1fr}}.legal-page{color:var(--color-text);line-height:1.8}.legal-page h1{font-size:2.5rem;margin-bottom:8px;color:var(--color-primary)}.legal-page .last-updated{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:40px;border-bottom:1px solid var(--color-border);padding-bottom:20px}.legal-page section{margin-bottom:40px}.legal-page h2{font-size:1.5rem;margin-bottom:16px;color:var(--color-text)}.legal-page p,.legal-page ul{margin-bottom:16px;color:var(--color-text-secondary)}.legal-page ul{padding-left:24px}.legal-page li{margin-bottom:8px}[data-theme=dark] .legal-page h1{color:var(--color-text)}