:root{--bg:#f7faf8;--surface:#fff;--surface2:#eff7f2;--text:#102018;--muted:#64766c;--line:#dce9e0;--green:#19b866;--green2:#0d8b4b;--danger:#c84a4a;--shadow:0 24px 70px #0a371f1a}:root[data-theme=dark]{--bg:#06100b;--surface:#0a1810;--surface2:#0e2116;--text:#effaf2;--muted:#9ab1a2;--line:#1d3828;--green:#3dd17b;--green2:#25ad62;--danger:#ff7373;--shadow:0 25px 90px #00000057}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.55}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}.shell{width:min(1120px,100% - 36px);margin-inline:auto}.nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:76px;display:flex}.brand{letter-spacing:-.04em;align-items:center;gap:10px;font-weight:950;display:flex}.logo{background:linear-gradient(145deg,var(--green),var(--green2));color:#fff;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;font-size:12px;font-weight:1000;display:grid;overflow:hidden;box-shadow:0 8px 22px #19b8662e}.logo img{object-fit:contain;width:100%;height:100%;padding:2px;display:block}.big-logo{width:54px;height:54px}.motivation-logo{background:linear-gradient(145deg,var(--green),var(--green2));border-radius:22px;place-items:center;width:72px;height:72px;margin:0 auto 20px;display:grid;overflow:hidden}.motivation-logo img{object-fit:contain;width:100%;height:100%;padding:3px}.nav-actions{color:var(--muted);align-items:center;gap:18px;font-size:13px;font-weight:800;display:flex}.nav-actions a:hover,.link-btn:hover{color:var(--green)}.link-btn{color:var(--muted);background:0 0;border:0;padding:0;font-weight:800}.theme{border:1px solid var(--line);background:var(--surface);width:40px;height:40px;color:var(--text);border-radius:12px;place-items:center;display:grid}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;padding:86px 0 90px;display:grid}.eyebrow,.section-kicker{letter-spacing:.17em;color:var(--green);margin-bottom:14px;font-size:10px;font-weight:1000}.hero h1{letter-spacing:-.075em;margin:0 0 22px;font-size:clamp(52px,7vw,88px);line-height:.96}.hero h1 em{color:var(--green);font-style:normal}.lead{color:var(--muted);max-width:680px;font-size:18px}.lead.small{font-size:14px}.actions,.result-actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.btn{border:1px solid var(--line);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:13px;font-weight:900;transition:all .18s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,var(--green),var(--green2));color:#fff;border-color:#0000;box-shadow:0 10px 25px #19b86629}.btn.secondary{background:var(--surface);color:var(--text)}.btn.danger{color:var(--danger);background:0 0;border-color:#c84a4a40}.wide{width:100%}.trust{color:var(--muted);flex-wrap:wrap;gap:16px;margin-top:22px;font-size:11px;display:flex}.hero-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:28px;padding:18px;position:relative;overflow:hidden}.card-glow{filter:blur(30px);background:#3dd17b1f;border-radius:50%;width:260px;height:260px;position:absolute;top:-90px;right:-70px}.mini-head{color:var(--muted);letter-spacing:.12em;justify-content:space-between;padding:8px 4px 15px;font-size:10px;font-weight:950;display:flex}.mini-head i{background:var(--green);border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.reference-box,.typing-box{border:1px solid var(--line);background:var(--surface2);border-radius:15px;margin-bottom:10px;padding:17px}.reference-box small,.typing-box small{color:var(--muted);letter-spacing:.13em;font-size:9px;font-weight:950}.reference-box p,.typing-box p{margin:9px 0 0;font-size:14px;line-height:1.9}.reference-box p span{color:var(--green)}.caret{background:var(--green);vertical-align:-3px;width:2px;height:18px;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}.metric-row{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.metric-row>div{border:1px solid var(--line);border-radius:13px;padding:13px}.metric-row small{color:var(--muted);letter-spacing:.1em;font-size:8px;font-weight:950;display:block}.metric-row strong{font-size:25px}.metric-row .ready{color:var(--green);place-items:center;font-size:10px;font-weight:1000;display:grid}.cards{grid-template-columns:repeat(3,1fr);gap:14px;padding-bottom:95px;display:grid}.cards article,.seo-grid>div{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:24px}.icon-tile{width:42px;height:42px;color:var(--green);background:#19b8661a;border-radius:13px;place-items:center;font-size:11px;font-weight:1000;display:grid}.cards h3{margin:17px 0 5px}.cards p,.seo p{color:var(--muted);margin:0;font-size:13px}.seo{padding:0 0 100px}.seo h2{letter-spacing:-.05em;margin:0 0 10px;font-size:42px}.seo-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px;display:grid}.seo-grid h3{margin:0 0 6px}.footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:30px 0;font-size:12px;display:flex}.page{padding:58px 0 100px}.narrow{max-width:860px}.page-title{letter-spacing:-.055em;margin:0 0 10px;font-size:clamp(38px,5vw,54px);line-height:1.02}.panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px}label{margin-bottom:18px;font-size:13px;font-weight:850;display:block}input,select,textarea{border:1px solid var(--line);background:var(--surface2);width:100%;color:var(--text);border-radius:12px;outline:none;margin-top:8px;padding:13px 14px;transition:border-color .18s,box-shadow .18s;display:block}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 4px #19b86617}textarea{resize:vertical}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.file-drop{border:1.5px dashed var(--line);background:var(--surface2);text-align:center;cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:24px;transition:all .2s;display:flex;position:relative}.file-drop:hover,.file-drop.selected{border-color:var(--green);background:#19b8660d}.file-drop.dragging{transform:scale(1.01);box-shadow:0 0 0 4px #19b86614}.file-drop input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.upload-icon{background:var(--surface);width:44px;height:44px;color:var(--green);border-radius:14px;place-items:center;margin-bottom:5px;font-size:22px;font-weight:900;display:grid}.file-drop span{color:var(--muted);font-size:12px}.file-drop strong{text-overflow:ellipsis;white-space:nowrap;max-width:90%;overflow:hidden}.file-drop .file-change{z-index:2;color:var(--green);background:0 0;border:0;margin-top:8px;padding:4px 8px;font-size:12px;font-weight:850;position:relative}.progress-wrap{padding:14px 0}.progress-label{color:var(--muted);justify-content:space-between;margin-bottom:8px;font-size:12px;display:flex}.progress-label>span{align-items:center;gap:8px;display:flex}.progress-label b{color:var(--green)}.progress{background:var(--surface2);border-radius:99px;height:8px;overflow:hidden}.progress span{background:linear-gradient(90deg,var(--green2),var(--green));border-radius:99px;height:100%;transition:width .2s;display:block}.error-box{color:var(--danger);background:#c84a4a17;border:1px solid #c84a4a4d;border-radius:12px;margin-bottom:12px;padding:12px 14px;font-size:13px}.form-note,.field-note{color:var(--muted);text-align:center;margin:13px 0 0;font-size:11px}.spinner{border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}.spinner.dark{border-color:#19b86633;border-top-color:var(--green)}.page-head{justify-content:space-between;align-items:end;gap:24px;margin-bottom:25px;display:flex}.task-list{gap:12px;display:grid}.task-card{justify-content:space-between;align-items:center;gap:20px;padding:20px;display:flex}.task-badge{color:var(--green);letter-spacing:.08em;background:#19b8661a;border-radius:8px;place-items:center;padding:5px 8px;font-size:9px;font-weight:950;display:inline-grid}.task-card h3{margin:10px 0 2px}.task-card p{color:var(--muted);margin:0;font-size:12px}.task-actions{flex-wrap:wrap;gap:8px;display:flex}.empty,.loading-card{text-align:center;padding:70px 20px}.empty h2{margin:8px 0 4px}.empty p{color:var(--muted);margin:0 0 20px}.big{color:var(--green);font-size:44px}.center-screen{min-height:100vh;color:var(--muted);place-items:center;gap:10px;display:grid}.section-block{margin-top:38px}.section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;display:flex}.section-title h2{letter-spacing:-.03em;margin:0;font-size:20px}.section-title span{color:var(--muted);font-size:11px}.form-card{padding:30px}.optional{letter-spacing:.06em;color:var(--muted);border:1px solid var(--line);border-radius:999px;margin-left:7px;padding:4px 7px;font-size:10px;font-weight:800}.practice-options{grid-template-columns:1.15fr .85fr;gap:16px;margin:2px 0 18px;display:grid}.option-block{border:1px solid var(--line);background:var(--surface2);border-radius:16px;padding:16px}.option-label{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font-size:13px;font-weight:900;display:flex}.option-label small{color:var(--muted);font-size:10px;font-weight:700}.duration-control{grid-template-columns:42px 1fr 42px;align-items:center;gap:10px;display:grid}.duration-control>button{border:1px solid var(--line);background:var(--surface);width:42px;height:42px;color:var(--text);border-radius:12px;font-size:24px;line-height:1}.duration-value{text-align:center;justify-content:center;align-items:baseline;gap:6px;display:flex}.duration-value strong{font-size:25px}.duration-value span{color:var(--muted);font-size:11px;font-weight:750}.duration-range{box-shadow:none;accent-color:var(--green);background:0 0;border:0;height:18px;margin:12px 0 0;padding:0}.segmented{border:1px solid var(--line);background:var(--surface);border-radius:12px;grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.segmented button{height:40px;color:var(--muted);background:0 0;border:0;border-radius:9px;font-size:12px;font-weight:850}.segmented button.active{background:var(--surface2);color:var(--green);box-shadow:0 2px 10px #0a371f14}.create-btn{border-radius:14px;min-height:52px;font-size:14px}.auth-page{place-items:center;min-height:calc(100vh - 76px);padding:50px 0;display:grid}.auth-card{width:min(500px,100%);padding:34px}.auth-card h1{letter-spacing:-.055em;margin:13px 0;font-size:40px;line-height:1}.auth-card p{color:var(--muted);font-size:14px}.big-logo{width:54px;height:54px;margin-bottom:22px}.back-link{text-align:center;color:var(--muted);margin-top:16px;font-size:12px;font-weight:800;display:block}.auth-benefits{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.auth-benefits span{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:7px 9px;font-size:10px}body:has(.typing-page){overflow:hidden}.typing-page{background:var(--bg);height:100dvh;min-height:100dvh;overflow:hidden}.typing-nav{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:5;justify-content:space-between;align-items:center;height:68px;padding:0 24px;display:flex;position:relative}.timer-area{font-variant-numeric:tabular-nums;letter-spacing:-.04em;align-items:center;gap:9px;font-size:23px;display:flex}.status-dot{background:var(--muted);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #64766c14}.status-dot.active{background:var(--green);box-shadow:0 0 0 5px #19b8661f}.status-dot.paused{background:#e4a832}.pause-label{color:#d59b26;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:900}.typing-shell{flex-direction:column;width:min(1320px,100% - 34px);height:calc(100dvh - 68px);margin:0 auto;padding:18px 0 20px;display:flex}.typing-meta{flex:none;justify-content:space-between;align-items:center;gap:18px;margin-bottom:10px;display:flex}.typing-meta p{color:var(--muted);margin:0;font-size:11px}.typing-actions{gap:8px;display:flex}.start-btn,.submit-btn{color:#fff;border:0;border-radius:11px;padding:11px 16px;font-size:12px;font-weight:950}.start-btn{background:var(--surface2);color:var(--green);border:1px solid var(--line)}.submit-btn{background:linear-gradient(135deg,var(--green),var(--green2));box-shadow:0 10px 25px #19b86629}.idle-strip{border:1px solid var(--line);background:var(--surface2);color:var(--muted);border-radius:10px;flex:none;justify-content:space-between;gap:15px;margin-bottom:9px;padding:8px 12px;font-size:10px;display:flex}.typing-grid{flex:1;grid-template-columns:1fr 1fr;gap:10px;min-height:0;display:grid}.reference-pane,.input-pane{background:var(--surface);border:1px solid var(--line);border-radius:18px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.pane-head{border-bottom:1px solid var(--line);letter-spacing:.12em;height:45px;color:var(--muted);flex:none;justify-content:space-between;align-items:center;padding:0 15px;font-size:9px;font-weight:950;display:flex}.reference-scroll{scroll-behavior:smooth;flex:1;padding:18px 20px;overflow:auto}.reference-characters{white-space:pre-wrap;word-break:break-word;color:var(--muted);margin:0;font-size:18px;line-height:1.85}.reference-characters .correct{color:var(--green)}.reference-characters .wrong{color:#f05f5f;background:#f05f5f1c;border-radius:3px}.reference-characters .current{color:var(--text);background:#19b86647;border-radius:3px;box-shadow:0 0 0 2px #19b86614}.typing-input-wrap{flex:1;min-height:0;position:relative;overflow:hidden}.typing-input-wrap textarea{resize:none;color:var(--text);box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:18px 20px;font-size:18px;line-height:1.85;position:absolute;inset:0;overflow:auto}.typing-input-wrap textarea::selection{background:#19b86638}.start-overlay,.pause-overlay{border:1px solid var(--line);background:var(--surface);color:var(--text);box-shadow:var(--shadow);border-radius:13px;padding:13px 18px;font-weight:950;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.start-overlay span,.pause-overlay span{color:var(--green);margin-left:5px}.input-foot{border-top:1px solid var(--line);color:var(--muted);flex:none;justify-content:space-between;padding:9px 15px;font-size:10px;display:flex}.result{padding:55px 0 100px}.result-hero{grid-template-columns:1.2fr .8fr;gap:18px;padding:30px;display:grid}.result-copy h1{letter-spacing:-.065em;margin:12px 0;font-size:clamp(42px,6vw,68px);line-height:1}.result-badge{color:var(--green);letter-spacing:.12em;background:#19b8661a;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:950;display:inline-block}.result-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0;display:grid}.result-main{border:1px solid var(--line);background:var(--surface2);border-radius:15px;padding:18px}.result-main span{letter-spacing:.13em;color:var(--muted);font-size:9px;font-weight:900;display:block}.result-main strong{letter-spacing:-.06em;color:var(--green);margin:8px 0 3px;font-size:42px;line-height:1.1;display:block}.result-main small{color:var(--muted);font-size:10px}.motivation-art{border:1px solid var(--line);background:var(--surface2);border-radius:18px;place-items:center;min-height:320px;display:grid;overflow:hidden}.motivation-art img{object-fit:cover;width:100%;height:100%}.default-motivation{text-align:center;padding:30px}.default-motivation strong{letter-spacing:-.04em;font-size:28px;display:block}.default-motivation small{color:var(--muted);margin-top:7px;display:block}.result-note{color:var(--muted);text-align:center;margin-top:14px;font-size:11px}.history-list{gap:10px;display:grid}.history-card{justify-content:space-between;align-items:center;gap:20px;padding:18px;display:flex}.history-card strong,.history-card small{display:block}.history-card small,.history-card span{color:var(--muted);font-size:10px}.history-card>div:last-child{align-items:center;gap:13px;display:flex}.history-card b{color:var(--green)}.admin-page{padding:42px 0 90px}.admin-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.admin-pill,.status{letter-spacing:.1em;background:var(--surface2);color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:6px 8px;font-size:9px;font-weight:950}.admin-tabs{border-bottom:1px solid var(--line);gap:6px;margin-bottom:18px;display:flex}.admin-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 13px;font-size:12px;font-weight:900}.admin-tabs button.active{color:var(--green);border-color:var(--green)}.admin-grid{grid-template-columns:1.3fr .7fr;gap:14px;display:grid}.admin-form,.admin-info,.settings-panel{padding:24px}.admin-info p{color:var(--muted);font-size:12px}.admin-info h2,.admin-info h3{margin-top:0}.admin-info h3{margin-top:25px}.admin-list{gap:8px;display:grid}.admin-row{border:1px solid var(--line);background:var(--surface);border-radius:15px;justify-content:space-between;align-items:center;gap:15px;padding:15px 17px;display:flex}.admin-row b,.admin-row small{display:block}.admin-row small{color:var(--muted);margin-top:4px;font-size:10px}.row-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.status.ok{color:var(--green);border-color:#19b86633}.status.bad{color:var(--danger);border-color:#c84a4a33}.user-row{align-items:center;gap:10px;display:flex}.avatar{background:var(--surface2);width:34px;height:34px;color:var(--green);border-radius:10px;place-items:center;font-weight:950;display:grid}.check-row{align-items:center;gap:10px;margin:12px 0;font-size:12px;display:flex}.check-row input{width:18px;height:18px;accent-color:var(--green);margin:0}.settings-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:15px;display:grid}.section-block+.section-block{margin-top:35px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:0}}@media (max-width:900px){.hero{grid-template-columns:1fr;gap:38px;padding:55px 0 60px}.cards,.seo-grid,.admin-grid,.result-hero{grid-template-columns:1fr}.result-grid{grid-template-columns:repeat(3,1fr)}.typing-grid{grid-template-columns:1fr 1fr}.reference-characters,.typing-input-wrap textarea{font-size:16px}.admin-head{flex-direction:column;align-items:flex-start}}@media (max-width:700px){.shell{width:min(100% - 24px,1120px)}.nav{height:68px}.nav-actions{gap:9px}.nav-actions>a:nth-child(2){display:none}.hero h1{font-size:48px}.cards,.seo-grid{grid-template-columns:1fr}.page{padding-top:40px}.form-card{padding:20px}.practice-options,.form-grid{grid-template-columns:1fr}.page-head,.task-card,.typing-meta,.admin-row{flex-direction:column;align-items:flex-start}.typing-nav{padding:0 12px}.typing-nav .theme{display:none}.typing-shell{width:calc(100% - 18px);padding-top:10px}.typing-actions{width:100%}.typing-actions button{flex:1}.idle-strip{font-size:9px}.typing-grid{gap:7px}.pane-head{height:40px}.reference-characters,.typing-input-wrap textarea{font-size:14px;line-height:1.75}.result{padding-top:35px}.result-grid{grid-template-columns:1fr}.result-hero{padding:18px}.motivation-art{min-height:220px}.settings-grid{grid-template-columns:1fr}.row-actions{justify-content:flex-start;width:100%}}@media (max-width:520px){.hero h1{font-size:43px}.hero-card{border-radius:20px}.typing-nav .brand span:last-child{display:none}.timer-area{font-size:19px}.typing-shell{height:calc(100dvh - 68px)}.typing-meta{margin-bottom:7px}.typing-meta p{font-size:10px}.typing-grid{grid-template-rows:minmax(190px,38%) minmax(0,1fr);grid-template-columns:1fr}.reference-pane,.input-pane{min-height:0}.reference-scroll{padding:12px 15px}.typing-input-wrap textarea{padding:14px 15px}.submit-btn,.start-btn{padding:10px 12px}.result-copy h1{font-size:43px}.history-card>div:last-child{flex-direction:column;align-items:flex-start;gap:2px}.admin-form,.admin-info,.settings-panel{padding:18px}}.admin-mark{letter-spacing:.08em;color:var(--green);border:1px solid #19b86640;border-radius:999px;margin-left:5px;padding:3px 5px;font-size:8px}.admin-login-page{background:radial-gradient(circle at 50% 0,#19b8661f,transparent 45%),var(--bg);place-items:center;min-height:100dvh;padding:30px;display:grid}.admin-login-card{width:min(470px,100% - 24px);padding:30px}.admin-login-card .brand{margin-bottom:32px}.admin-login-card h1{letter-spacing:-.06em;margin:10px 0;font-size:46px}.admin-login-card p{color:var(--muted);font-size:13px;line-height:1.7}.auth-switch,.content-tabs{border:1px solid var(--line);background:var(--surface2);border-radius:12px;gap:5px;margin:18px 0;padding:4px;display:flex}.auth-switch button,.content-tabs button{color:var(--muted);background:0 0;border:0;border-radius:9px;flex:1;padding:9px 12px;font-size:11px;font-weight:900}.auth-switch button.active,.content-tabs button.active{background:var(--surface);color:var(--green);box-shadow:0 3px 12px #0000000f}.admin-login-link{text-align:center;color:var(--muted);margin-top:12px;font-size:10px;font-weight:900;display:block}.dashboard-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.stat-card{padding:18px}.stat-card span,.stat-card small{color:var(--muted);font-size:10px;display:block}.stat-card strong{letter-spacing:-.06em;color:var(--green);margin:5px 0;font-size:34px;display:block}.banner-panel{grid-column:1/-1;grid-template-columns:1.4fr .6fr;align-items:stretch;padding:0;display:grid;overflow:hidden}.banner-panel img{object-fit:cover;width:100%;height:100%;min-height:260px}.banner-panel>div{padding:28px}.banner-panel h2{letter-spacing:-.04em;font-size:30px}.banner-panel p{color:var(--muted);font-size:12px;line-height:1.7}.small-btn{margin-left:10px;padding:9px 12px}.admin-create{grid-template-columns:1.35fr .65fr;gap:14px;display:grid}.admin-form{padding:24px}.preset-row{flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 18px;display:flex}.preset-row>span{color:var(--muted);margin-right:3px;font-size:10px;font-weight:900}.preset{border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:999px;padding:7px 9px;font-size:9px;font-weight:900}.preset:hover{border-color:var(--green);color:var(--green)}.rule-panel{border:1px solid var(--line);background:var(--surface2);border-radius:16px;margin-top:18px;padding:18px}.rule-panel h3{margin:0}.rule-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.toggle-grid{grid-template-columns:repeat(2,1fr);gap:3px 14px;margin-top:10px;display:grid}.mini-banner{border:1px solid var(--line);aspect-ratio:3;border-radius:13px;margin-top:10px;overflow:hidden}.mini-banner img{object-fit:cover;width:100%;height:100%}.admin-art{border:1px solid var(--line);border-radius:14px;width:100%;margin-top:18px}.typing-top-actions{align-items:center;gap:8px;display:flex}.rule-chip{color:var(--green);border:1px solid #19b86633;border-radius:999px;padding:6px 8px;font-size:9px;font-weight:950}.typing-rulebar{border:1px solid var(--line);background:var(--surface2);color:var(--muted);border-radius:10px;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:8px;padding:7px 10px;font-size:9px;display:flex}.typing-rulebar span{border-right:1px solid var(--line);padding-right:8px}.typing-rulebar b{color:var(--text);margin-left:auto}.result-hero.passed{box-shadow:0 0 0 1px #19b86638,0 25px 80px #19b86614}.result-hero.not-passed{box-shadow:0 0 0 1px #e6a02d2e}.motivation-art{position:relative}.motivation-caption{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#0000008c;border-radius:11px;padding:9px 11px;font-size:10px;font-weight:900;position:absolute;bottom:14px;left:14px;right:14px}.profile-card{max-width:600px}.profile-preview{background:var(--surface2);width:96px;height:96px;color:var(--green);border:3px solid #19b86633;border-radius:50%;place-items:center;margin-bottom:20px;font-size:30px;font-weight:950;display:grid;overflow:hidden}.profile-preview img{object-fit:cover;width:100%;height:100%}.success-box{color:var(--green);background:#19b86612;border:1px solid #19b86640;border-radius:10px;margin:12px 0;padding:11px 13px;font-size:11px}@media (max-width:900px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.admin-create,.banner-panel{grid-template-columns:1fr}.banner-panel img{min-height:180px}.rule-grid{grid-template-columns:1fr}}@media (max-width:600px){.dashboard-grid{grid-template-columns:1fr 1fr}.toggle-grid{grid-template-columns:1fr}.typing-rulebar span{border-right:0}.typing-rulebar b{width:100%;margin-left:0}.typing-top-actions .rule-chip{display:none}.admin-login-card{padding:22px}.admin-login-card h1{font-size:39px}.banner-panel>div{padding:20px}}.visual-banner{border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;margin-top:-8px;margin-bottom:35px;overflow:hidden}.visual-banner img{object-fit:cover;width:100%;height:auto;max-height:430px;display:block}.auth-shell{background:radial-gradient(circle at 50% 0,#19b8661a,transparent 34%),var(--bg);min-height:100dvh}.google-only-card{text-align:center;max-width:540px;padding:38px}.auth-brand-art{background:linear-gradient(145deg,var(--green),var(--green2));border-radius:22px;width:74px;height:74px;margin:0 auto 22px;padding:5px;box-shadow:0 16px 36px #19b8662e}.auth-brand-art img{object-fit:contain;width:100%;height:100%}.google-login-btn{min-height:52px;font-size:14px}.google-glyph{color:#4285f4;background:#fff;border-radius:50%;place-items:center;width:25px;height:25px;font-size:14px;font-weight:1000;display:grid}.auth-benefits{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:15px;margin:17px 0;font-size:10px;font-weight:850;display:flex}.library-hero{background:linear-gradient(135deg,var(--surface),var(--surface2));grid-template-columns:1fr .9fr;align-items:center;gap:24px;padding:28px;display:grid;overflow:hidden}.library-hero h1{margin-top:0}.hero-mini-actions{flex-wrap:wrap;gap:9px;margin-top:20px;display:flex}.library-visual{border:1px solid var(--line);background:#07130c;border-radius:18px;overflow:hidden;box-shadow:0 20px 50px #0000001f}.library-visual img{object-fit:cover;width:100%;height:100%;max-height:290px;display:block}.task-grid{gap:12px;display:grid}.task-card-modern{min-height:116px;padding:18px}.task-card-main{align-items:flex-start;gap:14px;display:flex}.task-card-icon{width:44px;height:44px;color:var(--green);background:#19b8661a;border:1px solid #19b86626;border-radius:13px;flex:none;place-items:center;font-size:9px;font-weight:1000;display:grid}.task-meta-chips{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.task-meta-chips span{color:var(--muted);border:1px solid var(--line);background:var(--surface2);border-radius:999px;padding:4px 7px;font-size:9px}.compact{padding:9px 12px;font-size:11px}.inline-retry{color:var(--green);background:0 0;border:0;margin-left:10px;font-weight:900}.rule-panel-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.rule-panel-head h3{margin:0}.rule-panel-head p{color:var(--muted);margin:3px 0 0;font-size:10px}.custom-rule-panel{margin-top:0}.tasks-page .section-block{scroll-margin-top:30px}@media (max-width:850px){.library-hero{grid-template-columns:1fr}.library-visual,.library-visual img{max-height:250px}}@media (max-width:600px){.google-only-card{padding:26px 20px}.auth-benefits{justify-content:flex-start}.library-hero{padding:20px}.task-card-modern{align-items:stretch}.task-card-main,.task-actions{width:100%}.task-actions .btn{flex:1}.task-meta-chips{margin-bottom:4px}}.home-hero{grid-template-columns:.92fr 1.08fr;align-items:center;gap:46px;padding:58px 0 38px;display:grid}.home-hero-copy h1{letter-spacing:-.075em;margin:0 0 20px;font-size:clamp(48px,6.5vw,78px);line-height:.98}.home-hero-copy h1 em{color:var(--green);font-style:normal}.home-hero-art{border:1px solid var(--line);background:#06120b;border-radius:28px;overflow:hidden;box-shadow:0 30px 90px #0523142e}.home-hero-art img{width:100%;height:auto;display:block}.stats-strip{grid-template-columns:repeat(4,1fr);gap:1px;margin-top:12px;padding:0;display:grid;overflow:hidden}.stats-strip>div{background:var(--surface);padding:20px}.stats-strip strong{letter-spacing:-.04em;color:var(--green);font-size:20px;display:block}.stats-strip span{color:var(--muted);margin-top:2px;font-size:10px;display:block}.feature-cards{padding-top:28px}.feature-cards article{transition:transform .2s,box-shadow .2s;position:relative}.feature-cards article:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.feature-cards article a{color:var(--green);margin-top:15px;font-size:11px;font-weight:900;display:inline-block}.home-nav{position:relative}.home-nav:after{content:"";background:linear-gradient(90deg,transparent,var(--green),transparent);opacity:.25;height:1px;position:absolute;inset:auto 0 -1px}@media (max-width:900px){.home-hero{grid-template-columns:1fr;padding-top:42px}.home-hero-art{order:-1}.stats-strip{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.home-hero-copy h1{font-size:45px}.stats-strip{grid-template-columns:1fr 1fr}.stats-strip>div{padding:15px}.home-hero{gap:22px}.home-hero-art{border-radius:20px}.home-nav .nav-actions a:nth-child(2){display:none}}.home-hero-art,.story-image,.motivation-banner{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:28px;position:relative;overflow:hidden}.home-hero-art img,.story-image img,.motivation-banner img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.75,.2,1),filter .5s;display:block}.home-hero-art,.home-hero-art img{min-height:500px}.home-hero-art:hover img,.story-image:hover img,.motivation-banner:hover img{transform:scale(1.035)}.image-glow{filter:blur(65px);pointer-events:none;z-index:0;background:#19b86638;border-radius:50%;width:60%;height:60%;position:absolute;inset:8% -10% auto auto}.home-hero-art img{z-index:1;position:relative}.image-story{grid-template-columns:.82fr 1.18fr;align-items:stretch;gap:30px;margin-bottom:28px;display:grid}.image-story-reverse{grid-template-columns:1.18fr .82fr}.story-copy{align-self:center;padding:52px 10px 52px 18px}.story-copy h2,.motivation-banner h2{letter-spacing:-.055em;margin:0 0 14px;font-size:clamp(34px,4vw,54px);line-height:1.02}.story-copy p,.motivation-banner p{color:var(--muted);max-width:560px}.story-image{min-height:420px}.motivation-banner{grid-template-columns:1.05fr .95fr;min-height:340px;margin-bottom:85px;display:grid}.motivation-banner img{min-height:340px}.motivation-banner>div{align-self:center;padding:48px 46px}.lift-card{transition:transform .24s,box-shadow .24s,border-color .24s}.lift-card:hover{border-color:#19b86661;transform:translateY(-7px);box-shadow:0 22px 55px #0a371f21}.interactive-icon{transition:transform .2s cubic-bezier(.2,.9,.2,1),box-shadow .2s}.interactive-icon:hover{transform:translateY(-3px)rotate(-2deg);box-shadow:0 12px 28px #19b8662e}.click-pop{animation:.52s cubic-bezier(.18,.9,.25,1) clickPop}@keyframes clickPop{0%{transform:scale(1)translateY(0)rotate(0)}28%{transform:scale(1.13)translateY(-9px)rotate(-4deg)}55%{transform:scale(.94)translateY(3px)rotate(2deg)}to{transform:scale(1)translateY(0)rotate(0)}}.float-up{animation:.7s cubic-bezier(.2,.9,.2,1) forwards floatUp}.click-spark{z-index:9999;pointer-events:none;background:var(--green);border-radius:50%;width:7px;height:7px;animation:.62s ease-out forwards sparkFly;position:fixed;box-shadow:0 0 12px #19b866b3}@keyframes sparkFly{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.1)}}@keyframes floatUp{0%{opacity:0;transform:translateY(12px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.reveal-on-scroll{animation:.7s both riseIn}@keyframes riseIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width:850px){.home-hero{grid-template-columns:1fr;gap:34px;padding-top:54px}.home-hero-art,.home-hero-art img{min-height:340px}.image-story,.image-story-reverse,.motivation-banner{grid-template-columns:1fr}.story-copy{padding:36px 8px}.story-image{min-height:300px}.motivation-banner>div{padding:34px 28px}.motivation-banner img{min-height:260px}.nav-actions{gap:10px}.nav-actions>a:not(.btn){display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.profile-head{align-items:center;gap:16px;margin-bottom:24px;display:flex}.profile-head strong{font-size:18px;display:block}.profile-head small{color:var(--muted);margin-top:3px;font-size:11px;display:block}.photo-picker{border:1px solid var(--line);background:var(--surface2);border-radius:15px;justify-content:space-between;align-items:center;gap:18px;margin:4px 0 18px;padding:15px;display:flex}.photo-picker b{font-size:13px}.photo-picker p{color:var(--muted);margin:4px 0 0;font-size:10px}.photo-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.photo-actions .btn{white-space:nowrap}.admin-login-card .success-box{margin-bottom:14px}@media (max-width:600px){.photo-picker{flex-direction:column;align-items:flex-start}.photo-actions{justify-content:flex-start;width:100%}.profile-head{align-items:flex-start}}.success-panel{background:linear-gradient(135deg,#19b86617,var(--surface));border:1px solid #19b86647;border-radius:15px;justify-content:space-between;align-items:center;gap:18px;margin:14px 0;padding:16px 18px;display:flex;box-shadow:0 16px 40px #19b8660f}.success-panel>div:first-child{align-items:center;gap:12px;display:flex}.success-icon{width:38px;height:38px;color:var(--green);background:#19b86624;border-radius:50%;place-items:center;font-size:18px;font-weight:1000;display:grid}.success-panel strong{font-size:13px;display:block}.success-panel p{color:var(--muted);margin:3px 0 0;font-size:10px}.success-actions{flex-wrap:wrap;gap:10px;display:flex}.ad-banner{border:1px solid var(--line);background:var(--surface);border-radius:14px;margin-top:18px;margin-bottom:18px;padding:8px 12px;overflow:hidden}.ad-banner>span{text-align:center;letter-spacing:.16em;color:var(--muted);margin-bottom:4px;font-size:8px;display:block}.ad-banner ins{width:100%}.row-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-tabs{flex-wrap:wrap;gap:10px;display:flex}.admin-tabs button{margin:0}.task-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}@media (max-width:700px){.success-panel{flex-direction:column;align-items:flex-start}.success-actions{width:100%}.success-actions .btn{text-align:center;flex:1}.row-actions{justify-content:flex-start}.task-actions .btn{margin:0}}.exit-btn{color:var(--danger);background:0 0;border:1px solid #c84a4a47;border-radius:11px;padding:11px 15px;font-size:12px;font-weight:950;transition:all .18s}.exit-btn:hover{background:#c84a4a12;transform:translateY(-1px)}.avatar{background:var(--surface2);width:48px;height:48px;color:var(--green);border:1px solid var(--line);border-radius:50%;flex:0 0 48px;place-items:center;font-weight:950;display:grid;overflow:hidden}.avatar img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.avatar span{place-items:center;width:100%;height:100%;display:grid}.typing-actions{gap:10px}.typing-actions button{margin:0}.reference-scroll,.typing-input-wrap textarea{overscroll-behavior:contain}@media (max-width:700px){.typing-actions{gap:7px}.exit-btn,.start-btn,.submit-btn{padding:10px 11px}.avatar{flex-basis:44px;width:44px;height:44px}}.site-footer{border-top:1px solid var(--line);grid-template-columns:1fr auto;align-items:end;gap:18px;margin-top:40px;padding:34px 0 48px;display:grid}.site-footer p{color:var(--muted);max-width:430px;margin:10px 0 0;font-size:11px}.footer-links{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;gap:15px;font-size:11px;font-weight:850;display:flex}.footer-links a:hover{color:var(--green)}.footer-note{color:var(--muted);grid-column:1/-1;font-size:9px}.help-list{gap:10px;margin-top:28px;display:grid}.help-card{padding:20px 22px}.help-card h2,.contact-card h2,.help-cta h2{letter-spacing:-.03em;margin:0 0 7px;font-size:18px}.help-card p,.contact-card p,.help-cta p{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.help-cta{margin-top:18px;padding:25px}.legal-page{max-width:820px;padding:54px 0 70px}.legal-page section{border-bottom:1px solid var(--line);padding:22px 0}.legal-page section:last-child{border-bottom:0}.legal-page h2{margin:0 0 8px;font-size:21px}.legal-page p{color:var(--muted);font-size:13px;line-height:1.85}.contact-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px;display:grid}.contact-card{padding:22px;transition:all .2s}.contact-card:hover{box-shadow:var(--shadow);border-color:#19b8664d;transform:translateY(-4px)}.contact-card>span,.support-badge{letter-spacing:.14em;color:var(--green);font-size:9px;font-weight:950}.support-card{grid-template-columns:1fr 220px;align-items:center;gap:28px;margin-top:28px;padding:28px;display:grid}.support-copy h2{letter-spacing:-.05em;margin:7px 0;font-size:34px}.support-copy>p{color:var(--muted);max-width:520px;font-size:13px}.upi-box{background:var(--surface2);border:1px solid #19b86640;border-radius:14px;margin:18px 0;padding:14px}.upi-box span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:9px;display:block}.upi-box strong{color:var(--green);margin-top:3px;font-size:18px;display:block}.qr-card{text-align:center;justify-items:center;gap:6px;display:grid}.qr-card img{border:1px solid var(--line);background:#fff;border-radius:14px;width:190px;height:190px;padding:10px}.qr-card b{font-size:12px}.qr-card small{color:var(--muted);font-size:9px}.about-grid{grid-template-columns:repeat(3,1fr);margin-top:28px}.about-grid article{padding:24px}.about-grid h2{margin:0 0 8px}.about-grid p{color:var(--muted);font-size:12px}.support-card+.ad-banner{margin-top:20px}@media (max-width:760px){.site-footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.contact-grid,.about-grid,.support-card{grid-template-columns:1fr}.qr-card{justify-self:start}.legal-page{padding-top:40px}.site-footer{margin-top:25px}}.private-create-section{background:linear-gradient(135deg,var(--surface),var(--surface2));border-color:#19b8662e;grid-template-columns:1.05fr .95fr;align-items:center;gap:26px;margin-top:38px;padding:28px;display:grid;overflow:hidden}.private-create-copy h2{letter-spacing:-.05em;margin:0 0 8px;font-size:clamp(28px,4vw,42px);line-height:1.02}.private-create-copy>p{color:var(--muted);max-width:620px;margin:0;font-size:13px}.private-create-points{flex-wrap:wrap;gap:8px;margin-top:17px;display:flex}.private-create-points span{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:10px;font-weight:800;display:inline-flex}.private-create-points b{color:var(--green);font-size:9px}.private-create-note{max-width:560px!important;margin-top:12px!important;font-size:10px!important}.private-create-visual{border:1px solid var(--line);background:#07130c;border-radius:18px;overflow:hidden;box-shadow:0 20px 50px #0000001f}.private-create-visual img{object-fit:cover;width:100%;height:250px;display:block}@media (max-width:760px){.private-create-section{grid-template-columns:1fr;padding:20px}.private-create-visual{order:-1}.private-create-visual img{height:190px}.private-create-section .hero-mini-actions .btn{flex:1}}