:root{--color-ink:#172033;--color-muted:#5f6a7d;--color-subtle:#8a93a3;--color-line:#e5e9f1;--color-line-strong:#d3d9e4;--color-canvas:#f6f8fc;--color-card:#fff;--color-card-muted:#f8f9fc;--color-nav:#121a2b;--color-nav-soft:#1d2940;--color-nav-text:#c8d1e1;--color-nav-muted:#8f9bb0;--color-nav-active-text:#fff;--color-indigo:#4f46e5;--color-primary:#574dbb;--color-primary-hover:#4a41a6;--color-on-primary:#fff;--color-link:#554bb8;--color-focus:#4f46e5;--learn-selected-border:#7469d2;--learn-selected-background:#f0eeff;--learn-selected-text:#554bb8;--learn-correct-border:#58aa88;--learn-correct-background:#eaf8f2;--learn-correct-text:#16754f;--learn-wrong-border:#da887e;--learn-wrong-background:#fff0ee;--learn-wrong-text:#b04a40;--learn-rhythm-steady:#47a580;--learn-rhythm-caution:#e8aa45;--learn-rhythm-strained:#d66f5c;--wallet-pet-coin-background:#fbf3e3;--wallet-pet-coin-border:#e7cf9f;--wallet-pet-coin-text:#7a5418;--wallet-pet-coin-icon:#bd9459;--wallet-cc-background:#eef6f4;--wallet-cc-border:#a9d3c6;--wallet-cc-text:#1f6553;--wallet-cc-icon:#3a9278;--fur-honey:#d8a86a;--fur-tan:#c8925a;--fur-russet:#9a5a34;--fur-cocoa:#6f4430;--fur-muzzle-taupe:#a07a70;--font-sans:Inter, "Segoe UI", system-ui, -apple-system, sans-serif;--font-numeric:Inter, "Segoe UI", system-ui, -apple-system, sans-serif;--type-display-size:30px;--type-display-weight:750;--type-display-line:1.24;--type-title-size:24px;--type-title-weight:750;--type-title-line:1.3;--type-section-size:20px;--type-section-weight:700;--type-section-line:1.35;--type-lead-size:18px;--type-lead-weight:450;--type-lead-line:1.78;--type-body-size:16px;--type-body-weight:400;--type-body-line:1.7;--type-control-size:15px;--type-control-weight:650;--type-control-line:1.3;--type-meta-size:13px;--type-meta-weight:550;--type-meta-line:1.45;--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--radius-xs:6px;--radius-sm:8px;--radius-control:10px;--radius-card:11px;--radius-question:14px;--radius-pill:999px;--shadow-card:0 1px 2px #121a2b05;--shadow-raised:0 6px 18px #121a2b14;--shadow-overlay:0 16px 40px #121a2b29;--motion-instant:80ms;--motion-fast:.14s;--motion-base:.2s;--motion-slow:.32s;--ease-standard:cubic-bezier(.2,0,0,1);--ease-exit:cubic-bezier(.4,0,1,1);--touch-min-target:44px;--touch-option:50px;--touch-tab-item:55px;--touch-field:48px;--layout-tablet:600px;--layout-desktop:1100px;--layout-reading-measure:680px;--layout-content-max:1180px;--layout-sidebar:224px;--ink:#172033;--green:#24364e;--mint:#edf1f6;--cream:#f6f8fc;--gold:#bd9459;--muted:#5f6a7d;--line:#e5e9f1}[data-theme=dark]{--color-ink:#e8ecf4;--color-muted:#a3adbf;--color-line:#2b3750;--color-canvas:#0f1626;--color-card:#172033;--color-primary:#9d95f0;--color-on-primary:#121a2b;--color-link:#b5aef5}@media (prefers-reduced-motion:reduce){:root{--motion-instant:0s;--motion-fast:0s;--motion-base:0s;--motion-slow:0s}}*{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{color:var(--color-ink);background:var(--color-canvas);font-family:var(--font-sans);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line);margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--type-control-size);font-weight:var(--type-control-weight);line-height:var(--type-control-line);min-height:var(--touch-min-target);transition:background var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard);border:1px solid #0000;padding:11px 18px}button:hover:not(:disabled){background:var(--color-primary-hover)}button:disabled{cursor:default;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}a{color:var(--color-link);text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:var(--type-display-size);line-height:var(--type-display-line);font-weight:var(--type-display-weight);letter-spacing:-.5px;margin-bottom:var(--space-3)}h2{font-size:var(--type-title-size);line-height:var(--type-title-line);font-weight:var(--type-title-weight);letter-spacing:-.3px;margin-bottom:var(--space-3)}h3{font-size:var(--type-section-size);line-height:var(--type-section-line);font-weight:var(--type-section-weight);margin-bottom:var(--space-2)}p{color:var(--color-muted)}small{font-size:var(--type-meta-size)}.secondary{background:var(--color-card);color:var(--color-ink);border-color:var(--color-line-strong)}.secondary:hover:not(:disabled){background:var(--color-card-muted)}.quiet{color:var(--color-link);background:0 0;padding:8px 10px}.quiet:hover:not(:disabled){background:var(--color-card-muted)}.button-link{min-height:var(--touch-min-target);border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--type-control-size);font-weight:var(--type-control-weight);justify-content:center;align-items:center;padding:11px 18px;display:inline-flex}.button-link.secondary{background:var(--color-card);color:var(--color-ink);border:1px solid var(--color-line-strong)}.muted{color:var(--color-muted);font-size:var(--type-meta-size)}.eyebrow{font-size:var(--type-meta-size);font-weight:var(--type-meta-weight);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);margin-bottom:var(--space-2);display:block}.prewrap{white-space:pre-line}.shell{grid-template-columns:var(--layout-sidebar) minmax(0,1fr);min-height:100vh;display:grid}.side{background:var(--color-nav);color:var(--color-nav-text);padding:var(--space-6) var(--space-4);gap:var(--space-5);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.brand{align-items:baseline;gap:var(--space-2);color:var(--color-nav-active-text);letter-spacing:-.5px;font-size:24px;font-weight:700;display:flex}.brand small{color:var(--color-nav-muted);letter-spacing:0;font-weight:500;font-size:var(--type-meta-size)}.side nav{gap:var(--space-1);flex-direction:column;display:flex}.nav-link{align-items:center;gap:var(--space-3);min-height:var(--touch-min-target);border-radius:var(--radius-sm);color:var(--color-nav-text);font-size:var(--type-control-size);padding:10px 12px;font-weight:600;display:flex}.nav-link span{text-align:center;width:22px}.nav-link:hover,.nav-link[aria-current=page]{background:var(--color-nav-soft);color:var(--color-nav-active-text)}.side-foot{gap:var(--space-2);font-size:var(--type-meta-size);color:var(--color-nav-muted);flex-direction:column;margin-top:auto;display:flex}.side-foot .nav-link{border:1px solid var(--color-nav-soft)}.main{min-width:0;padding:var(--space-7) var(--space-8);max-width:var(--layout-content-max);width:100%}.topline{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.banner{font-size:var(--type-meta-size);color:var(--color-muted);border-left:3px solid var(--color-line-strong);margin-bottom:var(--space-5);padding:4px 10px}.parent-top{background:var(--color-nav);color:var(--color-nav-text)}.parent-top-inner{max-width:var(--layout-content-max);padding:var(--space-4) var(--space-8);gap:var(--space-4);flex-wrap:wrap;justify-content:space-between;align-items:center;margin:0 auto;display:flex}.parent-top nav{gap:var(--space-1);flex-wrap:wrap;display:flex}.parent-top select{min-height:var(--touch-min-target);border-radius:var(--radius-sm);border:1px solid var(--color-nav-soft);background:var(--color-nav-soft);color:var(--color-nav-active-text);padding:8px 10px}.parent-top .quiet{color:var(--color-nav-text)}.parent-top .quiet:hover:not(:disabled){background:var(--color-nav-soft)}.parent-main{max-width:var(--layout-content-max);padding:var(--space-7) var(--space-8);margin:0 auto}.public{min-height:100vh;padding:var(--space-6);place-items:center;display:grid}.public-card{background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius-question);width:100%;max-width:920px;box-shadow:var(--shadow-raised);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);display:grid;overflow:hidden}.public-art{background:var(--color-nav);color:var(--color-nav-text);padding:var(--space-7);text-align:center;justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.public-art img{width:100%;max-width:260px;height:auto}.public-art h1{color:var(--color-nav-active-text);margin:0}.public-art p{color:var(--color-nav-text);margin:0}.public-form{padding:var(--space-7)}.loading{padding:var(--space-8);color:var(--color-muted)}.page-head{margin-bottom:var(--space-6);max-width:var(--layout-reading-measure)}.page-head p{font-size:var(--type-lead-size);line-height:var(--type-lead-line);margin:0}.card{background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius-card);padding:var(--space-6);box-shadow:var(--shadow-card);margin-bottom:var(--space-5);min-width:0}.card>:last-child{margin-bottom:0}.card.soft{background:var(--color-card-muted)}.grid-2{gap:var(--space-5);margin-bottom:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.grid-3{gap:var(--space-5);margin-bottom:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.grid-2>.card,.grid-3>.card{margin-bottom:0}.row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.row.spread{justify-content:space-between}.stack{gap:var(--space-3);flex-direction:column;display:flex}.list{margin:0;padding:0;list-style:none}.list>li{gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--color-line);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.list>li:first-child{border-top:0}.list strong{display:block}.notice{border-radius:var(--radius-sm);margin-bottom:var(--space-4);border:1px solid var(--color-line);background:var(--color-card);gap:var(--space-3);flex-wrap:wrap;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.notice.error{border-color:var(--learn-wrong-border);background:var(--learn-wrong-background);color:var(--learn-wrong-text)}.notice.ok{border-color:var(--learn-correct-border);background:var(--learn-correct-background);color:var(--learn-correct-text)}.notice button{min-height:36px;padding:6px 12px}.wallet{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{border-radius:var(--radius-pill);font-size:var(--type-meta-size);border:1px solid var(--color-line);background:var(--color-card);color:var(--color-ink);align-items:center;gap:6px;padding:4px 12px;font-weight:600;display:inline-flex}.chip.coin{background:var(--wallet-pet-coin-background);border-color:var(--wallet-pet-coin-border);color:var(--wallet-pet-coin-text)}.chip.cc{background:var(--wallet-cc-background);border-color:var(--wallet-cc-border);color:var(--wallet-cc-text)}.badge,.nav-link span.badge{border-radius:var(--radius-pill);background:var(--learn-wrong-text);color:#fff;justify-content:center;align-items:center;width:auto;min-width:20px;height:20px;margin-left:6px;padding:0 6px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}details>summary{cursor:pointer;min-height:var(--touch-min-target);align-items:center;gap:6px;display:flex}.side .chip{background:var(--color-nav-soft);border-color:var(--color-nav-soft);color:var(--color-nav-text)}.level{margin:var(--space-3) 0}.level-row{justify-content:space-between;gap:var(--space-3);font-size:var(--type-meta-size);margin-bottom:6px;display:flex}.level-row strong{font-size:var(--type-control-size)}.bar{border-radius:var(--radius-pill);background:var(--color-line);height:8px;overflow:hidden}.bar>span{background:var(--color-primary);border-radius:var(--radius-pill);height:100%;display:block}.bar.pet>span{background:var(--fur-tan)}.field{font-size:var(--type-meta-size);color:var(--color-muted);margin-bottom:var(--space-3);flex-direction:column;gap:6px;font-weight:600;display:flex}.field input,.field select{min-height:var(--touch-field);border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);font-size:var(--type-body-size);color:var(--color-ink);background:var(--color-card);padding:10px 12px;font-weight:400}.form-grid{gap:0 var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;display:grid}.segmented{gap:var(--space-1);background:var(--color-card-muted);border:1px solid var(--color-line);border-radius:var(--radius-control);margin-bottom:var(--space-4);flex-wrap:wrap;padding:4px;display:flex}.segmented button{color:var(--color-muted);background:0 0;flex:1;min-height:40px;padding:8px 10px}.segmented button[aria-pressed=true]{background:var(--color-card);color:var(--color-ink);border-color:var(--color-line-strong)}.recommend{border-color:var(--learn-selected-border);background:var(--learn-selected-background)}.recommend h2{color:var(--learn-selected-text)}.question{border-radius:var(--radius-question)}.question-nav{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.question-nav button{min-width:var(--touch-min-target);background:var(--color-card);color:var(--color-ink);border-color:var(--color-line-strong);padding:8px 10px}.question-nav button[aria-current=true]{border-color:var(--learn-selected-border);background:var(--learn-selected-background);color:var(--learn-selected-text)}.prompt{color:var(--color-ink);white-space:pre-line;overflow-wrap:anywhere;max-width:var(--layout-reading-measure);font-size:20px;line-height:1.7}.options{gap:var(--space-2);margin-bottom:var(--space-4);max-width:var(--layout-reading-measure);flex-direction:column;display:flex}.option{text-align:left;min-height:var(--touch-option);background:var(--color-card);color:var(--color-ink);border:1px solid var(--color-line-strong);border-radius:var(--radius-control)}.option:hover:not(:disabled){background:var(--color-card-muted)}.option[aria-pressed=true]{border-color:var(--learn-selected-border);background:var(--learn-selected-background);color:var(--learn-selected-text)}.answer-field{gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:flex-end;display:flex}.answer-field label{flex:220px;max-width:320px;margin:0}.answer-field input{font-size:22px}.format{font-size:var(--type-meta-size);color:var(--color-muted);flex:220px;margin:0;padding-bottom:12px}.hint{border-left:3px solid var(--learn-selected-border);background:var(--learn-selected-background);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:var(--space-3) 0;padding:12px 14px}.hint p{color:var(--color-ink);margin:4px 0 0}.result{border:1px solid var(--color-line);border-radius:var(--radius-control);padding:var(--space-4);margin:var(--space-4) 0}.result.correct{border-color:var(--learn-correct-border);background:var(--learn-correct-background)}.result.correct>strong{color:var(--learn-correct-text)}.result.wrong{border-color:var(--learn-wrong-border);background:var(--learn-wrong-background)}.result.wrong>strong{color:var(--learn-wrong-text)}.result p{color:var(--color-ink)}.pet-stage{aspect-ratio:4/3;border-radius:var(--radius-question);background:var(--color-card-muted);border:1px solid var(--color-line);width:100%;position:relative;overflow:hidden}.pet-stage canvas{width:100%;height:100%;display:block}.pet-stage .overlay{text-align:center;padding:var(--space-5);color:var(--color-muted);place-items:center;display:grid;position:absolute;inset:0}.pet-stage .overlay img{width:min(60%,260px);height:auto}.pet-line{margin-top:var(--space-3)}.portrait{width:100%;max-width:280px;height:auto;margin:0 auto;display:block}.tricks{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin:0;padding:0;list-style:none;display:grid}.tricks li{border:1px solid var(--color-line);border-radius:var(--radius-sm);font-size:var(--type-meta-size);padding:10px 12px}.tricks li strong{font-size:var(--type-control-size);display:block}.tricks li.on{border-color:var(--learn-correct-border);background:var(--learn-correct-background)}.tricks button{width:100%;min-height:36px;margin-top:6px;padding:6px 10px}.product-art{background:var(--color-card-muted);border:1px solid var(--color-line);border-radius:var(--radius-sm);height:140px;margin-bottom:var(--space-4);place-items:center;font-size:40px;display:grid;overflow:hidden}.product-art img{width:auto;height:100%}.price{color:var(--wallet-pet-coin-text);font-weight:700}.cc-price{color:var(--wallet-cc-text);font-weight:700}@media (max-width:1100px){.main{padding:var(--space-6)}.parent-main,.parent-top-inner{padding-left:var(--space-6);padding-right:var(--space-6)}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.shell{display:block}.side{z-index:5;height:auto;padding:var(--space-3) var(--space-4);gap:var(--space-2);position:sticky;top:0}.side nav{gap:var(--space-1);margin:0 calc(-1*var(--space-4));padding:0 var(--space-4);flex-direction:row;overflow-x:auto}.nav-link{font-size:var(--type-meta-size);flex:none;padding:8px 10px}.side-foot{flex-flow:wrap;align-items:center;margin-top:0}.side-foot .nav-link{padding:6px 10px}.side .hide-phone{display:none}.main,.parent-main{padding:var(--space-5) var(--space-4)}.parent-top-inner{padding:var(--space-3) var(--space-4)}.grid-2,.grid-3{grid-template-columns:1fr}.card{padding:var(--space-5)}.public{padding:var(--space-3);place-items:start center}.public-card{grid-template-columns:1fr}.public-art{text-align:left;padding:var(--space-5);flex-direction:row}.public-art img{width:96px}.public-form{padding:var(--space-5)}h1{font-size:26px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}