.planning-demo{background:var(--tm-page-background);min-height:100vh;color:var(--tm-text-primary);padding:0 32px 64px}.planning-demo__banner{text-align:center;background:var(--tm-warning-soft);color:var(--tm-text-primary);letter-spacing:.06em;margin:0 -32px 32px;padding:10px 20px;font-size:12px;font-weight:700}.planning-demo__header{justify-content:space-between;align-items:start;gap:32px;max-width:1440px;margin:auto;display:flex}.planning-demo__header>div{max-width:820px}.planning-demo__header h1{margin:.35rem 0}.planning-demo__header label{gap:8px;min-width:210px;display:grid}.planning-demo select{border:1px solid var(--tm-border);border-radius:var(--tm-radius-control);background:var(--tm-surface-interactive);min-height:44px;color:var(--tm-text-primary);padding:0 12px}.planning-demo__scenarios{flex-wrap:wrap;gap:8px;max-width:1440px;margin:28px auto;display:flex}.planning-setup,.weekly-planner{border:1px solid var(--tm-border);border-radius:var(--tm-radius-card);background:var(--tm-surface);max-width:1440px;box-shadow:var(--tm-shadow-sm);gap:24px;margin:auto;padding:24px;display:grid}.planning-setup{grid-template-columns:1fr 1.15fr}.planning-setup__detail,.weekly-availability,.planning-review{border:1px solid var(--tm-border);border-radius:var(--tm-radius-control);background:var(--tm-surface-raised);padding:20px}.planning-area-grid,.weekly-availability>div{flex-wrap:wrap;gap:10px;display:flex}.weekly-availability,.planning-review{grid-column:1/-1}.planning-review dl{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.planning-review dl div{background:var(--tm-surface-subtle);border-radius:10px;padding:12px}.planning-review dt{color:var(--tm-text-secondary);font-size:12px}.planning-review dd{margin:5px 0 0;font-weight:700}.planning-review small{color:var(--tm-text-secondary);margin-top:10px;display:block}.weekly-planner>header,.weekly-planner>footer{justify-content:space-between;align-items:center;gap:20px;display:flex}.planning-real .weekly-planner>header{gap:12px}.planning-real .weekly-planner>header h2{color:var(--tm-text-secondary);margin:0;font-size:.875rem;font-weight:600}.planning-real .weekly-planner__nav{align-items:center}.weekly-planner__nav,.weekly-planner>footer{flex-wrap:wrap;gap:8px;display:flex}.weekly-grid{grid-template-columns:repeat(7,minmax(150px,1fr));gap:10px;display:grid;overflow-x:auto}.weekly-grid>section{border:1px solid var(--tm-border);background:var(--tm-surface-subtle);border-radius:12px;min-width:0;padding:10px}.weekly-grid>section>header{justify-content:space-between;margin-bottom:10px;display:flex}.weekly-grid article{border:1px solid var(--tm-border);background:var(--tm-surface);overflow-wrap:anywhere;border-radius:10px;gap:6px;padding:12px;display:grid}.weekly-grid article+article{margin-top:8px}.weekly-grid article[data-complete=true]{border-color:var(--tm-success);background:var(--tm-success-soft)}.weekly-grid article small,.weekly-grid article span,.weekly-grid__rest{color:var(--tm-text-secondary);font-size:12px}.weekly-grid article h3{margin:0;font-size:14px;line-height:1.4}.weekly-grid article div{flex-wrap:wrap;gap:6px;display:flex}.weekly-grid article button{min-height:44px}.planning-demo :focus-visible{outline:3px solid var(--tm-focus);outline-offset:3px}.planning-sequence{border:1px solid var(--tm-border);border-radius:var(--tm-radius-control);background:var(--tm-surface-raised);grid-column:1/-1;max-width:1440px;margin:auto;padding:20px}.planning-sequence h2{margin-top:0}.planning-sequence ol{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;padding-left:28px;display:grid}.planning-sequence li{border:1px solid var(--tm-border);background:var(--tm-surface-subtle);border-radius:10px;padding:14px}.planning-sequence li span{color:var(--tm-text-secondary);margin-bottom:5px;font-size:12px;display:block}@media (width<=900px){.planning-setup{grid-template-columns:1fr}.planning-review dl{grid-template-columns:1fr 1fr}.weekly-grid{grid-template-columns:1fr;display:grid;overflow:visible}.weekly-grid>section{min-width:0}.weekly-planner>header,.weekly-planner>footer,.planning-demo__header{flex-direction:column;align-items:stretch}}@media (width<=520px){.planning-demo{padding:0 16px 48px}.planning-demo__banner{margin:0 -16px 24px}.planning-review dl{grid-template-columns:1fr}.planning-setup,.weekly-planner{padding:16px}.planning-demo__scenarios{flex-wrap:nowrap;overflow-x:auto}}