:root{color-scheme:light;--bg: #f7f1df;--panel: rgba(255, 252, 246, .96);--panel-strong: #fffdf9;--line: #e6d7c0;--text: #24363f;--muted: #5f7580;--teal: #77c4b8;--teal-dark: #245e65;--gold-soft: #fff2d5;--success: #d7f3dd;--success-line: #8dc39a;--danger: #b65252;font-family:Nunito,sans-serif}*{box-sizing:border-box}html,body,#app-shell,#game-root{margin:0;width:100%;height:100%;background:var(--bg)}body{color:var(--text)}button,input,textarea,select{font:inherit}#app-shell{position:relative}#game-root canvas{display:block}#ui-root{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;padding:16px;display:flex;justify-content:center;align-items:stretch;overflow:auto}.overlay-shell,.panel{pointer-events:auto}.overlay-shell{width:min(1120px,100%);display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px;align-self:start;align-items:start;min-height:calc(100vh - 32px)}.overlay-shell-published{align-items:start}.panel{background:var(--panel);border:2px solid var(--line);border-radius:28px;box-shadow:0 12px 40px #443f3514;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.panel-auth,.panel-side{padding:24px}.panel-main{padding:20px;overflow:visible}.panel-auth{width:min(580px,100%);align-self:center}.panel-wide{width:min(780px,100%)}.panel-side{max-height:calc(100vh - 32px);overflow:auto}.panel-side.compact{align-self:start}.compact-copy{font-size:.95rem}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;font-size:.85rem;color:var(--teal-dark)}h1,h2{margin:0;font-family:"Baloo 2",sans-serif;line-height:1}h1{font-size:clamp(2rem,4vw,3rem)}h2{font-size:clamp(1.7rem,3vw,2.4rem)}.supporting-copy{margin:12px 0 0;color:var(--muted);line-height:1.45}.stack{display:grid;gap:14px;margin-top:18px}.field{display:grid;gap:8px;font-weight:700;color:var(--text)}.field span{font-size:.95rem}.field input,.field textarea,.field select{width:100%;border:2px solid var(--line);border-radius:18px;padding:12px 14px;background:var(--panel-strong);color:var(--text)}.field textarea{resize:vertical;min-height:90px}.compact-field input,.compact-field select{padding:10px 12px}.emoji-field{width:92px}.grow{flex:1}.dictation-field{display:grid;gap:10px}.dictation-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dictation-button{padding:10px 14px;min-width:104px}.dictation-button.listening{background:#ffe8e2;border:2px solid #efb1a3;color:#9b3e2f}.dictation-status{margin:0;color:var(--muted);font-size:.95rem;line-height:1.4}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.button-row-tight{margin-top:8px}.primary-button,.secondary-button,.ghost-button,.toggle-card{border:0;border-radius:18px;padding:12px 16px;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,background-color .14s ease}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.toggle-card:hover{transform:translateY(-1px)}.primary-button{background:var(--teal);color:#fff;font-weight:800;box-shadow:0 8px 22px #245e652e}.secondary-button{background:var(--gold-soft);color:#7b5920;font-weight:800}.ghost-button{background:transparent;color:var(--teal-dark);border:2px solid var(--line);font-weight:800}.ghost-button.danger{color:var(--danger)}.inline-message,.warning-box{margin-top:16px;color:var(--muted)}.warning-box{background:#fff7eb;border:2px solid #f2d7a0;border-radius:18px;padding:12px 14px}.guidance-stack{display:grid;gap:12px;margin-top:18px}.guidance-card{background:#fff7eb;border:2px solid #f2d7a0;border-radius:20px;padding:12px 14px}.guidance-card-clarify{background:#eef8f6;border-color:#cde8e2}.health-ok{background:#eef8f0;border-color:#bdddca}.health-warning{background:#fff7eb;border-color:#f2d7a0}.health-wait{background:#f5f7fb;border-color:#d8e0f0}.guidance-card p{margin:0;color:var(--text);line-height:1.45}.guidance-card p+p{margin-top:8px}.guidance-title{font-weight:800;color:var(--teal-dark)}.guidance-followup,.clarification-hint{margin:0;color:var(--muted);line-height:1.4}.plan-tools{display:grid;gap:12px;margin-top:18px;padding-top:16px;border-top:2px dashed #e4d5bf}.archive-list{display:grid;gap:10px;max-height:240px;overflow:auto}.archive-card{background:#fffdf9;border:2px solid var(--line);border-radius:18px;padding:12px}.archive-title{margin:0;font-weight:800;color:var(--text)}.archive-meta,.archive-empty{margin:6px 0 0;color:var(--muted);line-height:1.4}.card-list-header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.summary-pill{background:#eef8f6;border:2px solid #cde8e2;color:var(--teal-dark);border-radius:999px;padding:8px 12px;font-weight:800}.task-editor-list,.task-toggle-list{display:grid;gap:14px}.task-editor-card{background:var(--panel-strong);border:2px solid var(--line);border-radius:24px;padding:16px}.editor-top-row{display:flex;gap:12px}.task-toggle-list{grid-template-columns:repeat(2,minmax(0,1fr))}.child-checklist{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-content:start}.toggle-card{display:flex;align-items:center;gap:12px;text-align:left;background:var(--panel-strong);border:2px solid var(--line);padding:18px 16px;min-height:104px}.toggle-card.done{background:var(--success);border-color:var(--success-line);opacity:.92}.toggle-emoji{font-size:2rem}.toggle-copy{display:grid;gap:4px;flex:1}.toggle-copy strong{font-size:clamp(1.25rem,2vw,1.55rem);line-height:1.1}.toggle-copy small{color:var(--muted)}.toggle-check{font-size:1.6rem;color:#34754b;font-weight:900}.task-complete-text{text-decoration:line-through;text-decoration-thickness:3px}.progress-strip{width:100%;height:14px;background:#edf1e8;border-radius:999px;overflow:hidden;margin-top:14px;border:2px solid #d7dfd1}.progress-strip span{display:block;height:100%;background:linear-gradient(90deg,#77c4b8,#9dd8a5);border-radius:inherit}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:18px;background:#24363f33;z-index:20}.confirm-card{width:min(420px,100%);background:var(--panel-strong);border:2px solid var(--line);border-radius:24px;padding:20px;box-shadow:0 18px 45px #24363f29}.confirm-card h3{margin:0;font-family:"Baloo 2",sans-serif;font-size:2rem;line-height:1.05}.confirm-card p{margin:12px 0 0;color:var(--text);line-height:1.4}.processing-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:20px;background:#fffcf6b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;pointer-events:auto}.processing-card{width:min(360px,100%);background:var(--panel-strong);border:2px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 18px 45px #24363f24;text-align:center}.processing-card h3{margin:14px 0 0;font-family:"Baloo 2",sans-serif;font-size:2rem;line-height:1.05}.processing-card p{margin:10px 0 0;color:var(--muted);line-height:1.45}.spinner{width:48px;height:48px;margin:0 auto;border-radius:999px;border:4px solid #d8ece7;border-top-color:var(--teal);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:960px){.overlay-shell{grid-template-columns:1fr;padding-bottom:10px}#ui-root{align-items:start}.panel-side{max-height:none;overflow:visible}.task-toggle-list{grid-template-columns:1fr}}@media(max-width:640px){#ui-root{padding:10px}.panel-auth,.panel-side,.panel-main{padding:16px}.editor-top-row{flex-direction:column}.emoji-field{width:100%}}