:root{--color-bg: #fffdf9;--color-paper: #ffffff;--color-text: #24211e;--color-muted: #817970;--color-line: #ded6cc;--color-soft: #f6f1e9;--color-accent: #6f8070;--color-accent-soft: #d9e0d4;--color-warm: #d8a99a;--radius: 8px;--space-page: clamp(32px, 8vw, 92px);--font-main: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-soft: "Bradley Hand", "Klee One", "Hiragino Maru Gothic ProN", var(--font-main);font-family:var(--font-main)}*{box-sizing:border-box}html{background:var(--color-bg);color:var(--color-text)}body{min-height:100vh;margin:0;background:radial-gradient(circle at 14% 18%,rgba(217,224,212,.42),transparent 28%),radial-gradient(circle at 88% 82%,rgba(216,169,154,.18),transparent 26%),var(--color-bg)}button,input{font:inherit}a{color:inherit}.page{min-height:100vh;display:grid;place-items:center;padding:var(--space-page)}.scene{width:min(100%,640px);display:grid;justify-items:start;gap:clamp(28px,6vw,52px)}.copy{display:grid;gap:14px}.eyebrow{margin:0;color:var(--color-muted);font-size:.74rem;letter-spacing:.18em;text-transform:lowercase}h1{max-width:11ch;margin:0;font-family:var(--font-soft);font-size:clamp(3rem,11vw,6.4rem);font-weight:400;letter-spacing:0;line-height:.96}p{margin:0;color:var(--color-muted);line-height:1.85}.panel{width:100%;border:1px solid var(--color-line);border-radius:var(--radius);padding:clamp(22px,5vw,40px);background:#ffffffb8;box-shadow:0 18px 50px #24211e0a}.stack{display:grid;gap:18px}.password-panel{display:grid;grid-template-columns:minmax(120px,.62fr) minmax(220px,1fr);align-items:end;gap:clamp(22px,5vw,40px)}.quiet-action{display:grid;justify-items:start;gap:22px}.quiet-action .illustration{--illustration-width: 142px}.field{display:grid;gap:9px;color:var(--color-muted);font-size:.84rem;letter-spacing:.04em;text-transform:lowercase}.input{width:100%;min-height:52px;border:1px solid var(--color-line);border-radius:var(--radius);padding:0 16px;color:var(--color-text);background:var(--color-paper)}.input:focus{outline:2px solid var(--color-accent-soft);outline-offset:3px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;width:fit-content;border:1px solid var(--color-text);border-radius:999px;padding:0 24px;background:var(--color-text);color:#fff;text-decoration:none;cursor:pointer;transition:transform .16s ease,background-color .16s ease}.button:hover{transform:translateY(-1px);background:#38322d}.button.secondary{background:var(--color-bg);color:var(--color-text);border-color:var(--color-line)}.error{display:none;color:#9d4a3d}.error[data-visible=true]{display:block}.illustration{--illustration-width: min(220px, 52vw);margin:0}.illustration img{display:block;width:var(--illustration-width);height:auto;border-radius:var(--radius)}.character{width:var(--illustration-width);color:var(--color-text)}.character svg{display:block;width:100%;height:auto;overflow:visible}.character-body,.character-ear,.character-arm,.character-mouth,.character-sprout,.character-shadow{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.character-body{fill:#fffefa;stroke-width:4}.character-ear,.character-arm,.character-sprout{stroke-width:3.5}.character-mouth{stroke-width:3}.character-shadow{stroke:var(--color-line);stroke-width:4}.character-eye{fill:currentColor}.character-blush{fill:none;stroke:var(--color-warm);stroke-width:3;stroke-linecap:round}.character-leaf{fill:var(--color-accent-soft);stroke:var(--color-text);stroke-linejoin:round;stroke-width:3.5}.schedule-panel{padding-left:clamp(22px,6vw,48px)}.schedule-status{color:var(--color-muted)}.schedule-list{position:relative;list-style:none;display:grid;gap:0;margin:0;padding:4px 0}.schedule-list:before{content:"";position:absolute;top:20px;bottom:20px;left:6px;width:1px;background:var(--color-line)}.schedule-item{position:relative;display:grid;grid-template-columns:18px minmax(64px,84px) 1fr;gap:16px;padding:18px 0}.schedule-marker{z-index:1;width:13px;height:13px;margin-top:6px;border:1.5px solid var(--color-text);border-radius:999px;background:var(--color-bg);box-shadow:0 0 0 5px var(--color-bg)}.schedule-time{color:var(--color-accent);font-family:var(--font-soft);font-size:1.12rem;line-height:1.4}.schedule-copy{display:grid;gap:3px}.schedule-title{color:var(--color-text);font-weight:500;line-height:1.5}@media(max-width:620px){.password-panel{grid-template-columns:1fr}.password-panel .illustration{--illustration-width: 150px}.schedule-panel{padding-left:22px}.schedule-item{grid-template-columns:18px 1fr;gap:10px 14px}.schedule-time,.schedule-copy{grid-column:2}}