:root{--bg:#f5f3ee;--surface:#fff;--soft:#efece5;--ink:#2b3145;--muted:#5f6579;--line:#e4e0d6;--primary:#5a64c8;--primary-tint:#ebecfa;--accent:#ee9f5c;--accent-tint:#fcefe1;--accent-ink:#a95c1c;--plum:#b0578f;--plum-tint:#f6e6ef;--right:#2f8a66;--right-tint:#e2f2ea;--right-line:#b9dfcc;--wrong:#c9604b;--wrong-tint:#fbede8;--wrong-line:#f2cfc5;--wrong-ink:#a84a37;--right-ink:#247354;--on-primary:#fff;--ink-disabled:#b8b3a8;--code-line:transparent;--scrim:#2b31451a;--shadow:#5a64c82e;--dot-shadow:0 2px 6px #0000001a;--sheet-shadow:#2b314514;--seg-shadow:#00000014;--seg-on:#fff;--ease-enter:cubic-bezier(.33, 1, .68, 1);--u:min(calc(100vw / 1080), calc(100vh / 1920), .55px);--frame:calc(var(--u) * 1080);--tap-min:max(44px, calc(var(--u) * 96));--tap-text:48px;--font:"Lexend", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@supports (height:100dvh){:root{--u:min(calc(100vw / 1080), calc(100dvh / 1920), .55px)}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#161922;--surface:#212532;--soft:#2a2f3e;--ink:#eceef4;--muted:#a4a9bb;--line:#383d50;--primary:#959cf0;--primary-tint:#2d3157;--accent:#f2b27c;--accent-tint:#3b2e22;--accent-ink:#f2b27c;--plum:#e39bc4;--plum-tint:#3a2432;--right:#63c89d;--right-tint:#1c392e;--right-line:#2c5a47;--wrong:#e8907c;--wrong-tint:#3d2622;--wrong-line:#5a342c;--wrong-ink:#e8907c;--right-ink:#63c89d;--on-primary:#161922;--ink-disabled:#5f6477;--code-line:#383d50;--seg-on:#383d50;--scrim:#0006;--shadow:#0000004d;--dot-shadow:none}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#161922;--surface:#212532;--soft:#2a2f3e;--ink:#eceef4;--muted:#a4a9bb;--line:#383d50;--primary:#959cf0;--primary-tint:#2d3157;--accent:#f2b27c;--accent-tint:#3b2e22;--accent-ink:#f2b27c;--plum:#e39bc4;--plum-tint:#3a2432;--right:#63c89d;--right-tint:#1c392e;--right-line:#2c5a47;--wrong:#e8907c;--wrong-tint:#3d2622;--wrong-line:#5a342c;--wrong-ink:#e8907c;--right-ink:#63c89d;--on-primary:#161922;--ink-disabled:#5f6477;--code-line:#383d50;--seg-on:#383d50;--scrim:#0006;--shadow:#0000004d;--dot-shadow:none}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@font-face{font-family:Lexend;font-style:normal;font-weight:300 600;font-display:swap;src:url(/assets/lexend-latin-ext-B6JQhE1e.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lexend;font-style:normal;font-weight:300 600;font-display:swap;src:url(/assets/lexend-latin-ci0D1wrL.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}button{font:inherit;color:inherit}::view-transition-group(root){animation-duration:.3s}::view-transition-old(root){animation-duration:.3s}::view-transition-new(root){animation-duration:.3s}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none}::view-transition-old(*){animation:none}::view-transition-new(*){animation:none}}#app{background:var(--bg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.canvas{width:calc(var(--u) * 1080);height:calc(var(--u) * 1920);background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-user-select:none;user-select:none;flex:none;position:relative;overflow:hidden}.screen{position:absolute;inset:0}.canvas button:focus-visible{outline:calc(var(--u) * 4) solid var(--primary);outline-offset:calc(var(--u) * 4)}:root .canvas [data-quiet-focus]:focus{outline:none}.logo{align-items:center;gap:calc(var(--u) * 16);display:flex}.logo-dots{display:flex}.logo-dot{width:calc(var(--u) * 30);height:calc(var(--u) * 30);background:var(--primary);border-radius:50%}.logo-dot+.logo-dot{margin-left:calc(var(--u) * -10);background:var(--accent)}.logo-name{font-size:calc(var(--u) * 52);letter-spacing:-.01em;font-weight:600}.home-title{font-size:calc(var(--u) * 72);letter-spacing:-.02em;font-weight:600}.modes{gap:calc(var(--u) * 20);flex-direction:column;display:flex}.mode{align-items:center;gap:calc(var(--u) * 32);height:calc(var(--u) * 148);padding:0 calc(var(--u) * 40);box-sizing:border-box;border:calc(var(--u) * 3) solid var(--line);border-radius:calc(var(--u) * 36);background:var(--surface);color:var(--ink);font-family:var(--font);text-align:left;cursor:pointer;display:flex}.mode[aria-checked=true]{border-color:var(--primary);background:var(--primary-tint)}.radio{width:calc(var(--u) * 48);height:calc(var(--u) * 48);box-sizing:border-box;border:calc(var(--u) * 3) solid var(--line);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.radio:after{content:"";width:calc(var(--u) * 18);height:calc(var(--u) * 18);background:var(--on-primary);border-radius:50%;display:none}.mode[aria-checked=true] .radio{background:var(--primary);border:0}.mode[aria-checked=true] .radio:after{display:block}.mode-texts{gap:calc(var(--u) * 6);flex-direction:column;display:flex}.mode-title{font-size:calc(var(--u) * 42);font-weight:500}.mode-sub{font-size:calc(var(--u) * 30);color:var(--muted)}.home-tiles{gap:calc(var(--u) * 20);grid-template-columns:1fr 1fr;display:grid}.home-tile{gap:calc(var(--u) * 14);padding:calc(var(--u) * 36);box-sizing:border-box;border:calc(var(--u) * 2) solid var(--line);border-radius:calc(var(--u) * 36);background:var(--surface);color:var(--ink);font-family:var(--font);text-align:left;cursor:pointer;flex-direction:column;display:flex}.home-tile-icon{width:calc(var(--u) * 80);height:calc(var(--u) * 80);border-radius:calc(var(--u) * 24);background:var(--primary-tint);color:var(--primary);justify-content:center;align-items:center;display:flex}.home-tile-title{font-size:calc(var(--u) * 38);font-weight:500}.home-tile-sub{font-size:calc(var(--u) * 28);color:var(--muted);line-height:1.3}.start-count{opacity:.75}.btn-tonal .start-count{opacity:.7}.home-done{justify-content:center;display:flex}.settings-link{justify-content:center;align-items:center;gap:calc(var(--u) * 10);color:var(--muted);font-family:var(--font);font-size:calc(var(--u) * 30);cursor:pointer;background:0 0;border:0;padding:0;display:flex}.screen .settings-link:after{width:100%;height:auto;left:0;bottom:calc(100% - var(--u) * 102);top:min(0px, max(calc(var(--u) * -38 - max(0px, calc(var(--u) * 136 - var(--tap-min)))), calc(var(--u) * 102 - var(--tap-text))));transform:none}.done-title{font-size:calc(var(--u) * 84);letter-spacing:-.02em;font-weight:600}.done-sub{font-size:calc(var(--u) * 38);color:var(--muted)}.done-list{gap:calc(var(--u) * 20);max-height:calc(var(--u) * 1204);flex-direction:column;display:flex;overflow-y:auto}.done-row{height:calc(var(--u) * 116);padding:0 calc(var(--u) * 44);box-sizing:border-box;border:calc(var(--u) * 2) solid var(--line);border-radius:calc(var(--u) * 32);background:var(--surface);font-size:calc(var(--u) * 48);flex:none;justify-content:space-between;align-items:center;font-weight:500;display:flex}.done-row .answer-part{color:var(--right);font-weight:600}.done-row>.ic{color:var(--right)}.done-all{justify-content:center;display:flex}.done-all>div{width:calc(var(--u) * 240);height:calc(var(--u) * 240);background:var(--right-tint);color:var(--right);border-radius:50%;justify-content:center;align-items:center;display:flex}.scroller{overscroll-behavior:contain;position:absolute;inset:0;overflow-y:auto}.canvas:has(>.screen.fill){height:100%}.canvas:has(>.screen.fill) .sheet{padding-bottom:env(safe-area-inset-bottom,0px)}.page{gap:calc(var(--u) * 40);padding:calc(var(--u) * 96) calc(var(--u) * 64);flex-direction:column;display:flex}.page>.hdr{margin-left:calc(var(--u) * -16)}.canvas .sheet:focus{outline:none}.acc-form{gap:calc(var(--u) * 40);flex-direction:column;display:flex}.acc-slot{display:contents}.acc-form .field>div:empty{display:none}.acc-intro{font-size:calc(var(--u) * 34);color:var(--muted);text-wrap:pretty;line-height:1.45}.acc-intro.ink{color:var(--ink)}.acc-center{justify-content:center;display:flex}.acc-links{display:flex}.acc-links .link:after{top:calc(var(--u) * -20);transform:translate(-50%)}.link.acc-field-link:after{top:calc(var(--u) * -12);transform:translate(-50%)}.acc-above-button{left:calc(var(--u) * 64);width:calc(var(--u) * 952);bottom:calc(100% - var(--u) * 1664);font-size:calc(var(--u) * 30);color:var(--muted);text-wrap:pretty;line-height:1.4;position:absolute}.acc-note{font-size:calc(var(--u) * 30);color:var(--muted);text-wrap:pretty;line-height:1.45}.link.acc-field-link{font-size:calc(var(--u) * 30);align-self:flex-start}.acc-lost{gap:calc(var(--u) * 10);flex-direction:column;display:flex}.acc-lost-title{font-size:calc(var(--u) * 32);font-weight:500}.acc-lost-text{font-size:calc(var(--u) * 30);color:var(--muted);text-wrap:pretty;line-height:1.4}.acc-code{align-items:center;gap:calc(var(--u) * 20);padding:calc(var(--u) * 44) calc(var(--u) * 20);border-radius:calc(var(--u) * 40);background:var(--soft);border:calc(var(--u) * 2) solid var(--code-line);flex-direction:column;display:flex}.acc-code-line{font-size:calc(var(--u) * 64);letter-spacing:.08em;white-space:nowrap;-webkit-user-select:text;user-select:text;font-weight:500}.btn.btn-copy{height:calc(var(--u) * 96);padding:0 calc(var(--u) * 36);border-radius:calc(var(--u) * 32)}.btn.btn-copy.copied{background:var(--right-tint);color:var(--right-ink)}.doc{-webkit-user-select:text;user-select:text}.page.doc{padding-bottom:calc(var(--u) * 96 + env(safe-area-inset-bottom,0px))}.doc-meta{font-size:calc(var(--u) * 28);color:var(--muted)}.doc-section{gap:calc(var(--u) * 20);flex-direction:column;display:flex}.doc-heading{font-size:calc(var(--u) * 44);letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:600}.doc-para{font-size:calc(var(--u) * 34);text-wrap:pretty;max-width:50ch;line-height:1.6}.doc-list{gap:calc(var(--u) * 14);flex-direction:column;display:flex}.doc-item{gap:calc(var(--u) * 18);font-size:calc(var(--u) * 34);max-width:50ch;line-height:1.5;display:flex}.doc-item>span:last-child{text-wrap:pretty}.doc-dash{color:var(--primary);flex:none}.numpad{grid-template-columns:repeat(3,1fr);grid-auto-rows:calc(var(--u) * 150);gap:calc(var(--u) * 24);display:grid}.key{cursor:pointer;touch-action:manipulation;border:calc(var(--u) * 2) solid var(--line);border-radius:calc(var(--u) * 36);background:var(--surface);color:var(--ink);font-family:var(--font);font-size:calc(var(--u) * 64);justify-content:center;align-items:center;padding:0;font-weight:500;display:flex}.key.flash{border-color:var(--primary);background:var(--primary-tint)}.key>.ic{color:var(--muted)}.field{gap:calc(var(--u) * 12);flex-direction:column;display:flex}.field-label{font-size:calc(var(--u) * 32);font-weight:500}.field-box{justify-content:space-between;align-items:center;gap:calc(var(--u) * 20);height:calc(var(--u) * 132);padding:0 calc(var(--u) * 36);box-sizing:border-box;border:calc(var(--u) * 3) solid var(--line);border-radius:calc(var(--u) * 32);background:var(--surface);display:flex;position:relative}.field-box:focus-within{border-color:var(--primary)}.field-box.error{border-color:var(--wrong)}.field-input{min-width:0;color:var(--ink);font-family:var(--font);font-size:calc(var(--u) * 40);-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:none;flex:1;padding:0}.field-input::placeholder{color:var(--muted)}.field-input.secret{letter-spacing:.12em}.field-eye{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;display:flex;position:relative}.field-eye:before{content:"";width:var(--tap-min);height:var(--tap-min);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.field-hint{font-size:calc(var(--u) * 30);color:var(--muted)}.field-error{align-items:center;gap:calc(var(--u) * 12);font-size:calc(var(--u) * 30);color:var(--wrong);display:flex}.chips{gap:calc(var(--u) * 20);flex-wrap:wrap;display:flex}.chip{height:calc(var(--u) * 104);padding:0 calc(var(--u) * 40);box-sizing:border-box;cursor:pointer;border:calc(var(--u) * 3) solid var(--line);border-radius:calc(var(--u) * 52);background:var(--surface);color:var(--ink);font-family:var(--font);font-size:calc(var(--u) * 36);font-weight:500}.chip[aria-checked=true]{border-color:var(--primary);background:var(--primary-tint);color:var(--primary)}.seg{gap:calc(var(--u) * 8);height:calc(var(--u) * 112);padding:calc(var(--u) * 8);box-sizing:border-box;border-radius:calc(var(--u) * 36);background:var(--soft);display:flex}.seg-opt{border-radius:calc(var(--u) * 28);cursor:pointer;color:var(--muted);font-family:var(--font);font-size:calc(var(--u) * 34);background:0 0;border:0;flex:1;padding:0;font-weight:500}.seg-opt[aria-checked=true]{background:var(--seg-on);color:var(--ink);box-shadow:0 calc(var(--u) * 2) calc(var(--u) * 8) var(--seg-shadow)}.seg-opt.refused{border:calc(var(--u) * 3) dashed var(--wrong);color:var(--wrong)}.tiles{gap:calc(var(--u) * 16);grid-template-columns:repeat(5,1fr);display:grid}.tile{height:calc(var(--u) * 100);box-sizing:border-box;cursor:pointer;border:calc(var(--u) * 2) solid var(--line);border-radius:calc(var(--u) * 28);background:var(--surface);color:var(--ink);font-family:var(--font);font-size:calc(var(--u) * 40);padding:0;font-weight:500}.tiles.large .tile{height:calc(var(--u) * 120);border-radius:calc(var(--u) * 32);font-size:calc(var(--u) * 38)}.tile[aria-checked=true]{border-color:var(--primary);background:var(--primary);color:var(--on-primary)}.tile.refused{outline:calc(var(--u) * 4) solid var(--wrong);outline-offset:calc(var(--u) * 4)}.check-row{align-items:center;gap:calc(var(--u) * 28);width:100%;min-height:calc(var(--u) * 104);color:var(--ink);text-align:left;cursor:pointer;font-family:var(--font);background:0 0;border:0;padding:0;display:flex}.check-box{width:calc(var(--u) * 60);height:calc(var(--u) * 60);box-sizing:border-box;border-radius:calc(var(--u) * 18);border:calc(var(--u) * 3) solid var(--line);background:var(--surface);color:var(--on-primary);flex:none;justify-content:center;align-items:center;display:flex}.check-box>.ic{visibility:hidden}.check-row[aria-checked=true] .check-box{border-color:var(--primary);background:var(--primary)}.check-row[aria-checked=true] .check-box>.ic{visibility:visible}.check-texts{gap:calc(var(--u) * 4);flex-direction:column;display:flex}.check-label{font-size:calc(var(--u) * 38)}.check-sub{font-size:calc(var(--u) * 30);color:var(--muted)}.btn{justify-content:center;align-items:center;gap:calc(var(--u) * 14);height:calc(var(--u) * 136);border-radius:calc(var(--u) * 40);box-sizing:border-box;color:var(--muted);cursor:pointer;font-family:var(--font);font-size:calc(var(--u) * 42);white-space:nowrap;touch-action:manipulation;background:0 0;border:0;padding:0;font-weight:500;transition:background-color .2s,color .2s,box-shadow .2s,transform .2s;display:flex}.btn-primary{background:var(--primary);color:var(--on-primary);box-shadow:0 calc(var(--u) * 8) calc(var(--u) * 24) var(--shadow)}.btn-primary.flat{box-shadow:none}.btn-primary:active:not(:disabled){transform:translateY(calc(var(--u) * -4));box-shadow:0 calc(var(--u) * 16) calc(var(--u) * 36) var(--shadow)}.btn-primary:disabled{background:var(--soft);color:var(--muted);box-shadow:none;cursor:default}.btn-tonal{background:var(--primary-tint);color:var(--primary)}.btn-text{color:var(--muted)}.btn-danger{border:calc(var(--u) * 3) solid var(--wrong);color:var(--wrong)}.btn-danger-solid{background:var(--wrong);color:var(--on-primary)}.btn-text,.link,.settings-link{position:relative}.btn-text:after,.link:after,.settings-link:after{content:"";width:max(100%, var(--tap-text));height:max(100%, var(--tap-text));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sr-only{white-space:nowrap;clip-path:inset(50%);pointer-events:none;position:absolute;overflow:hidden}.round{width:calc(var(--u) * 96);height:calc(var(--u) * 96);background:var(--soft);color:var(--muted);cursor:pointer;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.hdr{align-items:center;gap:calc(var(--u) * 28);height:calc(var(--u) * 96);display:flex}.hdr-title{font-size:calc(var(--u) * 44);font-weight:600}.hdr-title.large{font-size:calc(var(--u) * 48)}.hdr-title.quiet{font-size:calc(var(--u) * 34);color:var(--muted);font-weight:400}.pill{align-items:center;gap:calc(var(--u) * 16);height:calc(var(--u) * 104);padding:0 calc(var(--u) * 44);border-radius:calc(var(--u) * 100);font-size:calc(var(--u) * 38);white-space:nowrap;font-weight:500;display:inline-flex}.pill.small{height:calc(var(--u) * 76);padding:0 calc(var(--u) * 32);gap:calc(var(--u) * 14);font-size:calc(var(--u) * 32)}.pill.wrong{background:var(--wrong-tint);color:var(--wrong-ink)}.pill.right{background:var(--right-tint);color:var(--right-ink)}.note{align-items:center;gap:calc(var(--u) * 16);padding:calc(var(--u) * 22) calc(var(--u) * 36);border-radius:calc(var(--u) * 32);background:var(--soft);color:var(--ink);font-size:calc(var(--u) * 34);text-wrap:pretty;line-height:1.35;display:flex}.note>.ic{color:var(--muted);flex:none}.warn{align-items:flex-start;gap:calc(var(--u) * 20);padding:calc(var(--u) * 28) calc(var(--u) * 32);border-radius:calc(var(--u) * 32);background:var(--wrong-tint);color:var(--wrong-ink);font-size:calc(var(--u) * 32);text-wrap:pretty;line-height:1.4;display:flex}.warn>.ic{flex:none}.warn.soft{background:var(--soft);color:var(--ink)}.warn.right{background:var(--right-tint);color:var(--right-ink)}.warn.small{gap:calc(var(--u) * 16);padding:calc(var(--u) * 24) calc(var(--u) * 28);border-radius:calc(var(--u) * 28);font-size:calc(var(--u) * 30)}.card{gap:calc(var(--u) * 36);padding:calc(var(--u) * 44);border:calc(var(--u) * 2) solid var(--line);border-radius:calc(var(--u) * 44);background:var(--surface);flex-direction:column;display:flex}.card-title{font-size:calc(var(--u) * 44);font-weight:600}.group{gap:calc(var(--u) * 12);flex-direction:column;display:flex}.group-head{align-items:baseline;gap:calc(var(--u) * 16);flex-wrap:wrap;display:flex}.group-label{font-size:calc(var(--u) * 34);font-weight:500}.group-hint{font-size:calc(var(--u) * 28);color:var(--muted);transition:color .2s}.group-hint.alert{color:var(--wrong)}.link{color:var(--primary);font-family:var(--font);font-size:calc(var(--u) * 32);cursor:pointer;background:0 0;border:0;padding:0;font-weight:500}.scrim{background:var(--scrim);position:absolute;inset:0}.sheet{background:var(--surface);color:var(--ink);border-radius:calc(var(--u) * 56) calc(var(--u) * 56) 0 0;box-shadow:0 calc(var(--u) * -12) calc(var(--u) * 40) var(--sheet-shadow);position:absolute;bottom:0;left:0;right:0;overflow:hidden}.sheet-handle{left:calc(var(--u) * 500);top:calc(var(--u) * 24);width:calc(var(--u) * 80);height:calc(var(--u) * 10);border-radius:calc(var(--u) * 5);background:var(--line);position:absolute}.sheet.draggable{touch-action:none}.confirm{padding:calc(var(--u) * 80) calc(var(--u) * 64) calc(var(--u) * 96);flex-direction:column;display:flex}.confirm-title{font-size:calc(var(--u) * 56);letter-spacing:-.01em;font-weight:600;line-height:1.25}.confirm-text{margin-top:calc(var(--u) * 20);color:var(--muted);text-wrap:pretty;line-height:1.4}.confirm-actions{gap:calc(var(--u) * 20);margin-top:calc(var(--u) * 124);flex-direction:column;display:flex}.confirm-extra{gap:calc(var(--u) * 32);margin-top:calc(var(--u) * 32);flex-direction:column;display:flex}@media (prefers-reduced-motion:reduce){.btn{transition:background-color .2s,color .2s}.btn-primary:active:not(:disabled){transform:none}}.mode-sub.short{color:var(--wrong)}.home-stuck>.ic{color:var(--muted)}.settings-link.stuck{color:var(--primary);font-weight:500}.learn-q{font-size:calc(var(--u) * 34);color:var(--muted)}.method-seg .seg-opt{justify-content:center;align-items:center;gap:calc(var(--u) * 12);display:flex}.method-seg .seg-opt>.ic{color:var(--muted)}.method-seg .seg-opt[aria-checked=true]>.ic{color:var(--primary)}.learn-fields{justify-content:center;align-items:flex-start;gap:calc(var(--u) * 36);font-size:calc(var(--u) * 96);font-weight:500;display:flex}.learn-fields.share{gap:calc(var(--u) * 28)}.lcol{align-items:center;gap:calc(var(--u) * 10);flex-direction:column;display:flex}.lop{height:calc(var(--u) * 170);align-items:center;display:flex}.lfield{width:calc(var(--u) * 220);height:calc(var(--u) * 170);box-sizing:border-box;cursor:pointer;border:calc(var(--u) * 4) dashed var(--line);border-radius:calc(var(--u) * 40);background:var(--surface);color:var(--ink);font-family:var(--font);font-size:calc(var(--u) * 96);flex:none;justify-content:center;align-items:center;padding:0;font-weight:500;display:flex}.learn-fields.share .lfield{width:calc(var(--u) * 200)}.lfield.filled{border-style:solid}.lfield.sel{border-color:var(--primary)}.learn-unknown{color:var(--muted)}.lcol-label{font-size:calc(var(--u) * 28);color:var(--muted);white-space:nowrap;font-weight:400}.learn-fields.noted .lcol-label{visibility:hidden}.learn-labels{justify-content:center;gap:calc(var(--u) * 120);font-size:calc(var(--u) * 28);color:var(--muted);display:flex}.learn-note{justify-content:center;align-items:center;gap:calc(var(--u) * 12);min-height:calc(var(--u) * 64);font-size:calc(var(--u) * 28);color:var(--ink);text-align:center;text-wrap:balance;line-height:1.2;display:flex}.learn-note>.ic{color:var(--muted);flex:none}.learn-sentence{font-size:calc(var(--u) * 34);color:var(--muted);text-wrap:pretty;line-height:1.4}.step-eq{justify-content:center;align-items:center;gap:calc(var(--u) * 28);font-size:calc(var(--u) * 110);letter-spacing:-.02em;white-space:nowrap;font-weight:500;display:flex}.step-eq .learn-unknown.solved{color:var(--right)}.step-card{box-sizing:border-box;border:calc(var(--u) * 2) solid var(--line);border-radius:calc(var(--u) * 48);background:var(--surface);overflow:hidden}.step-card.reduced{overscroll-behavior:contain;overflow-y:auto}.step-slot{margin-left:calc(var(--u) * 10)}.step-actions{gap:calc(var(--u) * 20);display:flex}.step-actions>.btn-text{width:calc(var(--u) * 320);flex:none}.step-actions>.btn-primary{flex:1}.step-actions>.btn-text:disabled{color:var(--ink-disabled);cursor:default}.step-actions.three{gap:calc(var(--u) * 16)}.step-actions.three>.btn-text{width:calc(var(--u) * 250);gap:calc(var(--u) * 10)}.step-actions.three>.btn-tonal{gap:calc(var(--u) * 10);flex:1}.step-actions.three>.btn-primary{width:calc(var(--u) * 280);gap:calc(var(--u) * 12);flex:none}.progress-row{align-items:center;gap:calc(var(--u) * 28);height:calc(var(--u) * 96);display:flex}.bar{height:calc(var(--u) * 14);border-radius:calc(var(--u) * 7);background:var(--line);flex:1;overflow:hidden}.bar-fill{border-radius:calc(var(--u) * 7);background:var(--primary);height:100%;transition:width .5s var(--ease-enter)}.bar-count{min-width:calc(var(--u) * 120);text-align:right;font-size:calc(var(--u) * 34);color:var(--muted);flex:none;font-weight:500}.task-group{pointer-events:none;position:absolute;inset:0}.op-label{text-align:center;font-size:calc(var(--u) * 36);color:var(--muted)}.equation{justify-content:center;align-items:center;gap:calc(var(--u) * 28);letter-spacing:-.02em;white-space:nowrap;color:var(--ink);font-weight:500;display:flex}.pill-slot{justify-content:center;display:grid}.pill-slot>*{visibility:hidden;grid-area:1/1;justify-self:center}.pill-slot>.sr-only{visibility:visible}.answer{height:calc(var(--u) * 210);box-sizing:border-box;border:calc(var(--u) * 4) dashed var(--primary);border-radius:calc(var(--u) * 44);background:var(--surface);color:var(--ink);flex:none;transition:background-color .2s,border-color .2s,color .2s;position:relative;overflow:hidden}.answer.typed{border-style:solid}.answer.right{border:calc(var(--u) * 4) solid var(--right);background:var(--right-tint);color:var(--right)}.answer.wrong{border:calc(var(--u) * 4) solid var(--wrong);background:var(--wrong-tint);color:var(--wrong)}.answer.fixed{transition:none}.answer-value{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.caret{left:calc(50% - var(--u) * 6);top:calc(var(--u) * 55);width:calc(var(--u) * 5);height:calc(var(--u) * 92);border-radius:calc(var(--u) * 3);background:var(--primary);opacity:0;animation:.667s step-end .4s infinite caret-blink;position:absolute}.answer:not(.empty) .caret{display:none}@keyframes caret-blink{0%{opacity:1}50%{opacity:0}to{opacity:0}}.x-scroll{position:absolute;inset:0;overflow:hidden}.x-scroll.reduced{overscroll-behavior:contain;overflow-y:auto}.x-kicker{left:calc(var(--u) * 64);top:calc(var(--u) * 60);font-size:calc(var(--u) * 32);color:var(--primary);font-weight:500;position:absolute}.x-title{left:calc(var(--u) * 64);top:calc(var(--u) * 104);width:calc(var(--u) * 952);font-size:calc(var(--u) * 50);letter-spacing:-.01em;color:var(--ink);font-weight:600;position:absolute}.x-slot{margin:calc(var(--u) * 100) 0 0 calc(var(--u) * 50);min-height:calc(var(--u) * 800);display:grid;position:relative}.x-slot>*{grid-area:1/1}.x-actions{gap:calc(var(--u) * 20);width:calc(var(--u) * 952);height:calc(var(--u) * 136);margin:0 0 calc(var(--u) * 104) calc(var(--u) * 64);visibility:hidden;display:flex}.x-actions>.btn-text{width:calc(var(--u) * 320);font-size:calc(var(--u) * 38);flex:none}.x-actions>.btn-primary{flex:1}.x-actions.three{gap:calc(var(--u) * 16)}.x-actions.three>.btn-text{width:calc(var(--u) * 250);gap:calc(var(--u) * 10)}.x-actions.three>.btn-tonal{gap:calc(var(--u) * 10);flex:1}.x-actions.three>.btn-primary{width:calc(var(--u) * 280);gap:calc(var(--u) * 12);flex:none}@media (prefers-reduced-motion:reduce){.bar-fill{transition:none}}.pg-grid{gap:calc(var(--u) * 6);grid-template-rows:repeat(11,1fr);grid-template-columns:repeat(11,1fr);display:grid}.pg-corner,.pg-label{color:var(--muted);justify-content:center;align-items:center;display:flex}.pg-corner{font-size:calc(var(--u) * 30)}.pg-label{font-size:calc(var(--u) * 28);font-weight:500}.pg-cell{border-radius:calc(var(--u) * 14);box-sizing:border-box}.pg-cell.mastered,.pg-swatch.mastered{background:var(--primary)}.pg-cell.growing,.pg-swatch.growing{background:var(--primary-tint)}.pg-cell.new,.pg-swatch.new{border:calc(var(--u) * 2) dashed var(--line)}.pg-legend{justify-content:center;gap:calc(var(--u) * 36);font-size:calc(var(--u) * 30);display:flex}.pg-legend-item{align-items:center;gap:calc(var(--u) * 12);display:flex}.pg-swatch{width:calc(var(--u) * 40);height:calc(var(--u) * 40);border-radius:calc(var(--u) * 10);box-sizing:border-box}.pg-caption{font-size:calc(var(--u) * 28);color:var(--muted);text-align:center;text-wrap:pretty;line-height:1.4}.pg-list{flex-direction:column;display:flex}.pg-row{grid-template-columns:1fr calc(var(--u) * 250) calc(var(--u) * 250);gap:calc(var(--u) * 16);min-height:calc(var(--u) * 148);border-top:calc(var(--u) * 2) solid var(--line);align-items:center;display:grid}.pg-list.single .pg-row{grid-template-columns:1fr calc(var(--u) * 250)}.pg-row.pg-head{min-height:0;padding-bottom:calc(var(--u) * 16);font-size:calc(var(--u) * 28);color:var(--muted);border-top:0}.pg-head>span{text-align:center}.pg-row-texts{gap:calc(var(--u) * 6);flex-direction:column;display:flex}.pg-row-name{font-size:calc(var(--u) * 34);line-height:1.25}.pg-row-example{font-size:calc(var(--u) * 26);color:var(--muted)}.pg-chip{height:calc(var(--u) * 72);border-radius:calc(var(--u) * 36);box-sizing:border-box;font-size:calc(var(--u) * 28);justify-content:center;align-items:center;font-weight:500;display:flex}.pg-chip.mastered{background:var(--primary);color:var(--on-primary)}.pg-chip.growing{background:var(--primary-tint);color:var(--primary)}.pg-chip.new{border:calc(var(--u) * 2) dashed var(--line);color:var(--muted)}.pg-none{font-size:calc(var(--u) * 30);color:var(--muted);text-align:center}.pg-recent{flex-direction:column;display:flex}.pg-recent-title{font-size:calc(var(--u) * 36);margin-bottom:calc(var(--u) * 16);font-weight:500}.pg-round{height:calc(var(--u) * 92);border-top:calc(var(--u) * 2) solid var(--line);font-size:calc(var(--u) * 32);justify-content:space-between;align-items:center;display:flex}.pg-round-topic,.pg-round.empty{color:var(--muted)}.card.tight{gap:calc(var(--u) * 32)}.set-slot{display:contents}.set-text{font-size:calc(var(--u) * 34);color:var(--muted);text-wrap:pretty;line-height:1.45}.set-note{font-size:calc(var(--u) * 30);color:var(--muted);text-wrap:pretty;line-height:1.45}.page.set-page{padding-bottom:calc(var(--u) * 72 + env(safe-area-inset-bottom,0px))}.set-footer{align-items:center;gap:calc(var(--u) * 6);margin-top:calc(var(--u) * 16);flex-direction:column;display:flex}.set-version{align-items:center;gap:calc(var(--u) * 11);font-size:calc(var(--u) * 26);color:var(--muted);cursor:default;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:flex}.set-version.copied{color:var(--right-ink)}.link.set-privacy{font-size:calc(var(--u) * 26)}.link.set-privacy:after{top:calc(var(--u) * -6);transform:translate(-50%)}.seg.seg-icons{height:calc(var(--u) * 168)}.seg-icons .seg-opt{justify-content:center;align-items:center;gap:calc(var(--u) * 8);font-size:calc(var(--u) * 30);flex-direction:column;display:flex}.seg-icons .seg-opt[aria-checked=true]>.ic{color:var(--primary)}.set-cleared{display:flex}.check-row.refused .check-box{outline:calc(var(--u) * 4) solid var(--wrong);outline-offset:calc(var(--u) * 4)}.btn.btn-compact{height:calc(var(--u) * 120);border-radius:calc(var(--u) * 36)}.btn-danger-solid:disabled{background:var(--soft);color:var(--muted);cursor:default}.btn.btn-inline{height:calc(var(--u) * 84);padding:0 calc(var(--u) * 32);border-radius:calc(var(--u) * 28);flex:none}.link.acc-retry{min-height:calc(var(--u) * 84);flex:none}.acc-buttons{gap:calc(var(--u) * 20);flex-direction:column;display:flex}.acc-row{align-items:center;gap:calc(var(--u) * 24);display:flex}.acc-texts{gap:calc(var(--u) * 4);flex-direction:column;flex:1;min-width:0;display:flex}.acc-user-icon{color:var(--primary);display:flex}.acc-name{font-size:calc(var(--u) * 40);overflow-wrap:anywhere;font-weight:500}.acc-sub{font-size:calc(var(--u) * 28);color:var(--muted);text-wrap:pretty;line-height:1.35}.acc-sync-icon{flex:none;display:flex}.acc-sync-icon.right{color:var(--right)}.acc-sync-icon.primary{color:var(--primary)}.acc-sync-icon.muted{color:var(--muted)}.acc-sync-icon.wrong{color:var(--wrong)}.acc-sync-title{font-size:calc(var(--u) * 36)}.canvas .acc-sync:focus{outline:none}.canvas .acc-sync:focus-visible{outline:calc(var(--u) * 4) solid var(--primary);outline-offset:calc(var(--u) * 8);border-radius:calc(var(--u) * 16)}.acc-list{flex-direction:column;display:flex}.acc-list-row{min-height:calc(var(--u) * 112);border:0;border-top:calc(var(--u) * 2) solid var(--line);cursor:pointer;text-align:left;color:var(--ink);font-family:var(--font);font-size:calc(var(--u) * 38);background:0 0;justify-content:space-between;align-items:center;padding:0;display:flex}.acc-list-row.danger{color:var(--wrong)}.acc-list-row>.ic{color:var(--muted);flex:none}.acc-list-texts{gap:calc(var(--u) * 4);flex-direction:column;display:flex}.acc-list-texts.with-sub{padding:calc(var(--u) * 16) 0}.acc-list-sub{font-size:calc(var(--u) * 28);color:var(--muted)}.card.share-row{align-items:center;gap:calc(var(--u) * 28);padding:calc(var(--u) * 36) calc(var(--u) * 44);cursor:pointer;text-align:left;width:100%;color:var(--ink);font-family:var(--font);flex-direction:row}.share-icon{width:calc(var(--u) * 88);height:calc(var(--u) * 88);border-radius:calc(var(--u) * 26);background:var(--primary-tint);color:var(--primary);flex:none;justify-content:center;align-items:center;display:flex}.share-texts{gap:calc(var(--u) * 4);flex-direction:column;flex:1;display:flex}.share-title{font-size:calc(var(--u) * 38);font-weight:500}.share-sub{font-size:calc(var(--u) * 28);color:var(--muted)}.share-row.copied .share-icon{background:var(--right-tint);color:var(--right)}.share-row.copied .share-title{color:var(--right)}.review-stage{position:absolute;inset:0}.review-title{font-size:calc(var(--u) * 84);letter-spacing:-.02em;font-weight:600}.review-lead{font-size:calc(var(--u) * 38);color:var(--muted);text-wrap:pretty;line-height:1.4}.review-list{gap:calc(var(--u) * 20);flex-direction:column;display:flex}.review-row{height:calc(var(--u) * 116);padding:0 calc(var(--u) * 44);box-sizing:border-box;border:calc(var(--u) * 2) solid var(--line);border-radius:calc(var(--u) * 32);background:var(--surface);font-size:calc(var(--u) * 48);white-space:nowrap;align-items:center;font-weight:500;display:flex}.review-unknown{color:var(--muted)}.review-head{align-items:center;gap:calc(var(--u) * 28);height:calc(var(--u) * 96);display:flex}.review-op{font-size:calc(var(--u) * 34);color:var(--muted);flex:1;font-weight:400}.review-count{min-width:calc(var(--u) * 120);text-align:right;font-size:calc(var(--u) * 34);color:var(--muted);flex:none;font-weight:500}