:root{--mint:#12b886;--mint-soft:#12b8861f;--orange:#f76707;--bg:#f4f6f5;--surface:#fff;--text:#17181c;--text-secondary:#6b7280;--danger-avoid:#17181c;--chart-study:#12b886;--chart-life:#f76707;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font:16px/1.5 system-ui,Hiragino Sans,Noto Sans JP,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f1115;--surface:#1b1d23;--text:#f3f4f6;--text-secondary:#9ca3af;--mint-soft:#12b88633;--chart-study:#0f9e78;--chart-life:#e0630a}}*{box-sizing:border-box}body{margin:0}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,p{margin:0}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none}.app-shell{background:var(--bg);flex-direction:column;width:100%;max-width:480px;min-height:100svh;margin:0 auto;display:flex;box-shadow:0 0 40px #0000000f}.app-main,.screen{flex-direction:column;flex:1;min-height:0;display:flex}.screen-scroll{flex-direction:column;flex:1;gap:20px;padding:16px 16px 24px;display:flex;overflow-y:auto}.screen-center{text-align:center;color:var(--text-secondary);justify-content:center;align-items:center;gap:8px}.card{background:var(--surface);border-radius:16px;padding:16px;box-shadow:0 1px 2px #0000000a}.card-heading{margin-bottom:8px;font-size:15px;font-weight:700}.bottom-bar{padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid #0000000f;flex-direction:column;align-items:center;gap:6px;display:flex}.primary-button{background:var(--mint);color:#fff;text-align:center;border-radius:14px;width:100%;padding:14px;font-size:16px;font-weight:700}.primary-button:active{opacity:.85}.primary-button:disabled{opacity:.4}.parent-locked-button{background:#4b5563}.footer-caption{color:var(--text-secondary);font-size:12px}.all-done{color:var(--mint);padding:10px 0;font-weight:700}.focus-guide-overlay{z-index:100;background:#00000073;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.focus-guide-modal{background:var(--surface);border-radius:20px;width:100%;max-width:360px;padding:24px 20px;box-shadow:0 8px 24px #0003}.focus-guide-steps{color:var(--text-secondary);flex-direction:column;gap:8px;margin:0 0 20px;padding-left:20px;font-size:14px;display:flex}.focus-guide-on-button,.focus-guide-off-button{color:#fff;text-align:center;border-radius:14px;width:100%;padding:14px;font-size:16px;font-weight:700}.focus-guide-on-button{background:var(--mint);margin-bottom:10px}.focus-guide-off-button{background:var(--orange)}.tab-bar{background:var(--surface);padding-bottom:env(safe-area-inset-bottom);border-top:1px solid #00000014;display:flex}.tab-button{color:var(--text-secondary);flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 0 6px;font-size:11px;display:flex}.tab-button.active{color:var(--mint);font-weight:700}.tab-icon{font-size:20px;line-height:1}.progress-ring{margin:0 auto;position:relative}.progress-ring-arc{transition:stroke-dashoffset .3s linear}.progress-ring-content{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pet-view{object-fit:contain;margin:0 auto;display:block}.pet-view-placeholder{background:var(--mint-soft);border-radius:50%;justify-content:center;align-items:center;display:flex}.today-header{flex-direction:column;align-items:center;gap:4px;padding-top:8px;display:flex}.eyebrow{letter-spacing:.08em;color:var(--text-secondary);font-size:12px}.today-date{color:var(--text-secondary);margin-bottom:8px;font-size:14px}.today-greeting{text-align:center;margin-top:4px;font-size:15px;font-weight:700;line-height:1.5}.mood-hearts-block{flex-direction:column;align-items:center;margin-top:8px;display:flex}.mood-hearts-label{color:var(--text-secondary);font-size:12px}.mood-hearts{gap:4px;margin-top:4px;display:flex}.heart{color:#00000026;font-size:18px}.heart.filled{color:#ff6fa5}.pet-status-caption{color:var(--text-secondary);margin-top:4px;font-size:15px}.growth-gauge{width:100%;max-width:240px;margin-top:10px}.growth-gauge-label{color:var(--text-secondary);text-align:center;margin-bottom:4px;font-size:11px}.growth-gauge-track{background:var(--mint-soft);border-radius:999px;width:100%;height:8px;overflow:hidden}.growth-gauge-fill{background:var(--mint);border-radius:999px;height:100%;transition:width .3s}.mission-list{margin:0;padding:0;list-style:none}.mission-divider{border:none;border-top:1px solid #0000000f;margin:0}.mission-row{text-align:left;align-items:center;gap:12px;width:100%;padding:10px 0;display:flex}.mission-check{border:2px solid var(--mint);color:#fff;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;display:flex}.mission-check.done{background:var(--mint)}.mission-title{flex:1;font-size:15px}.mission-title.done{color:var(--text-secondary);text-decoration:line-through}.mission-xp{color:var(--text-secondary);font-size:12px}.mission-chevron{color:var(--text-secondary);opacity:.5;font-size:16px;line-height:1}.streak-bonus-card{background:#f7670714}.streak-bonus-heading{color:var(--orange);font-size:14px;font-weight:700}.streak-bonus-text{margin-top:4px;font-size:13px}.streak-bonus-text strong{color:var(--orange)}.streak-bonus-timer-row{align-items:center;gap:10px;margin-top:10px;display:flex}.streak-bonus-track{background:#f7670726;border-radius:999px;flex:1;height:8px;overflow:hidden}.streak-bonus-fill{background:var(--orange);border-radius:999px;height:100%;transition:width 1s linear}.streak-bonus-remaining{color:var(--orange);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;font-weight:700}.cheer-message-card{background:var(--mint-soft)}.cheer-message-heading{color:var(--mint);font-size:14px;font-weight:700}.cheer-message-meta{color:var(--text-secondary);margin-top:2px;font-size:12px}.cheer-message-marquee{white-space:nowrap;margin-top:10px;overflow:hidden}.cheer-message-marquee-track{color:var(--text);padding-left:100%;font-size:15px;font-weight:600;animation-name:cheer-marquee;animation-timing-function:linear;animation-iteration-count:infinite;display:inline-block}@keyframes cheer-marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.calendar-weekday-row{grid-template-columns:repeat(7,1fr);margin-bottom:8px;display:grid}.calendar-weekday{text-align:center;color:var(--text-secondary);font-size:12px}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-cell{aspect-ratio:1;font:inherit;background:0 0;border:none;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0;display:flex}.calendar-cell-empty{visibility:hidden}.calendar-cell-today{outline:2px solid var(--mint)}.calendar-cell-selected{background:var(--mint-soft)}.calendar-day-number{color:var(--text-secondary);font-size:12px}.calendar-day-count{color:#fff;background:var(--mint);text-align:center;border-radius:999px;min-width:18px;padding:0 4px;font-size:13px;font-weight:700;line-height:18px}.day-clock-chart{flex-direction:column;align-items:center;gap:12px;padding:8px 0 16px;display:flex}.day-clock-faces{justify-content:center;gap:12px;width:100%;display:flex}.day-clock-face{flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;max-width:160px;display:flex}.day-clock-face-title{color:var(--text-secondary);font-size:11px;font-weight:700}.day-clock-chart-svg{width:100%}.day-clock-ring{fill:none;stroke:var(--text-secondary);stroke-opacity:.25;stroke-width:1px}.day-clock-tick-major{stroke:var(--text-secondary);stroke-opacity:.6;stroke-width:1.5px}.day-clock-tick-minor{stroke:var(--text-secondary);stroke-opacity:.25;stroke-width:1px}.day-clock-hour-label{fill:var(--text-secondary);font-size:9px}.day-clock-arc{stroke-width:9px;stroke-linecap:round}.day-clock-badge{stroke:var(--surface);stroke-width:2px}.day-clock-badge-label{fill:#fff;pointer-events:none;font-size:10px;font-weight:700}.day-clock-badge-inline{color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:flex}.day-clock-legend{gap:16px;margin:0;padding:0;list-style:none;display:flex}.day-clock-legend-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.day-clock-legend-swatch{border-radius:999px;flex-shrink:0;width:10px;height:10px}.record-edit-row{flex-wrap:wrap}.record-edit-row-actions{flex-shrink:0;gap:12px;display:flex}.record-edit-row-edit{flex-wrap:wrap;align-items:flex-end;gap:12px;width:100%;margin-top:8px;display:flex}.record-edit-row-edit .text-input{flex-shrink:0;width:auto}.record-edit-time-field{color:var(--text-secondary);flex-direction:column;gap:4px;font-size:12px;display:flex}.focus-screen{padding:12px 16px calc(24px + env(safe-area-inset-bottom));background:var(--mint-soft);align-items:center;gap:24px}.focus-topbar{justify-content:flex-start;width:100%;display:flex}.text-button{color:var(--text-secondary);padding:8px 4px;font-size:15px}.focus-mission-title{font-size:17px;font-weight:700}.focus-bonus-banner{text-align:center;background:#f767071f;border-radius:16px;width:100%;max-width:320px;padding:12px 16px}.focus-bonus-banner-title{color:var(--orange);font-size:14px;font-weight:700}.focus-bonus-banner-text{margin-top:4px;font-size:13px}.focus-bonus-banner-text strong{color:var(--orange)}.focus-ring-wrap{flex:1;align-items:center;display:flex}.focus-time{font-variant-numeric:tabular-nums;font-size:44px;font-weight:700}.focus-status{color:var(--text-secondary);font-size:14px}.focus-toggle{max-width:320px}.result-title{text-align:center;padding-top:16px;font-size:22px;font-weight:800}.learned-text{color:var(--mint);text-align:center;font-size:14px;font-weight:700}.result-label{color:var(--text-secondary);text-align:center;font-size:12px}.result-duration{text-align:center;font-variant-numeric:tabular-nums;margin:4px 0;font-size:32px;font-weight:800}.result-diff{color:var(--mint);text-align:center;font-size:14px;font-weight:700}.result-xp{text-align:center;color:var(--orange);margin-top:4px;font-size:28px;font-weight:800}.ability-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.ability-list li{justify-content:space-between;align-items:center;font-size:15px;display:flex}.ability-gain{font-weight:800}.coming-soon-icon{font-size:40px}.coming-soon-message{white-space:pre-line;max-width:280px;font-size:14px}.free-time-screen{padding:12px 16px calc(24px + env(safe-area-inset-bottom));background:linear-gradient(180deg, #fff0f6, var(--bg));align-items:center;gap:16px}.free-time-title{font-size:20px;font-weight:800}.free-time-screen.is-special{background:linear-gradient(180deg, #fff6e0, var(--bg))}.free-time-special-caption{color:#b8860b;text-align:center;font-size:13px;font-weight:700}.kawaii-scene{border-radius:20px;flex:1;justify-content:center;align-items:center;width:100%;min-height:220px;display:flex;position:relative;overflow:hidden}.kawaii-bg{background:linear-gradient(135deg,#ffd6e8,#d6c8ff,#c8f0ff,#ffe8c8) 0 0/300% 300%;animation:10s infinite kawaii-gradient;position:absolute;inset:0}@keyframes kawaii-gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.kawaii-particle{animation-name:kawaii-float;animation-timing-function:ease-in;animation-iteration-count:infinite;position:absolute;bottom:-10%}@keyframes kawaii-float{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-260px)rotate(20deg)}}.kawaii-mascot{filter:drop-shadow(0 6px 10px #00000026);animation:1.6s ease-in-out infinite kawaii-bounce;position:relative}@keyframes kawaii-bounce{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-14px)scale(1.05)}}.free-time-remaining{font-variant-numeric:tabular-nums;font-size:28px;font-weight:800}.free-time-caption{color:var(--text-secondary);font-size:13px}.more-screen{padding-top:16px}.settings-description{color:var(--text-secondary);margin-bottom:12px;font-size:13px}.preset-row{flex-wrap:wrap;gap:8px;display:flex}.preset-chip{background:var(--mint-soft);color:var(--text);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600}.preset-chip.selected{background:var(--mint);color:#fff}.form-label{color:var(--text-secondary);margin:12px 0 6px;font-size:13px;font-weight:700}.text-input{background:var(--bg);width:100%;color:var(--text);border:1px solid #0000001f;border-radius:10px;padding:10px 12px;font-size:15px}.text-input:focus{outline:2px solid var(--mint);outline-offset:1px}.quantity-row{align-items:center;gap:8px;display:flex}.quantity-input{flex:none;width:96px}.quantity-unit{color:var(--text-secondary);font-size:14px;font-weight:600}.danger-text{color:#e0526b;text-align:center;width:100%}.stats-screen{padding-top:16px}.stats-header{flex-direction:column;align-items:center;gap:4px;margin-bottom:4px;display:flex}.stats-list{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.stats-row{align-items:center;gap:14px;display:flex}.stats-icon{text-align:center;flex-shrink:0;width:36px;font-size:24px}.stats-row-body{flex:1}.stats-label{color:var(--text-secondary);font-size:13px}.stats-value{font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.mission-history-chart-grid{align-items:flex-start;gap:8px;padding-top:8px;display:flex}.mission-history-axis{height:120px;color:var(--text-secondary);white-space:nowrap;flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:flex-end;font-size:10px;display:flex}.mission-history-bars-area{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.mission-history-bars{align-items:flex-end;gap:6px;height:120px;display:flex}.mission-history-labels{gap:6px;display:flex}.mission-history-col{flex:1;align-items:flex-end;min-width:0;height:100%;display:flex}.mission-history-bar{background:var(--mint);border-radius:6px 6px 2px 2px;width:100%;min-height:6px}.mission-history-label-col{text-align:center;color:var(--text-secondary);white-space:nowrap;flex:1;min-width:0;font-size:10px}.stats-diff{color:var(--mint);font-size:12px;font-weight:700}.image-fallback{background:var(--mint-soft);border-radius:16px;justify-content:center;align-items:center;margin:0 auto;display:flex}.badge-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px;display:grid}.badge-tile{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.badge-tile.locked{opacity:.55}.badge-icon{object-fit:contain;background:var(--mint-soft);border-radius:16px;margin:0 auto}.badge-name{color:var(--text-secondary);font-size:11px}.growth-screen{padding-top:16px}.stage-row{justify-content:space-between;gap:6px;margin-top:8px;display:flex}.stage-tile{opacity:.4;flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.stage-tile.current{opacity:1}.stage-icon{object-fit:contain;background:var(--mint-soft);border-radius:50%}.stage-tile.current .stage-icon{outline:3px solid var(--mint);outline-offset:2px}.stage-name{color:var(--text-secondary);text-align:center;font-size:11px}.stage-tile.current .stage-name{color:var(--text);font-weight:700}.personality-list{flex-direction:column;gap:14px;margin-top:8px;display:flex}.personality-row{opacity:.55;align-items:center;gap:12px;display:flex}.personality-row.current{opacity:1}.personality-icon{object-fit:contain;background:var(--mint-soft);border-radius:50%;flex-shrink:0}.personality-row.current .personality-icon{outline:3px solid var(--mint);outline-offset:2px}.personality-name{font-size:14px;font-weight:700}.personality-current-tag{color:var(--mint);font-size:11px;font-weight:700}.personality-description{color:var(--text-secondary);font-size:12px}.ability-bar-list{flex-direction:column;gap:14px;margin:8px 0 0;padding:0;list-style:none;display:flex}.ability-bar-header{justify-content:space-between;margin-bottom:4px;font-size:13px;display:flex}.ability-bar-track{background:var(--mint-soft);border-radius:999px;width:100%;height:8px;overflow:hidden}.ability-bar-fill{background:var(--mint);border-radius:999px;height:100%;transition:width .3s}.adventure-path{flex-direction:column;margin:16px 0;padding:0;list-style:none;display:flex}.adventure-node{align-items:center;gap:12px;padding:8px 0;display:flex;position:relative}.adventure-node:not(:last-child):after{content:"";background:var(--mint-soft);width:2px;height:8px;position:absolute;top:100%;left:17px}.adventure-node-marker{background:var(--mint-soft);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex;overflow:hidden}.adventure-node-current .adventure-node-marker{background:var(--mint)}.adventure-node-locked{opacity:.45}.adventure-node-name{font-size:14px;font-weight:600}.adventure-node-current .adventure-node-name{color:var(--mint);font-weight:800}.room-hero{flex-direction:column;align-items:center;gap:6px;display:flex}.room-level{font-size:20px;font-weight:800}.room-item-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:12px;display:grid}.room-item-tile{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.room-item-tile.locked{opacity:.55}.room-item-icon{object-fit:contain;background:var(--mint-soft);border-radius:16px}.room-item-name{color:var(--text-secondary);font-size:11px}.growth-secondary-button{background:var(--mint-soft);color:var(--text);margin-top:10px}.focus-home-screen{padding-top:8px}.focus-home-start{font-size:18px}.focus-ritual-screen{background:var(--mint-soft);flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.focus-ritual-count{color:var(--mint);font-size:56px;font-weight:800}.focus-mode-screen{padding:12px 16px calc(24px + env(safe-area-inset-bottom));background:var(--mint-soft);align-items:center;gap:20px}.focus-companion{flex-direction:column;align-items:center;gap:8px;min-height:100px;display:flex;position:relative}.focus-encouragement{background:var(--surface);color:var(--mint);white-space:nowrap;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700;position:absolute;top:-8px;transform:translateY(-100%);box-shadow:0 2px 8px #00000014}.focus-exit-confirm{background:var(--mint-soft);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:16px;display:flex}.focus-exit-question{font-size:18px;font-weight:700}