:root{font-family:ui-rounded,"Hiragino Maru Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:#214b50;background:#f3faf9;font-size:16px;--teal:#187f80;--line:#d4e7e4}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation;border:0;border-radius:20px;padding:16px 22px;min-height:52px;font-weight:700;color:inherit;background:#e4f0ee}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #c96a17;outline-offset:3px}.primary{background:var(--teal);color:#fff}header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0}.brand{font-size:1rem;font-weight:800;letter-spacing:.05em}.child{max-width:720px;margin:auto;min-height:100svh;min-height:100dvh;padding: max(8px,env(safe-area-inset-top)) 22px max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column}.welcome{margin:auto;text-align:center;width:100%;padding:24px 0}.welcome h1{font-size:2.4rem}.welcome .primary{display:block;width:100%;max-width:470px;margin:36px auto 12px}.sun{color:#d98b10;font-size:88px}.subtle{font-size:.875rem;color:#526d71}.small{font-size:.875rem;padding:10px 14px;min-height:44px;border-radius:14px}.progress{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:16px 0}.dot{height:13px;width:13px;border-radius:50%;background:#d5e6e3}.dot.done{background:var(--teal)}.dot.current{background:#efaf43;outline:3px solid #fae4b9;outline-offset:2px}.task{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:0}.eyebrow{color:#527173;font-size:.875rem;margin:6px 0}.illustration{height:clamp(140px,29dvh,280px);width:clamp(140px,29dvh,280px);object-fit:contain;border-radius:32px;background:white}.task h1{font-size:clamp(2rem,6vw,3rem);margin:16px 0 8px;line-height:1.35;overflow-wrap:anywhere}.phrase{margin:0;line-height:1.65;min-height:1.65em;overflow-wrap:anywhere}.actions{display:grid;gap:12px;margin:20px 0 0}.actions button{font-size:1.4rem;min-height:68px}.actions .help{background:#fff4d6;color:#72521e;border:2px solid #ecd391}.feedback{color:var(--teal);font-weight:800;min-height:1.5em}.star{color:#bd831c;font-size:38px;display:block;margin:18px}.parent{max-width:800px;margin:auto;padding:20px max(20px,env(safe-area-inset-right)) 60px}.parent h1{font-size:1.7rem}.card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;margin:18px 0}.card h2{font-size:1.2rem;margin:0 0 12px}.parent p{line-height:1.7}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.spread{justify-content:space-between}.field{display:grid;gap:7px;margin:16px 0}.field input{width:100%;border:1px solid #97b5b3;border-radius:12px;min-height:48px;padding:10px;background:white;color:#214b50}input[type=checkbox]{width:24px;height:24px;accent-color:var(--teal)}.item{border-top:1px solid var(--line);padding:18px 0}.item:first-of-type{border:0}.item label{font-size:.9375rem}.item .field{margin:10px 0}.item .small{min-width:50px}.error{color:#9c312d;background:#fff0ed;padding:12px;border-radius:12px;line-height:1.6}.notice{background:#e2f3ef;padding:12px;border-radius:12px;line-height:1.6}.danger{color:#963a32;background:#fff0ed}dialog{border:1px solid var(--line);border-radius:22px;color:#214b50;padding:24px;max-width:min(92vw,480px);max-height:90dvh;overflow:auto}dialog::backdrop{background:#123c4566}dialog p{line-height:1.7}summary{cursor:pointer;padding:10px 0;line-height:1.6}.record{border-top:1px solid var(--line);padding:14px 0;line-height:1.65}.record time{font-weight:700}.record ol{padding-left:24px}.badge{display:inline-block;border-radius:8px;padding:2px 8px;background:#e6f1ec;font-size:.875rem}.gate{max-width:440px;margin:48px auto}.gate button.primary{width:100%}.footer-note{font-size:.875rem;color:#526d71;line-height:1.6}#live-message:empty{display:none}@media(min-width:650px){.child{padding-left:48px;padding-right:48px}.actions{width:100%;max-width:520px;align-self:center}.illustration{height:clamp(180px,32dvh,310px);width:clamp(180px,32dvh,310px)}}@media(max-height:650px){.progress{margin:8px 0}.illustration{width:140px;height:140px}.task h1{margin:8px 0 4px}.actions{margin-top:12px;gap:8px}.actions button{min-height:56px;padding:12px}.child{padding-bottom:10px}}@media(prefers-reduced-motion:no-preference){.task{animation:arrive .22s ease-out}@keyframes arrive{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}}
:root .feedback{margin:8px 0}.task{flex:1 0 auto}.finish{font-size:1.65rem;font-weight:700;line-height:1.6}@media(max-height:740px){.illustration{width:160px;height:160px}}@media(max-height:600px){.illustration{width:130px;height:130px}}