:root{--bg:#fff;--surface:#fff;--panel:#f9f4ee;--line:#ece4da;--line-2:#d9cfc3;--ink:#2d2c2b;--sub:#6b6560;--mute:#a39c94;--white:#fff;--brand:#0a5ceb;--brand-d:#0848b8;--brand-s:#e5eefe;--orange:#ff7a1a;--orange-s:#ffe8d6;--sun:#ffc42e;--sun-s:#fff3cf;--pink:#f25c8b;--pink-s:#fde3ec;--green:#2e9a5b;--green-s:#dff3e7;--coral:#e5483a;--coral-s:#fce4e1;--orange-ink:#a8480a;--pink-ink:#b8285a;--green-ink:#237a45;--ex-mendan:var(--orange);--ex-mendan-s:var(--orange-s);--ex-mensetsu:var(--brand);--ex-mensetsu-s:var(--brand-s);--ex-inbasket:var(--pink);--ex-inbasket-s:var(--pink-s);--ex-ronbun:var(--green);--ex-ronbun-s:var(--green-s);--ex-mendan-ink:var(--orange-ink);--ex-mensetsu-ink:var(--brand);--ex-inbasket-ink:var(--pink-ink);--ex-ronbun-ink:var(--green-ink);--ex-ink:var(--ink);--r-panel:32px;--r-card:24px;--r-box:16px;--r-pill:999px;--font:var(--font-zen-maru), "Hiragino Maru Gothic ProN", "Yu Gothic", sans-serif}.ex-mendan{--ex:var(--ex-mendan);--ex-s:var(--ex-mendan-s);--ex-ink:var(--ex-mendan-ink)}.ex-mensetsu{--ex:var(--ex-mensetsu);--ex-s:var(--ex-mensetsu-s);--ex-ink:var(--ex-mensetsu-ink)}.ex-inbasket{--ex:var(--ex-inbasket);--ex-s:var(--ex-inbasket-s);--ex-ink:var(--ex-inbasket-ink)}.ex-ronbun{--ex:var(--ex-ronbun);--ex-s:var(--ex-ronbun-s);--ex-ink:var(--ex-ronbun-ink)}*,:before,:after{box-sizing:border-box}h1,h2,h3,.h-app,.h-panel,.lp-h2,.lp-panel-title,.lp-calm-title,.lp-privacy-title{word-break:auto-phrase;text-wrap:balance}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:14px;font-weight:500;line-height:1.7}a{color:var(--brand)}a:hover{color:var(--brand-d)}button{font-family:inherit}h1,h2,h3,p{margin:0}:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.h-app{letter-spacing:.01em;font-size:30px;font-weight:900;line-height:1.4}.h-panel{font-size:18px;font-weight:900}.text-sub{color:var(--sub)}.small{font-size:13px}.note{color:var(--sub);font-size:12.5px}.big-number{font-size:56px;font-weight:900;line-height:1.1}.marker{background:linear-gradient(transparent 62%, var(--sun) 62%)}.btn,.btn-secondary,.btn-ex,.btn-white,.btn-outline-white{border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;border:0;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:700;line-height:1.5;text-decoration:none;display:inline-flex}.btn{background:var(--brand);color:var(--white)}.btn:hover{background:var(--brand-d);color:var(--white)}.btn-secondary{background:var(--ink);color:var(--white)}.btn-secondary:hover{color:var(--white);opacity:.88}.btn-ex{background:var(--ex-ink);color:var(--white)}.btn-ex:hover{color:var(--white);filter:brightness(.94)}.btn-white{background:var(--white);color:var(--ink)}.btn-white:hover{color:var(--ink)}.btn-outline-white{color:var(--white);border:1.5px solid var(--white);background:0 0}.btn-outline-white:hover{color:var(--white)}.btn-lg{padding:12px 24px;font-size:15px}.btn-xl{padding:13px 30px;font-size:16px}.btn-sm{padding:7px 17px}.btn[disabled],.btn-ex[disabled]{background:var(--line);color:var(--mute);cursor:not-allowed}.tag{border-radius:var(--r-pill);background:var(--panel);color:var(--sub);white-space:nowrap;padding:2px 10px;font-size:12px;font-weight:700;display:inline-block}.tag-ex{background:var(--ex-s);color:var(--ex-ink)}.tag-ex-solid{background:var(--ex-ink);color:var(--white)}.tag-green{background:var(--green-s);color:var(--green-ink)}.tag-coral{background:var(--coral-s);color:var(--coral)}.tag-brand{background:var(--brand);color:var(--white)}.tag-on-brand{color:var(--white);background:#ffffff2e}.tag-white{background:var(--white);color:var(--green-ink)}.gain{background:var(--sun);color:var(--ink);border-radius:var(--r-pill);padding:3px 12px;font-size:13px;font-weight:800;display:inline-block}.card{background:var(--panel);border-radius:var(--r-card)}.panel{background:var(--panel);border-radius:var(--r-panel)}.box{border-radius:var(--r-box)}.bar{background:var(--line);border-radius:var(--r-pill);height:8px;overflow:hidden}.bar>span{border-radius:var(--r-pill);background:var(--ex,var(--brand));height:100%;display:block}.bar-10{height:10px}.tile{background:var(--ex-s,var(--panel));color:var(--ex,var(--sub));border-radius:50%;flex:none;place-items:center;display:grid}.app-shell{min-height:100vh;display:flex}.app-nav{flex-direction:column;flex:none;gap:4px;width:220px;height:100vh;padding:20px 14px;font-size:14.5px;display:flex;position:sticky;top:0}.logo{color:var(--ink);align-items:center;gap:10px;font-size:19px;font-weight:900;text-decoration:none;display:flex}.logo:hover{color:var(--ink)}.logo-dot{background:var(--orange);border-radius:50%;flex:none;width:32px;height:32px}.app-nav .logo{padding:0 8px 20px}.nav-item{border-radius:var(--r-pill);color:var(--ink);align-items:center;gap:12px;padding:10px 14px;text-decoration:none;display:flex}.nav-item:hover{color:var(--ink);background:var(--panel)}.nav-item svg{color:var(--sub)}.nav-item[aria-current=page]{background:var(--ink);color:var(--white);font-weight:700}.nav-item[aria-current=page] svg{color:var(--white)}.nav-logout{color:var(--sub);text-align:left;cursor:pointer;background:0 0;border:0;margin-top:auto;padding:8px 14px;font-size:12.5px}.app-main{flex-direction:column;flex:1;gap:20px;min-width:0;padding:28px 36px;display:flex}.app-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.bottom-nav{display:none}@media (max-width:900px){.app-nav{display:none}.app-main{padding:20px 16px 96px}.h-app{font-size:24px}.bottom-nav{background:var(--surface);border-top:1px solid var(--line);text-align:center;z-index:10;grid-template-columns:repeat(4,minmax(0,1fr));padding:8px 0 20px;font-size:11px;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:var(--sub);flex-direction:column;align-items:center;gap:2px;text-decoration:none;display:flex}.bottom-nav a[aria-current=page]{color:var(--brand);font-weight:700}}.row{align-items:center;gap:12px;display:flex}.stack{flex-direction:column;display:flex}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}@media (max-width:1100px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.grid-4,.grid-3{grid-template-columns:minmax(0,1fr)}}.avatar{border-radius:50%;flex:none;position:relative}.avatar>i{display:block;position:absolute}.avatar .body{border-radius:50% 50% 46% 46%}.avatar .eye,.avatar .mouth-flat,.avatar .cheek{border-radius:var(--r-pill)}.avatar .eye,.avatar .mouth-flat,.avatar .mouth-smile{background:var(--ink)}.avatar .mouth-smile{border-radius:0 0 999px 999px}.avatar .cheek{background:var(--white);opacity:.35}.avatar .speaking{transform-origin:50%;animation:.28s ease-in-out infinite alternate avatar-talk}@keyframes avatar-talk{0%{transform:scaleY(1)}to{transform:scaleY(3.2)}}@media (prefers-reduced-motion:reduce){.avatar .speaking{animation:none}}