:root{--milk:#fff6ec;--milk-card:#fffbf5;--milk-sub:#fff0e0;--berry:#ff6fa5;--berry-deep:#d94e84;--berry-tint:#ffe0ec;--mint:#56d6be;--mint-deep:#2fb39a;--mint-tint:#d6f6ee;--blue:#6c7bff;--blue-tint:#e3e6ff;--custard:#ffc94d;--custard-deep:#e8a715;--custard-tint:#fff0c9;--ink:#574234;--ink-soft:#9a8674;--shadow:#ead9c6;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;font-family:Zen Maru Gothic,Hiragino Maru Gothic ProN,system-ui,sans-serif;font-weight:700}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{background:#f3e4d2;min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer;font-family:inherit}button:disabled{cursor:not-allowed;opacity:.4}.app-shell{place-items:center;height:100dvh;padding:0;display:grid}.phone{background-color:var(--milk);background-image:radial-gradient(circle at 14% 12%,#ff6fa51a 0 12px,#0000 13px),radial-gradient(circle at 84% 20%,#56d6be1f 0 15px,#0000 16px),radial-gradient(circle at 80% 82%,#6c7bff17 0 14px,#0000 15px),radial-gradient(circle at 20% 88%,#ffc94d24 0 11px,#0000 12px);flex-direction:column;width:min(440px,100vw);height:100dvh;max-height:100dvh;display:flex;position:relative;overflow:hidden}@media (width>=480px){.phone{border:4px solid var(--ink);height:min(900px,96dvh);box-shadow:0 18px 0 var(--shadow);border-radius:36px}}.topbar{flex:none;padding:14px 16px 10px}.topbar-row{align-items:center;gap:10px;display:flex}.topbar-bubble{border:3px solid var(--ink);min-width:0;box-shadow:0 4px 0 var(--shadow);background:#fff;border-radius:16px;flex:1;padding:8px 12px;position:relative}.topbar-bubble strong{color:var(--berry-deep);font-family:Mochiy Pop One,sans-serif;font-size:.72rem;display:block}.topbar-bubble p{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.3em;margin:1px 0 0;font-size:.84rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.bubble-text{animation:.4s bubble-in}@keyframes bubble-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.bubble-text{animation:none}}.points-chip{border:3px solid var(--ink);background:var(--custard);width:52px;height:52px;box-shadow:0 4px 0 var(--custard-deep);border-radius:50%;flex:none;place-items:center;padding:0;line-height:1;display:grid}.points-chip:active{box-shadow:none;transform:translateY(3px)}.points-chip span{color:var(--ink);font-size:.6rem}.points-chip strong{color:var(--ink);font-family:"M PLUS Rounded 1c",sans-serif;font-size:1.2rem;font-weight:900}.meter{align-items:center;gap:6px;margin-top:12px;padding:0 2px;display:flex}.meter-dot{background:var(--milk-card);border:2px solid #5742344d;border-radius:50%;flex:none;width:10px;height:10px}.meter-dot.is-done{background:var(--mint);border-color:var(--mint-deep)}.meter-dot.is-current{background:var(--berry);border-color:var(--ink);width:16px;height:16px}.meter-label{color:var(--berry-deep);margin-left:auto;font-family:Mochiy Pop One,sans-serif;font-size:.72rem}.screen-area{flex:1;min-height:0;padding:4px 16px 16px;display:flex}.screen{border:3px solid var(--ink);background:var(--milk-card);min-height:0;box-shadow:0 6px 0 var(--shadow);border-radius:24px;flex-direction:column;flex:1;display:flex;overflow:hidden}.screen-body{flex-direction:column;flex:1;min-height:0;padding:18px 16px 8px;display:flex;overflow-y:auto}.screen-title{color:var(--ink);margin:0;font-family:Mochiy Pop One,sans-serif;font-size:1.35rem;line-height:1.3}.screen-lead{color:var(--ink-soft);margin:8px 0 0;font-size:.9rem;font-weight:700;line-height:1.55}.screen-content{flex-direction:column;gap:10px;margin-top:14px;display:flex}.home-screen .screen-content,.timer-screen .screen-content,.result-screen .screen-content{flex:1;justify-content:center}.screen-foot{padding:12px 16px calc(14px + env(safe-area-inset-bottom));background:var(--milk-card);border-top:2px dashed #5742342e;flex:none;gap:10px;display:grid}.foot-actions{grid-template-columns:.8fr 1.2fr;gap:10px;display:grid}.primary-action,.secondary-action,.ghost-action{border:3px solid var(--ink);border-radius:999px;min-height:52px;padding:0 18px;font-family:Mochiy Pop One,sans-serif;font-size:1rem;transition:transform 80ms,box-shadow 80ms}.primary-action{background:var(--berry);color:#fff;box-shadow:0 5px 0 var(--berry-deep)}.primary-action.big{min-height:60px;font-size:1.15rem}.primary-action:active:not(:disabled){box-shadow:0 1px 0 var(--berry-deep);transform:translateY(4px)}.secondary-action{background:var(--milk-card);color:var(--ink);box-shadow:0 5px 0 var(--shadow)}.secondary-action:active{box-shadow:0 1px 0 var(--shadow);transform:translateY(4px)}.ghost-action{min-height:46px;color:var(--ink-soft);box-shadow:none;background:0 0;border-style:dashed;border-color:#57423466;font-size:.9rem}.stat-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stat-chip{border:3px solid var(--ink);text-align:center;box-shadow:0 4px 0 var(--shadow);border-radius:16px;padding:12px 8px}.stat-chip span{color:var(--ink-soft);font-size:.72rem;display:block}.stat-chip strong{color:var(--ink);margin-top:2px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:1.5rem;font-weight:900;display:block}.stat-chip strong.title-text{font-family:Zen Maru Gothic,sans-serif;font-size:.92rem}.tint-mint{background:var(--mint-tint)}.tint-custard{background:var(--custard-tint)}.tint-blue{background:var(--blue-tint)}.field-label{color:var(--ink-soft);margin:6px 0 2px;font-size:.82rem;font-weight:800}.chip-grid{gap:10px;display:grid}.chip-grid.cols-1{grid-template-columns:1fr}.chip-grid.cols-2{grid-template-columns:1fr 1fr}.chip-grid.cols-3{grid-template-columns:repeat(3,1fr)}.chip{background:var(--milk-card);min-height:50px;color:var(--ink);border:3px solid #57423442;border-radius:14px;padding:8px 12px;font-size:.95rem;font-weight:800;transition:transform 80ms}.chip.wide{text-align:left;min-height:54px}.chip:active{transform:scale(.96)}.chip.is-selected{border-color:var(--ink);background:var(--custard);color:var(--ink);box-shadow:0 4px 0 var(--custard-deep)}.chip.control{min-height:50px;font-family:Mochiy Pop One,sans-serif}.chip.recommend{border-color:var(--mint-deep);background:var(--mint-tint)}.chip.recommend.is-selected{border-color:var(--ink);background:var(--mint);color:#0c4a3d;box-shadow:0 4px 0 var(--mint-deep)}.callout-wrap{margin-top:66px;position:relative}.today-note{text-align:right;flex-direction:column;align-items:flex-end;max-width:58%;line-height:1.25;display:flex;position:absolute;top:-66px;right:2px}.today-note-label{color:var(--berry-deep);font-size:.64rem;font-weight:800}.today-note-body{color:var(--ink);font-size:.74rem;font-weight:800}.loop-arrow{width:116px;height:74px;color:var(--berry);pointer-events:none;position:absolute;top:-40px;right:28px}.write-screen .screen-content{flex:1;min-height:0}.starter-row{flex-wrap:wrap;gap:8px;display:flex}.starter-chip{border:2px solid var(--berry);background:var(--berry-tint);color:var(--berry-deep);border-radius:999px;padding:8px 12px;font-size:.82rem;font-weight:800}.starter-chip:active{transform:scale(.95)}.focus-textarea{border:3px solid var(--ink);width:100%;min-height:140px;color:var(--ink);resize:none;background:#fffefb;border-radius:18px;outline:none;flex:1;margin-top:10px;padding:14px 16px;font-size:1.02rem;font-weight:700;line-height:1.7}.focus-textarea:focus{box-shadow:0 0 0 4px var(--berry-tint)}.stepper-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stepper{background:var(--milk-sub);text-align:center;border:3px solid #57423433;border-radius:18px;gap:8px;padding:12px;display:grid}.stepper-label{color:var(--ink-soft);font-size:.82rem;font-weight:800}.stepper-controls{justify-content:space-between;align-items:center;gap:8px;display:flex}.stepper-controls button{border:3px solid var(--ink);background:var(--berry);color:#fff;width:44px;height:44px;box-shadow:0 3px 0 var(--berry-deep);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:50%;font-size:1.4rem;line-height:1}.stepper-controls button:active:not(:disabled){box-shadow:none;transform:translateY(3px)}.stepper-controls strong{color:var(--ink);font-family:"M PLUS Rounded 1c",sans-serif;font-size:1.8rem;font-weight:900}.rating-control{background:var(--milk-sub);border:3px solid #57423433;border-radius:18px;gap:10px;padding:14px;display:grid}.rating-heading{justify-content:space-between;align-items:baseline;display:flex}.rating-heading strong{font-size:1.05rem}.rating-heading span{color:var(--berry-deep);font-family:"M PLUS Rounded 1c",sans-serif;font-weight:900}.rating-buttons{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.rating-buttons button{background:var(--milk-card);min-height:50px;color:var(--ink);border:3px solid #57423442;border-radius:14px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:1.2rem;font-weight:900}.rating-buttons button.is-selected{border-color:var(--ink);background:var(--custard);box-shadow:0 4px 0 var(--custard-deep)}.rating-caption{color:var(--ink-soft);justify-content:space-between;gap:10px;font-size:.74rem;font-weight:700;display:flex}.boolean-check{background:var(--milk-sub);border:3px solid #57423433;border-radius:18px;gap:10px;padding:14px;display:grid}.boolean-check strong{font-size:1.02rem}.boolean-check div{grid-template-columns:1fr 1fr;gap:10px;display:grid}.boolean-check button{background:var(--milk-card);min-height:52px;color:var(--ink);border:3px solid #57423442;border-radius:14px;font-family:Mochiy Pop One,sans-serif;font-size:1rem}.boolean-check button.is-selected{border-color:var(--ink);background:var(--mint);color:#0c4a3d;box-shadow:0 4px 0 var(--mint-deep)}.timer-screen .screen-content{align-items:center;gap:22px}.timer-ring{aspect-ratio:1;border:4px solid var(--ink);width:min(230px,64vw);box-shadow:inset 0 0 0 14px var(--milk-card), 0 6px 0 var(--shadow);border-radius:50%;place-items:center;display:grid}.timer-ring span{aspect-ratio:1;background:var(--milk-card);border:3px solid var(--ink);width:66%;color:var(--ink);border-radius:50%;place-items:center;font-family:"M PLUS Rounded 1c",sans-serif;font-size:2.6rem;font-weight:900;display:grid}.timer-actions{gap:12px;display:flex}.result-screen .screen-content{align-items:center;gap:18px}.result-badge{justify-items:center;gap:8px;display:grid}.result-badge span{background:var(--custard);border:4px solid var(--ink);width:116px;height:116px;color:var(--ink);box-shadow:0 6px 0 var(--custard-deep);border-radius:50%;place-items:center;font-family:Mochiy Pop One,sans-serif;font-size:1.8rem;display:grid}.result-badge strong{color:var(--berry-deep);font-family:Mochiy Pop One,sans-serif;font-size:1.3rem}.result-screen .stat-row{width:100%}.mascot{background:radial-gradient(circle at 34% 28%, #fff 0 9%, transparent 10%), var(--berry);border:3px solid var(--ink);width:52px;height:52px;box-shadow:0 4px 0 var(--shadow);border-radius:50%;flex:none;position:relative}.mascot:before,.mascot:after{content:"";background:var(--custard);border:3px solid var(--ink);border-radius:50%;width:18px;height:18px;position:absolute;top:-8px}.mascot:before{left:4px}.mascot:after{right:4px}.mascot-face{position:absolute;inset:0}.eye{background:var(--ink);border-radius:999px;width:6px;height:9px;position:absolute;top:21px}.left-eye{left:16px}.right-eye{right:16px}.smile{border-bottom:3px solid var(--ink);border-radius:0 0 999px 999px;width:14px;height:7px;position:absolute;top:32px;left:19px}.overlay{z-index:40;background:#57423466;place-items:end center;display:grid;position:fixed;inset:0}.overlay-sheet{border:3px solid var(--ink);background:var(--milk-card);border-radius:24px 24px 0 0;flex-direction:column;width:min(440px,100vw);max-height:84dvh;display:flex}.overlay-head{flex:none;justify-content:space-between;align-items:center;padding:16px 18px 10px;display:flex}.overlay-head h2{color:var(--ink);margin:0;font-family:Mochiy Pop One,sans-serif;font-size:1.15rem}.close-btn{border:3px solid var(--ink);background:var(--milk-card);width:40px;height:40px;color:var(--ink);box-shadow:0 3px 0 var(--shadow);border-radius:50%;font-size:1.3rem;line-height:1}.cal{padding:4px 16px 24px}.cal-nav{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.cal-nav strong{color:var(--ink);font-family:Mochiy Pop One,sans-serif;font-size:1.05rem}.cal-arrow{border:3px solid var(--ink);background:var(--berry);color:#fff;width:40px;height:40px;box-shadow:0 3px 0 var(--berry-deep);border-radius:50%;font-size:1.3rem;line-height:1}.cal-arrow:active{box-shadow:none;transform:translateY(3px)}.cal-grid{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.cal-dow{margin-bottom:6px}.dow{text-align:center;color:var(--ink-soft);font-size:.72rem;font-weight:800}.cal-cell{aspect-ratio:1;border:2px solid #0000;border-radius:12px;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:4px;display:flex}.cal-cell.empty{border:none}.cal-cell.has{background:var(--custard-tint);color:inherit;font:inherit;cursor:pointer;border-color:#5742342e}button.cal-cell.has:active{transform:scale(.94)}.cal-cell.today{border-color:var(--berry);border-style:dashed}.cal-day{color:var(--ink);font-family:"M PLUS Rounded 1c",sans-serif;font-size:.8rem;font-weight:800}.cal-hearts{gap:1px;margin-top:1px;display:flex}.heart{width:11px;height:11px;fill:var(--berry)}.cal-footnote{color:var(--ink-soft);text-align:center;margin:16px 0 0;font-size:.8rem;font-weight:700;line-height:1.6}.cal-footnote b{color:var(--berry-deep);font-family:"M PLUS Rounded 1c",sans-serif;font-size:1.05rem}.day-detail{flex-direction:column;flex:1;gap:12px;min-height:0;padding:4px 16px 24px;display:flex;overflow-y:auto}.detail-back{color:var(--berry-deep);background:0 0;border:none;align-self:flex-start;padding:4px 0;font-family:Mochiy Pop One,sans-serif;font-size:.9rem}.detail-date{color:var(--ink-soft);margin:0;font-family:"M PLUS Rounded 1c",sans-serif;font-size:.9rem;font-weight:800}.detail-card{border:3px solid var(--ink);background:var(--milk-card);box-shadow:0 4px 0 var(--shadow);border-radius:18px;padding:14px 16px}.detail-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.detail-head strong{color:var(--ink);font-size:1rem}.detail-pt{color:var(--berry-deep);flex:none;font-family:"M PLUS Rounded 1c",sans-serif;font-weight:900}.detail-title-badge{border:2px solid var(--ink);background:var(--custard);color:var(--ink);border-radius:999px;margin-top:8px;padding:3px 12px;font-family:Mochiy Pop One,sans-serif;font-size:.78rem;display:inline-block}.detail-list{gap:8px;margin:12px 0 0;display:grid}.detail-list div{grid-template-columns:64px 1fr;align-items:start;gap:8px;display:grid}.detail-list dt{color:var(--ink-soft);font-size:.78rem;font-weight:800}.detail-list dd{color:var(--ink);white-space:pre-wrap;margin:0;font-size:.88rem;font-weight:700;line-height:1.5}.stats-body{flex:1;min-height:0;padding:4px 16px 24px;overflow-y:auto}.big-point{border:3px solid var(--ink);background:var(--berry-tint);box-shadow:0 5px 0 var(--shadow);border-radius:20px;justify-items:center;gap:2px;margin-bottom:14px;padding:16px;display:grid}.big-point span{color:var(--berry-deep);font-size:.8rem;font-weight:800}.big-point strong{color:var(--ink);font-family:"M PLUS Rounded 1c",sans-serif;font-size:2.6rem;font-weight:900;line-height:1}.big-point strong i,.stat-chip strong i{margin-left:2px;font-size:.9rem;font-style:normal}.stat-chip strong i.unit{font-size:.8rem}.bar-list{gap:8px;display:grid}.bar-row{grid-template-columns:96px 1fr 22px;align-items:center;gap:8px;display:grid}.bar-name{color:var(--ink);font-size:.8rem;font-weight:800}.bar-track{background:var(--milk-sub);border:2px solid #5742342e;border-radius:999px;height:16px;overflow:hidden}.bar-fill{background:var(--berry);border-radius:999px;height:100%;display:block}.bar-count{color:var(--berry-deep);text-align:right;font-family:"M PLUS Rounded 1c",sans-serif;font-size:.9rem;font-weight:900}.stats-note{color:var(--ink-soft);font-size:.85rem}.subject-chips{flex-wrap:wrap;gap:8px;display:flex}.subject-chip{border:2px solid var(--ink);background:var(--mint-tint);color:var(--ink);border-radius:999px;padding:6px 12px;font-size:.84rem;font-weight:800}.subject-chip b{color:var(--mint-deep);margin-left:2px;font-family:"M PLUS Rounded 1c",sans-serif}.empty-history{color:var(--ink-soft);text-align:center;padding:24px 8px;line-height:1.6}