:root{--ink:#ece7db;--ink-muted:#9aa39a;--gold:#d9b774;--gold-soft:#d9b77459;--panel:#080e0e8c;--panel-border:#d9b7744d}*{box-sizing:border-box}html,body{width:100%;margin:0;overflow-x:hidden}body{color:var(--ink);background-color:#05080a;background-image:linear-gradient(#0407088c,#040708e0),url(/bg-cosmos.jpg);background-position:top;background-repeat:no-repeat;background-size:cover;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;min-height:100vh;font:16px/145% system-ui,Segoe UI,Roboto,sans-serif}#root{min-height:100svh}p{margin:0}button{font:inherit;cursor:pointer}input,textarea{font:inherit}.app{width:100%;max-width:480px;margin:0 auto;padding:20px 16px 32px;font-family:system-ui,sans-serif;overflow-x:hidden}.app h1{text-transform:uppercase;letter-spacing:.06em;text-align:center;margin:8px 0 20px;font-size:20px;font-weight:600}.app h2{text-transform:uppercase;letter-spacing:.06em;text-align:center;margin:0 0 12px;font-size:15px;font-weight:600}.summary-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:18px;flex-direction:column;gap:4px;margin-bottom:16px;padding:16px;display:flex}.slots{flex-direction:column;gap:8px;margin:0 0 20px;padding:0;list-style:none;display:flex}.slot{background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;justify-content:space-between;align-items:center;gap:8px;padding:14px;display:flex}.slot span{overflow-wrap:break-word;min-width:0}.slot button{flex-shrink:0}.message{text-align:center;border-radius:10px;margin-bottom:12px;padding:10px 12px;font-size:14px}.message--success{color:#8fe3a8;background:#58bf7a26;border:1px solid #58bf7a59}.message--error{color:#f0a3a3;background:#d95c5c26;border:1px solid #d95c5c59}.slot-form{background:var(--panel);border:1px solid var(--panel-border);border-radius:18px;flex-direction:column;gap:14px;margin-bottom:20px;padding:16px;display:flex}.slot-form label{color:var(--ink-muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.slot-form input,.slot-form textarea,.slot-form select{border:1px solid var(--panel-border);color:var(--ink);background:#ffffff0d;border-radius:10px;padding:10px 12px;font-size:15px}.slot-form input::placeholder,.slot-form textarea::placeholder{color:#ece7dc59}.btn-primary{color:#2b2010;text-transform:uppercase;letter-spacing:.04em;background:linear-gradient(#e7c98a,#c9a058);border:none;border-radius:999px;width:100%;padding:14px;font-size:15px;font-weight:700;display:block}.btn-primary:disabled{opacity:.6}.btn-secondary{border:1px solid var(--gold-soft);width:100%;color:var(--ink);text-transform:uppercase;letter-spacing:.04em;background:0 0;border-radius:999px;padding:13px;font-size:14px;font-weight:600;display:block}.btn-secondary:disabled{opacity:.5}.btn-small{width:auto;padding:8px 16px;font-size:12px}.back-link{color:var(--ink-muted);background:0 0;border:none;margin-bottom:12px;padding:0;font-size:14px}.month-header{justify-content:center;align-items:center;gap:16px;margin-bottom:14px;display:flex}.week-arrow{width:32px;color:var(--gold);background:0 0;border:none;flex:none;font-size:24px;line-height:1}.week-arrow:disabled{opacity:.25}.month-label{font-size:16px;font-weight:600}.month-weekday-row{grid-template-columns:repeat(7,1fr);margin-bottom:6px;display:grid}.month-weekday-row span{text-align:center;color:var(--ink-muted);font-size:12px}.month-grid{grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:16px;display:grid}.day-btn{aspect-ratio:1;color:var(--ink-muted);background:0 0;border:1px solid #0000;border-radius:50%;font-size:14px;font-weight:600}.day-btn--faded{opacity:.25}.day-btn--has-slots{color:var(--ink);border-color:var(--panel-border);background:var(--panel)}.day-btn--today{border-color:var(--gold)}.day-btn:disabled{cursor:default}.month-legend{color:var(--ink-muted);flex-direction:column;gap:6px;margin-bottom:20px;font-size:12px;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.legend-dot--free{background:#8fe3a8}.legend-dot--empty{background:var(--ink-muted)}.time-list__date{text-align:center;margin-bottom:4px;font-size:16px;font-weight:600}.time-list__hint{text-align:center;color:var(--ink-muted);margin-bottom:14px;font-size:13px}.time-list{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.time-range-btn{border:1px solid var(--gold-soft);color:var(--ink);background:#d9b77414;border-radius:14px;padding:16px;font-size:16px;font-weight:600}.time-list__footnote{text-align:center;color:var(--ink-muted);font-size:12px;line-height:1.6}.intro{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.intro__photo{border:1px solid var(--panel-border);border-radius:20px;width:100%;max-width:260px;margin-bottom:12px}.intro__title{text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:26px;font-weight:600;line-height:1.2}.intro__subtitle{color:var(--gold);margin:0 0 16px;font-size:15px}.intro__bullets{text-align:left;flex-direction:column;gap:10px;width:100%;margin:0 0 24px;padding:0;list-style:none;display:flex}.intro__bullets li{color:var(--ink);font-size:14px}.intro .btn-primary{margin-bottom:10px}.intro__footnote{color:var(--ink-muted);font-size:11px}.success-screen{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.success-screen__check{border:1px solid var(--gold);width:56px;height:56px;color:var(--gold);border-radius:50%;justify-content:center;align-items:center;margin-bottom:6px;font-size:26px;display:flex}.success-screen .summary-card{text-align:left;width:100%;margin-top:8px}.success-screen__note{color:var(--ink-muted);margin:4px 0 14px;font-size:13px}.success-screen .btn-primary{width:100%}.tabs{gap:8px;margin-bottom:16px;display:flex}.tab-btn{border:1px solid var(--panel-border);color:var(--ink-muted);background:0 0;border-radius:999px;flex:1;padding:10px;font-size:13px;font-weight:600}.tab-btn--active{background:var(--panel);color:var(--ink);border-color:var(--gold)}.status-badge{border:1px solid var(--gold-soft);color:var(--gold);border-radius:999px;align-self:flex-start;margin-top:4px;padding:4px 10px;font-size:12px}.status-badge--muted{color:var(--ink-muted);border-color:var(--panel-border)}.countdown-label{text-align:center;color:var(--ink-muted);margin-bottom:4px;font-size:12px}.countdown{text-align:center;letter-spacing:.04em;margin:0 0 16px;font-size:28px;font-weight:700}.button-row{gap:10px;margin-bottom:14px;display:flex}.button-row .btn-secondary{flex:1}.footnote{color:var(--ink-muted);text-align:center;font-size:12px;line-height:1.6}.empty-state{text-align:center;color:var(--ink-muted);padding:24px 0;font-size:14px}.confirm-screen{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.confirm-screen__icon{margin-bottom:4px;font-size:32px}.confirm-screen .summary-card{text-align:left;width:100%;margin:10px 0 16px}.confirm-screen .btn-primary,.confirm-screen .btn-secondary{width:100%;margin-bottom:10px}.confirm-screen--urgent h2{color:#f0c96a}.app--with-nav{padding-bottom:90px}.bottom-nav{border-top:1px solid var(--panel-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#060a0beb;max-width:480px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav__item{color:var(--ink-muted);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px 4px 14px;font-size:11px;display:flex}.bottom-nav__item--active{color:var(--gold)}.bottom-nav__icon{font-size:18px}