*{box-sizing:border-box}html{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}body{margin:0;background:#090b12;color:#f4f6ff}button,input,select{font:inherit}button{cursor:pointer}button,input,select{min-height:44px;border:1px solid #343a50;border-radius:10px;background:#151927;color:#f7f8ff;padding:.65rem .75rem}button{background:#5b3bd6;border-color:#8d76ff;font-weight:700}button.secondary{background:#252a3b}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #53e0c1;outline-offset:2px}a{color:#7ee8d1}body{min-width:320px}#app{max-width:1500px;margin:auto;padding:clamp(1rem,3vw,2.5rem)}header{margin-bottom:1.5rem}h1{font-size:clamp(2rem,6vw,4.5rem);line-height:.95;margin:.3rem 0;letter-spacing:-.05em}.eyebrow{color:#53e0c1;font-weight:800;letter-spacing:.14em}.editor-layout{display:grid;grid-template-columns:minmax(320px,600px) minmax(420px,1fr);gap:1.5rem;align-items:start}.controls{display:grid;gap:1rem}fieldset,.instructions,.preview-panel{border:1px solid #292e42;border-radius:16px;background:#111522;padding:1rem;box-shadow:0 12px 40px #0004}fieldset{display:grid;grid-template-columns:minmax(9rem,.6fr) 1fr;gap:.7rem 1rem}.countdown-setup[hidden]{display:none}.mode-cards{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.mode-radio{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}.mode-card{display:grid;gap:.15rem;padding:.8rem .9rem;border:1px solid #292e42;border-radius:12px;background:#181d2c;cursor:pointer;transition:border-color .15s,box-shadow .15s}.mode-radio:checked~.mode-card-title{color:#53e0c1}.mode-card.active{border-color:#53e0c1;box-shadow:0 0 0 1px #53e0c1}.mode-card:active{border-color:#53e0c1}.mode-card-title{font-weight:800;color:#fff}.mode-card-hint{font-size:.85rem;color:#8a91ad}.mode-radio:focus-visible~.mode-card-title{outline:2px solid #53e0c1}.countdown-setup{grid-column:1/-1;display:grid;gap:.8rem;padding:1rem;border:1px solid #2f8f7d;border-radius:14px;background:linear-gradient(180deg,#12241f,#111522);box-shadow:0 8px 28px #0a2e2506}.quick-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.quick-button{padding:.55rem .95rem;border:1px solid #292e42;border-radius:999px;background:#181d2c;color:#e8ebf7;font-weight:700;cursor:pointer}.quick-button:hover{border-color:#53e0c1}.quick-button:focus-visible{outline:2px solid #53e0c1}.schedule-row{display:grid;grid-template-columns:1fr 1fr auto;gap:.6rem;align-items:end;min-width:0}.schedule-row input{min-width:0}.schedule-row label{display:grid;gap:.25rem;font-size:.9rem}.timezone-note{align-self:center;color:#53e0c1;font-weight:700;font-size:.9rem}.resolved-summary{margin:0;color:#cfd4e8;font-weight:600}.post-zero{display:flex;flex-wrap:wrap;gap:1rem;border:0;padding:0;margin:0}.post-zero legend{font-size:1rem}.post-zero label{display:flex;align-items:center;gap:.4rem}.post-zero-radio{width:auto}.advanced summary{cursor:pointer;color:#8a91ad;font-weight:700}.advanced[open] summary{margin-bottom:.5rem}.advanced label{display:block;margin-bottom:.3rem}legend{font-size:1.15rem;font-weight:800;padding:0 .4rem}label{align-self:center;color:#cfd4e8}input,select{width:100%}input[type=checkbox]{width:44px}input[type=color]{padding:.25rem}.timezone-picker{position:relative;min-width:0}.timezone-options{position:absolute;z-index:10;top:calc(100% + .25rem);left:0;right:0;max-height:17rem;overflow-y:auto;border-radius:10px;background:#181d2c;box-shadow:0 10px 30px #000a}.timezone-options:empty{display:none}.timezone-option{padding:.65rem .75rem;cursor:pointer;overflow-wrap:anywhere}.timezone-option[aria-selected=true],.timezone-option:hover{background:#2b3550;color:#fff}.help,.error,.warning,#copy-status,#import-status{grid-column:1/-1;margin:.2rem 0}.error,.warning{color:#ffca76;min-height:1.3em}.import-existing{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem}.import-existing label{grid-column:1/-1}.actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.6rem}.privacy{border-left:3px solid #53e0c1;padding-left:.8rem;color:#cfd4e8}.preview-panel{position:sticky;top:1rem}.preview-head{display:flex;justify-content:space-between;align-items:center;gap:1rem}.preview-head select{width:auto}.preview-stage{height:min(38vw,360px);min-height:230px;border-radius:12px;overflow:hidden}.checkerboard{background-color:#fff;background-image:linear-gradient(45deg,#d8d8de 25%,transparent 25%),linear-gradient(-45deg,#d8d8de 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d8d8de 75%),linear-gradient(-45deg,transparent 75%,#d8d8de 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.dark{background:#080a10}.light{background:#fff}@media(max-width:899px){#app{padding:1rem;min-width:0}.editor-layout{display:flex;flex-direction:column}.preview-panel{position:relative;top:auto;order:-1;width:100%}.preview-stage{height:240px}fieldset{grid-template-columns:1fr}.countdown-setup,.schedule-row{grid-template-columns:1fr;min-width:0}.mode-cards{grid-template-columns:1fr}.quick-buttons{flex-wrap:wrap}label{margin-top:.4rem}.help,.error,.warning,#copy-status,.actions{grid-column:1}}@media(max-width:420px){.actions button{width:100%}}