@font-face{font-family:PP Telegraf;src:url(../../../fonts/PPTelegraf-Regular.woff2) format("woff2");font-weight:var(--weight-regular);font-style:normal;font-display:swap;ascent-override:93.5%;descent-override:27%;line-gap-override:0%}@font-face{font-family:PP Telegraf;src:url(../../../fonts/PPTelegraf-Bold.woff2) format("woff2");font-weight:var(--weight-bold);font-style:normal;font-display:swap;ascent-override:93.5%;descent-override:27%;line-gap-override:0%}@font-face{font-family:PP Telegraf;src:url(../../../fonts/PPTelegraf-Ultrabold.woff2) format("woff2");font-weight:var(--weight-heavy);font-style:normal;font-display:swap;ascent-override:93.5%;descent-override:27%;line-gap-override:0%}:root{--color-primary:#00576E;--color-primary-dark:#003E4F;--color-accent:#69D2D5;--color-accent-strong:#1F686A;--color-tint:#D9F4F5;--color-border-tint:#AEE3E5;--color-mist:#F3F9F9;--color-surface:#FFFFFF;--color-page:#F3F9F9;--color-on-primary:#FFFFFF;--color-on-primary-soft:rgba(255,255,255,.15);--color-heading:#00576E;--color-ink:#374151;--color-ink-strong:#111827;--color-muted:#6B7280;--color-line:#E5EEF0;--color-line-strong:#D1D5DB;--color-input-bg:#F9FAFB;--color-success:#15803D;--color-success-bg:#F0FDF4;--color-success-line:#BBF7D0;--color-warning:#B45309;--color-warning-bg:#FFFBEB;--color-warning-line:#FCD34D;--color-danger:#B91C1C;--color-danger-bg:#FEF2F2;--color-danger-line:#FCA5A5;--font-sans:"PP Telegraf",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--text-4xl:36px;--text-display:48px;--weight-regular:400;--weight-bold:700;--weight-heavy:800;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.625;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--shadow-card:0 1px 2px rgba(17,24,39,.06);--focus-ring:0 0 0 3px rgba(105,210,213,.6)}*{box-sizing:border-box}html,body{margin:0;background:var(--color-page);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-ink);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{color:var(--color-heading);font-weight:var(--weight-bold);line-height:var(--leading-tight)}a{color:var(--color-primary)}button,input,select,textarea{font-family:inherit}:focus-visible{outline:none;box-shadow:var(--focus-ring)}.phone{max-width:440px;box-shadow:0 0 0 1px var(--color-line);margin:0 auto;min-height:100vh;background:var(--color-surface);display:flex;flex-direction:column}.appbar{background:var(--color-primary);color:var(--color-on-primary);padding:calc(env(safe-area-inset-top) + var(--space-4)) var(--space-5) var(--space-4)}.appbar .name{font-weight:var(--weight-bold);font-size:var(--text-lg)}.appbar .who{font-size:var(--text-xs);opacity:.85;margin-top:2px}.screen{padding:var(--space-6) var(--space-5) var(--space-3);flex:1}.screen h2{font-size:var(--text-2xl);margin:0 0 var(--space-2)}.sub{color:var(--color-muted);font-size:var(--text-sm);margin:0 0 var(--space-5);line-height:1.5}.btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;border:2px solid transparent;border-radius:var(--radius-pill);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--weight-bold);line-height:var(--leading-tight);cursor:pointer;margin-top:var(--space-3);text-align:center;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s}.btn:disabled{background:var(--color-mist);color:var(--color-muted);border-color:var(--color-line);cursor:not-allowed}.btn.primary{background:var(--color-accent);color:var(--color-primary)}.btn.primary:hover:not(:disabled){background:var(--color-primary);color:var(--color-on-primary)}.btn.ghost{background:var(--color-tint);color:var(--color-primary);border-color:var(--color-border-tint)}.btn.ghost:hover:not(:disabled){background:var(--color-border-tint)}.btn.line{background:var(--color-surface);color:var(--color-primary);border-color:var(--color-primary)}.btn.line:hover:not(:disabled){background:var(--color-primary);color:var(--color-on-primary)}.link{display:block;text-align:center;color:var(--color-primary);font-size:var(--text-sm);margin-top:var(--space-4);text-decoration:underline;text-underline-offset:2px;cursor:pointer;background:none;border:0;width:100%}.timer{font-size:var(--text-display);font-weight:var(--weight-bold);color:var(--color-primary);text-align:center;margin:var(--space-6) 0 var(--space-2);font-variant-numeric:tabular-nums}.timercap{text-align:center;color:var(--color-muted);font-size:var(--text-sm);margin:0 var(--space-6) var(--space-5);line-height:1.5}.ring{width:150px;height:150px;border-radius:50%;border:8px solid var(--color-tint);border-top-color:var(--color-primary);margin:var(--space-4) auto var(--space-6);display:flex;align-items:center;justify-content:center;font-weight:var(--weight-bold);color:var(--color-primary);font-size:var(--text-xl)}.tile{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;border:1px solid var(--color-line-strong);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2);cursor:pointer;background:var(--color-surface);font-size:var(--text-base);color:var(--color-ink);box-shadow:var(--shadow-card)}.tile:hover{background:var(--color-mist)}.tile small{color:var(--color-muted)}.tot{background:var(--color-tint);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);text-align:center;color:var(--color-primary);font-weight:var(--weight-bold);margin:var(--space-2) 0 var(--space-1)}.slider{width:100%;margin:var(--space-6) 0 var(--space-2);accent-color:var(--color-primary)}.slabels{display:flex;justify-content:space-between;color:var(--color-muted);font-size:var(--text-xs)}.cravebig{text-align:center;font-size:var(--text-display);font-weight:var(--weight-bold);color:var(--color-primary);margin:var(--space-2) 0}.done{text-align:center;padding-top:var(--space-6)}.done .big{font-size:var(--text-display)}.stat{display:flex;gap:var(--space-3);margin:var(--space-4) 0}.stat .box{flex:1;background:var(--color-tint);border-radius:var(--radius-md);padding:var(--space-4);text-align:center}.stat .box b{display:block;font-size:var(--text-2xl);color:var(--color-primary)}.stat .box span{font-size:var(--text-xs);color:var(--color-muted)}.wins{list-style:none;padding:0;margin:var(--space-2) 0 0}.wins li{padding:var(--space-3) 0;border-bottom:1px solid var(--color-line);font-size:var(--text-sm);display:flex;justify-content:space-between}.wins li span{color:var(--color-success);font-weight:var(--weight-bold)}.lesson{border:1px solid var(--color-line);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2)}.lesson b{font-size:var(--text-sm)}.lesson small{color:var(--color-muted);font-size:var(--text-xs)}.chart{display:flex;align-items:flex-end;gap:var(--space-2);height:160px;padding:var(--space-3) 0 0;border-bottom:1px solid var(--color-line);margin-bottom:var(--space-3)}.bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.bar{width:70%;background:var(--color-primary);border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-height:4px}.bar-wrap small{color:var(--color-muted);font-size:var(--text-xs);margin-top:var(--space-1)}.nav{display:flex;border-top:1px solid var(--color-line);position:sticky;bottom:0;background:var(--color-surface);padding-bottom:env(safe-area-inset-bottom)}.nav button{flex:1;border:0;background:var(--color-surface);padding:var(--space-3) 0 var(--space-3);font-size:var(--text-xs);color:var(--color-muted);cursor:pointer;font-weight:var(--weight-bold)}.nav button.on{color:var(--color-primary)}.nav button .ic{display:block;font-size:var(--text-lg);margin-bottom:2px}.lesson-tile{align-items:flex-start;gap:var(--space-3)}.lesson-tile .lt{display:block}.lesson-tile .chev{color:var(--color-muted);font-size:var(--text-xl);line-height:1}.body-para{font-size:var(--text-base);line-height:1.62;margin:0 0 var(--space-4);color:var(--color-ink)}.safety{padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-line)}.safety-open{background:none;border:0;color:var(--color-warning);font-weight:var(--weight-bold);font-size:var(--text-sm);cursor:pointer;padding:var(--space-1) 0;text-decoration:underline}.safety-help{font-size:var(--text-sm);color:var(--color-muted);line-height:1.5;margin:0 0 var(--space-2)}.safety-emerg{font-size:var(--text-xs);color:var(--color-ink);background:var(--color-warning-bg);border:1px solid var(--color-warning-line);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);line-height:1.5;margin:0 0 var(--space-3)}.safety-text{width:100%;padding:var(--space-3);border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);font-size:var(--text-base);font-family:inherit;background:var(--color-input-bg);color:var(--color-ink-strong)}.safety-done{font-size:var(--text-sm);color:var(--color-success);line-height:1.5}.security{padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-line)}.pk-add{background:none;border:1px solid var(--color-line-strong);color:var(--color-primary);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-bold);cursor:pointer;width:100%}.pk-msg{font-size:var(--text-xs);color:var(--color-success);margin:var(--space-2) 0 0;line-height:1.5}.gp-search{position:relative}.gp-results{border:1px solid var(--color-line-strong);border-radius:var(--radius-md);overflow:hidden;margin:calc(var(--space-1) * -1) 0 var(--space-2)}.gp-item{display:block;width:100%;text-align:left;background:var(--color-surface);border:0;border-bottom:1px solid var(--color-line);padding:var(--space-3) var(--space-3);font-size:var(--text-sm);cursor:pointer;color:var(--color-ink)}.gp-item:last-child{border-bottom:0}.gp-item:hover{background:var(--color-tint)}.gp-item small{color:var(--color-muted)}.gp-selected{font-size:var(--text-sm);color:var(--color-ink);background:var(--color-tint);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);margin:0 0 var(--space-2)}.gp-change{background:none;border:0;color:var(--color-primary);text-decoration:underline;cursor:pointer;font-size:var(--text-xs)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),select,textarea{font-size:var(--text-base);color:var(--color-ink-strong)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}input::placeholder,textarea::placeholder{color:var(--color-muted)}