:root{--bg:#fdf9f0;--card:#fff;--ink:#4a4a4a;--primary:#6bb8a8;--primary-dark:#4a9686;--accent:#f5b971;--accent-pink:#f2a6b3;--accent-blue:#8fbfe0;--accent-purple:#b8a6d9;--accent-green:#9ccc8f;--done:#a8d5a2;--shadow:0 4px 12px #00000014;--radius:20px;color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Hiragino Maru Gothic ProN,BIZ UDPGothic,Yu Gothic UI,Segoe UI,system-ui,sans-serif;line-height:1.6}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);-webkit-text-size-adjust:100%;min-height:100vh;margin:0;padding:0}#root{max-width:900px;padding:16px;padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));padding-bottom:max(16px, env(safe-area-inset-bottom));margin:0 auto}button{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}button:focus-visible{outline:4px solid var(--accent-blue);outline-offset:2px}.screen-header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.screen-title{flex:1;min-width:0;margin:0;font-size:clamp(1.15rem,4.5vw,1.6rem);font-weight:700}.back-button{background:var(--card);box-shadow:var(--shadow);border-radius:999px;padding:10px 20px;font-size:1.1rem;font-weight:700;transition:transform .15s}.back-button:active{transform:scale(.95)}.home-toolbar{justify-content:flex-end;display:flex}.sound-toggle{background:var(--card);box-shadow:var(--shadow);color:#999;border-radius:999px;padding:8px 16px;font-size:.95rem;font-weight:700}.sound-toggle.is-on{background:var(--primary);color:#fff}.home-title{text-align:center;margin:24px 0 8px;font-size:2rem}.home-subtitle{text-align:center;color:#888;margin:0 0 24px;font-size:1rem}.menu-section{margin-bottom:26px}.menu-section-title{color:#999;margin:0 0 10px;font-size:1.05rem}.menu-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.menu-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border-bottom:6px solid var(--menu-color,var(--primary));flex-direction:column;align-items:center;gap:8px;padding:28px 20px;font-size:1.3rem;font-weight:700;transition:transform .15s;display:flex}.menu-card:active{transform:scale(.97)}.menu-card .emoji{font-size:3.2rem;line-height:1.2}.menu-card .desc{color:#888;font-size:.85rem;font-weight:400}@media (width<=560px){.screen-header{justify-content:space-between}.screen-title{text-align:center;flex:100%;order:3}}@media (width<=520px){#root{padding-top:12px}.home-title{margin:12px 0 6px;font-size:1.6rem}.home-subtitle{margin-bottom:16px}.back-button{padding:8px 14px;font-size:1rem}.menu-grid{grid-template-columns:repeat(2,1fr);gap:10px}.menu-card{gap:4px;padding:16px 8px;font-size:1.05rem}.menu-card .emoji{font-size:2.4rem}.menu-card .desc{font-size:.75rem}}.trace-hint{color:#888;margin:0 0 12px;font-size:1.1rem}.char-group{margin-bottom:20px}.char-group-label{color:#999;margin:0 0 8px;font-size:1rem}.char-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px;display:grid}.char-button{background:var(--card);border-bottom:5px solid var(--primary);box-shadow:var(--shadow);border-radius:16px;padding:12px 0;font-size:2rem;font-weight:700;transition:transform .15s;position:relative}.char-button:active{transform:scale(.93)}.char-star{font-size:1rem;position:absolute;top:-8px;right:-4px}.trace-screen{flex-direction:column;align-items:center;display:flex}.trace-screen .screen-header{width:100%}.trace-current-char{text-align:center;font-size:2rem}.trace-canvas-wrap{aspect-ratio:1;background:var(--card);border-radius:var(--radius);width:min(90vw,440px);box-shadow:var(--shadow);position:relative;overflow:hidden}.trace-canvas{display:block;position:absolute;inset:0}.trace-canvas-top{touch-action:none;cursor:crosshair}.trace-success{background:#ffffffe0;flex-direction:column;justify-content:center;align-items:center;gap:12px;animation:.35s ease-out pop-in;display:flex;position:absolute;inset:0}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.trace-success-emoji{font-size:4.5rem;animation:.7s ease-in-out star-bounce}@keyframes star-bounce{0%{transform:translateY(-30px)}50%{transform:translateY(8px)}to{transform:translateY(0)}}.trace-success-text{color:var(--primary-dark);font-size:2rem;font-weight:700}.trace-success-buttons{gap:12px;display:flex}.trace-progress{width:min(90vw,440px);margin-top:14px}.trace-progress-track{background:#eee7da;border-radius:999px;height:16px;overflow:hidden}.trace-progress-fill{background:var(--done);border-radius:999px;height:100%;transition:width .4s ease-out}.trace-controls{gap:12px;margin-top:16px;display:flex}.trace-action{background:var(--card);box-shadow:var(--shadow);border-radius:999px;padding:12px 26px;font-size:1.15rem;font-weight:700;transition:transform .15s}.trace-action:active{transform:scale(.95)}.trace-action-primary{background:var(--primary);color:#fff}.puzzle-hint{color:#888;margin:0 0 16px;font-size:1.1rem}.level-list{gap:14px;max-width:420px;margin:0 auto;display:grid}.level-button{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:4px;padding:20px;transition:transform .15s;display:flex}.level-button:active{transform:scale(.97)}.level-easy{border-bottom:6px solid var(--done)}.level-normal{border-bottom:6px solid var(--accent)}.level-hard{border-bottom:6px solid var(--accent-pink)}.level-label{font-size:1.4rem;font-weight:700}.level-desc{color:#888;font-size:.9rem}.puzzle-status{text-align:center;color:#777;margin-bottom:14px;font-size:1.05rem}.puzzle-grid{gap:12px;max-width:480px;margin:0 auto;display:grid}.puzzle-card{aspect-ratio:1;perspective:600px;padding:0}.puzzle-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .4s;display:block;position:relative}.puzzle-card.is-up .puzzle-card-inner{transform:rotateY(180deg)}.puzzle-card-back,.puzzle-card-face{backface-visibility:hidden;box-shadow:var(--shadow);border-radius:16px;justify-content:center;align-items:center;font-size:clamp(1.8rem,8vw,3rem);display:flex;position:absolute;inset:0}.puzzle-card-back{background:var(--accent-purple);color:#ffffffd9}.puzzle-card-face{background:var(--card);transform:rotateY(180deg)}.puzzle-card.is-matched .puzzle-card-inner{animation:.5s ease-out matched-pulse}.puzzle-card.is-matched .puzzle-card-face{outline:3px solid var(--done);outline-offset:-3px;background:#f2fbef}@keyframes matched-pulse{0%{transform:rotateY(180deg)scale(1)}50%{transform:rotateY(180deg)scale(1.12)}to{transform:rotateY(180deg)scale(1)}}.puzzle-clear{text-align:center;margin-top:24px;animation:.35s ease-out pop-in}.puzzle-clear-emoji{font-size:3.5rem}.puzzle-clear-text{color:var(--primary-dark);margin:8px 0 16px;font-size:1.6rem;font-weight:700}.puzzle-clear-buttons{justify-content:center;gap:12px;display:flex}.count-progress{justify-content:center;gap:10px;margin-bottom:16px;display:flex}.count-dot{background:#e0d8c8;border-radius:50%;width:14px;height:14px}.count-dot.is-done{background:var(--done)}.count-dot.is-now{background:var(--accent)}.count-instruction{text-align:center;margin:0 0 4px;font-size:1.4rem}.count-instruction strong{color:var(--primary-dark);font-size:1.7rem}.count-status{text-align:center;color:#888;margin:0 0 16px;font-size:1rem}.count-grid{grid-template-columns:repeat(3,1fr);gap:14px;max-width:420px;margin:0 auto;display:grid}.count-item{aspect-ratio:1;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:4px solid #0000;font-size:clamp(2.2rem,10vw,3.2rem);transition:transform .15s,border-color .15s}.count-item:active{transform:scale(.92)}.count-item.is-selected{border-color:var(--primary);background:#eef8f5}.count-good{text-align:center;color:var(--primary-dark);margin-top:18px;font-size:1.5rem;font-weight:700;animation:.3s ease-out pop-in}.count-clear{text-align:center;padding-top:30px;animation:.35s ease-out pop-in}.count-clear-emoji{font-size:3.5rem}.count-clear-text{color:var(--primary-dark);margin:10px 0 18px;font-size:1.4rem;font-weight:700}.count-clear-buttons{justify-content:center;gap:12px;display:flex}.pattern-instruction{text-align:center;color:#888;margin:0 0 20px;font-size:1.1rem}.pattern-sequence{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:28px;display:flex}.pattern-cell{background:var(--card);width:58px;height:58px;box-shadow:var(--shadow);border-radius:14px;justify-content:center;align-items:center;font-size:2rem;display:flex}.pattern-question{border:3px dashed var(--accent);background:#fff8ec}.pattern-question.is-answered{border-style:solid;border-color:var(--done);background:#f2fbef;animation:.3s ease-out pop-in}.pattern-choices{justify-content:center;gap:16px;display:flex}.pattern-choice{background:var(--card);border-radius:var(--radius);width:84px;height:84px;box-shadow:var(--shadow);border:4px solid #0000;font-size:2.6rem;transition:transform .15s,border-color .15s}.pattern-choice:active{transform:scale(.92)}.pattern-choice.is-correct{border-color:var(--done);background:#f2fbef}.pattern-choice.is-wrong{border-color:var(--accent-pink);animation:.4s ease-in-out wrong-shake}@keyframes wrong-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.pattern-retry{text-align:center;color:#888;margin-top:18px;font-size:1.1rem}@media (width<=520px){.pattern-cell{border-radius:10px;width:42px;height:42px;font-size:1.5rem}.pattern-choice{width:72px;height:72px;font-size:2.2rem}}.edit-toggle{background:var(--card);box-shadow:var(--shadow);border-radius:999px;padding:10px 18px;font-size:1rem;font-weight:700}.edit-toggle.is-on{background:var(--primary);color:#fff}.schedule-empty{text-align:center;color:#888;flex-direction:column;align-items:center;gap:12px;padding:40px 0;font-size:1.1rem;display:flex}.schedule-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.schedule-item{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border-left:8px solid #0000;align-items:center;gap:14px;padding:14px 18px;transition:opacity .3s,border-color .3s;display:flex}.schedule-item.is-current{border-left-color:var(--accent);background:#fff8ec}.schedule-item.is-done{opacity:.55}.schedule-item.is-done .schedule-label{text-decoration:line-through}.schedule-number{background:var(--bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-weight:700;display:flex}.schedule-emoji{font-size:2.4rem;line-height:1}.schedule-label{flex:1;font-size:1.3rem;font-weight:700}.schedule-time{color:#999;font-size:.9rem;font-weight:400;display:block}.schedule-time-input{background:var(--card);color:inherit;border:2px solid #e5ddcc;border-radius:10px;padding:6px 8px;font-family:inherit;font-size:16px}.schedule-sort-row{text-align:right;margin-bottom:12px}.schedule-sort{background:var(--card);box-shadow:var(--shadow);border-radius:999px;padding:8px 16px;font-size:.95rem;font-weight:700}.schedule-now{background:var(--accent);color:#fff;white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:.85rem;font-weight:700;animation:2s ease-in-out infinite now-blink}@keyframes now-blink{0%,to{opacity:1}50%{opacity:.6}}.schedule-check{border-radius:12px;padding:6px;font-size:1.9rem;line-height:1;transition:transform .15s}.schedule-check:active{transform:scale(.85)}.schedule-edit-buttons{align-items:center;gap:6px;display:flex}@media (width<=560px){.schedule-item{gap:10px;padding:12px 14px;position:relative}.schedule-item.is-editing{flex-wrap:wrap}.schedule-label{font-size:1.15rem}.schedule-emoji{font-size:2rem}.schedule-edit-buttons{justify-content:flex-end;width:100%}.schedule-now{padding:3px 10px;font-size:.75rem;position:absolute;top:-9px;right:14px}}.schedule-mini{background:var(--bg);border-radius:12px;padding:8px;font-size:1.3rem}.schedule-mini:disabled{opacity:.3;cursor:default}.schedule-mini-delete{background:#fbe9e7}.schedule-alldone{text-align:center;flex-direction:column;align-items:center;gap:8px;margin-top:24px;animation:.35s ease-out pop-in;display:flex}.schedule-alldone-emoji{font-size:3.5rem}.schedule-alldone-text{color:var(--primary-dark);font-size:1.4rem;font-weight:700}.schedule-library{border-radius:var(--radius);background:#f4efe4;margin-top:28px;padding:18px}.schedule-library-title{color:#888;margin:0 0 12px;font-size:1rem}.schedule-library-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;display:grid}.library-card{background:var(--card);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;transition:transform .15s;display:flex}.library-card:active{transform:scale(.92)}.library-emoji{font-size:2rem;line-height:1.2}.library-label{font-size:.9rem;font-weight:700}.timer-hint{text-align:center;color:#888;margin:0 0 16px;font-size:1.1rem}.timer-presets{grid-template-columns:repeat(3,1fr);gap:14px;max-width:420px;margin:0 auto;display:grid}.timer-preset{background:var(--card);border-radius:var(--radius);border-bottom:6px solid var(--accent-pink);box-shadow:var(--shadow);flex-direction:column;align-items:center;padding:18px 0;transition:transform .15s;display:flex}.timer-preset:active{transform:scale(.95)}.timer-preset-num{font-size:2.2rem;font-weight:700;line-height:1.2}.timer-preset-unit{color:#888;font-size:.9rem}.timer-body{flex-direction:column;align-items:center;gap:16px;display:flex}.timer-dial{width:min(75vw,320px);height:auto}.timer-remaining{color:var(--primary-dark);font-size:1.6rem;font-weight:700}.timer-remaining strong{font-size:2rem}.timer-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.timer-done-emoji{font-size:3.5rem;animation:.35s ease-out pop-in}.feeling-hint{color:#888;margin:0 0 16px;font-size:1.05rem}.feeling-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:14px;display:grid}.feeling-card{background:var(--card);border-radius:var(--radius);border-bottom:6px solid var(--accent-purple);box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:6px;padding:22px 10px;transition:transform .15s;display:flex}.feeling-card:active{transform:scale(.94)}.feeling-emoji{font-size:3rem;line-height:1.2}.feeling-label{font-size:1.15rem;font-weight:700}.feeling-result-body{text-align:center;flex-direction:column;align-items:center;gap:18px;padding:24px 0;animation:.35s ease-out pop-in;display:flex}.feeling-result-emoji{font-size:5rem}.feeling-result-text{margin:0;font-size:1.3rem;font-weight:700}.feeling-result-sub{margin:0;font-size:1.2rem}.breath-screen{min-height:70vh}.breath-body{flex-direction:column;align-items:center;gap:28px;padding-top:30px;display:flex}.breath-circle{background:radial-gradient(circle at 35% 35%, #cfe8f7, var(--accent-blue));border-radius:50%;width:140px;height:140px;transition:transform 4s ease-in-out}.breath-circle.is-in{transform:scale(1.7)}.breath-circle.is-out{transform:scale(1)}.breath-text{color:var(--primary-dark);margin:40px 0 0;font-size:1.5rem;font-weight:700}.breath-count{color:#999;margin:0;font-size:1rem}.breath-done{flex-direction:column;align-items:center;gap:14px;padding-top:80px;animation:.35s ease-out pop-in;display:flex}.breath-done-emoji{font-size:4.5rem}.breath-done-text{margin:0;font-size:1.5rem;font-weight:700}.reward-summary{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:20px;padding:16px 20px;font-size:1.05rem}.reward-section-title{color:#888;margin:0 0 10px;font-size:1.1rem}.reward-medals{margin-bottom:20px}.reward-medal-row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.reward-medal{font-size:2.2rem;animation:.35s ease-out pop-in}.reward-medal-more{font-size:1.1rem;font-weight:700}.reward-star-row{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);flex-wrap:wrap;gap:6px;padding:16px;display:flex}.reward-star{opacity:.35;font-size:2rem}.reward-star.is-filled{opacity:1;animation:.35s ease-out pop-in}.reward-total{text-align:center;margin-top:20px;font-size:1.15rem}.reward-empty{text-align:center;color:#888;margin-top:16px}