:root{--bg: #0C0C0E;--surface: #16161A;--ink: #F4F1EA;--mute: #9A9488;--gold: #E8C547;--line: #2A2A30;--danger: #D96B6B;--sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}html{background:var(--bg);color-scheme:dark}body{background:var(--bg);color:var(--ink);font-family:var(--sans);min-height:100vh;min-height:100dvh;min-height:100svh;padding-top:env(safe-area-inset-top);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}.shell{min-height:100vh;min-height:100dvh;min-height:100svh;display:flex;justify-content:center;padding:28px 16px calc(28px + env(safe-area-inset-bottom))}.col{width:100%;max-width:390px;display:flex;flex-direction:column;gap:16px}.mark{display:flex;align-items:center;height:16px}.mark i{width:8px;height:8px;border-radius:99px;background:var(--gold);display:block}h1{font-size:28px;font-weight:700;letter-spacing:-.03em;line-height:1.12}.lede{color:var(--mute);font-size:15px;line-height:1.45;margin:8px 0 0}.copy{display:flex;flex-direction:column}.page{display:flex;flex-direction:column;gap:14px;min-height:calc(100dvh - 72px)}form.page{gap:14px}label{display:flex;flex-direction:column;gap:8px;color:var(--ink);font-size:14px;font-weight:550}label .hint{margin-top:-4px;font-weight:400}input,select,textarea{width:100%;background:var(--surface);color:var(--ink);caret-color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:14px;font-size:16px;font-weight:560;letter-spacing:0;text-transform:none;line-height:1.3;outline:none;appearance:none;-webkit-appearance:none}input::placeholder,textarea::placeholder{color:var(--mute)}textarea{min-height:88px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--gold)}select{background-image:linear-gradient(45deg,transparent 50%,var(--mute) 50%),linear-gradient(135deg,var(--mute) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn{width:100%;border:0;border-radius:12px;padding:15px 16px;margin-top:4px;font-size:16px;font-weight:620;background:var(--gold);color:#111;cursor:pointer}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--mute);border:1px solid var(--line);margin-top:0}.err,.warn{color:var(--danger);font-size:14px;line-height:1.4;font-weight:400}.hint{color:var(--mute);font-size:13px;line-height:1.4;font-weight:400}.note{color:var(--mute);font-size:14px;line-height:1.45;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:4px}.note b{color:var(--ink);font-size:16px;font-weight:650;letter-spacing:-.02em}.numbers{display:flex;flex-direction:column;gap:8px}.num{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:12px;padding:14px;font-size:16px;font-weight:560;cursor:pointer}.num em{color:var(--gold);font-style:normal;font-size:14px;font-weight:620;white-space:nowrap}.num.on{border-color:var(--gold)}.clock{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px}.clock span{color:var(--mute);font-size:13px}.clock b{color:var(--gold);font-size:40px;font-weight:700;letter-spacing:-.03em;line-height:1}.clock p{color:var(--mute);font-size:13px;line-height:1.45}.empty{color:var(--mute);font-size:14px;line-height:1.5;padding:4px 2px 0}.done.wait .mark i{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}a.btn{text-decoration:none;text-align:center;display:block}.otp{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.otp input{text-align:center;padding:12px 0;font-size:20px;font-weight:620;font-variant-numeric:tabular-nums}.otp input:focus{border-color:var(--gold)}.foot{margin-top:auto;padding-top:12px;color:var(--mute);font-size:13px;line-height:1.45;text-align:center}.foot a{color:var(--mute);text-underline-offset:2px}.chip{display:flex;flex-direction:column;gap:6px}.chip span{color:var(--mute);font-size:13px}.skip{align-self:center;background:none;border:0;color:var(--mute);font-size:14px;padding:8px 2px;cursor:pointer}.skip:disabled{opacity:.45;cursor:not-allowed}.choice{text-align:left;background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:12px;padding:14px;cursor:pointer;display:flex;flex-direction:column;gap:4px}.choice b{font-size:16px;font-weight:650;letter-spacing:-.02em}.choice small{color:var(--mute);font-size:13px;line-height:1.4}.choice.on{border-color:var(--gold)}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:12px}.place{display:flex;flex-direction:column;gap:2px}.place b{font-size:16px;font-weight:650}.place small{color:var(--mute);font-size:13px}.days{display:flex;gap:6px}.day{flex:1;height:36px;border:1px solid var(--line);background:transparent;color:var(--mute);border-radius:10px;font-size:13px;font-weight:620;cursor:pointer}.day.on{border-color:var(--gold);color:var(--gold)}.day.bad{border-color:var(--danger);color:var(--danger)}.times{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:end}.times .to{color:var(--mute);font-size:14px;padding-bottom:14px}.add{align-self:flex-start;background:none;border:0;color:var(--mute);font-size:14px;padding:4px 0;cursor:pointer}.stack{display:flex;flex-direction:column;gap:12px}.pct{position:relative;display:block}.pct input{padding-right:36px}.pct em{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--mute);font-style:normal;font-weight:560}
