:root{--text:#1f2933;--muted:#616e7c;--line:#d9dee3;--surface:#fff;--page:#f4f6f8;--accent:#1d4ed8;--danger:#b42318;--success:#17703a;--warning:#8a5a00;color:var(--text);background:var(--page);font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}h1{margin:0;font-size:1.6rem}h2{margin:0;font-size:1.15rem}h3{margin:0;font-size:1rem}p{margin:0}main{max-width:1100px;margin:0 auto;padding:1.5rem}.login{gap:1rem;max-width:24rem;margin-top:12vh;display:grid}.topbar{background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:.6rem 1.5rem;font-weight:600;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:1.1rem}.stack{gap:1rem;display:grid}.row{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.topbar .row{align-items:center;font-weight:400}.between{justify-content:space-between;align-items:center}.grow{flex:14rem}.center{text-align:center;justify-items:center}label{gap:.25rem;font-size:.875rem;font-weight:600;display:grid}label.check{align-items:center;gap:.4rem;min-height:2.4rem;font-weight:400;display:flex}input:not([type=checkbox]),select,textarea{width:100%;min-height:2.4rem;font:inherit;background:var(--surface);border:1px solid #9aa5b1;border-radius:6px;padding:.4rem .6rem;font-weight:400}button,.button{background:var(--surface);min-height:2.4rem;color:var(--text);font:inherit;cursor:pointer;border:1px solid #9aa5b1;border-radius:6px;justify-self:start;padding:.45rem .9rem;text-decoration:none;display:inline-block}button:disabled{opacity:.55;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.danger{background:var(--danger);border-color:var(--danger);color:#fff}button.danger-link{color:var(--danger);background:0 0;border-color:#0000}button.link{min-height:0;color:var(--accent);text-align:left;background:0 0;border:0;padding:0;text-decoration:underline}:focus-visible{outline-offset:1px;outline:3px solid #93b4f5}.list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.list.compact{flex-wrap:wrap;gap:1.25rem;display:flex}table{border-collapse:collapse;background:var(--surface);width:100%}caption{color:var(--muted);text-align:left;padding-bottom:.4rem;font-size:.875rem}th,td{border-bottom:1px solid var(--line);text-align:left;font-variant-numeric:tabular-nums;padding:.5rem .6rem}th.number,td.number{text-align:right}td.selected{background:#e8efff;font-weight:600}tr.muted td{color:var(--muted);font-style:italic}.scroll{overflow-x:auto}.muted{color:var(--muted)}.small{font-size:.8rem}.note{border-left:4px solid var(--line);background:var(--page);border-radius:4px;padding:.6rem .8rem}.note.error{border-color:var(--danger);color:var(--danger)}.note.warning{border-color:var(--warning);color:var(--warning)}.note.success{border-color:var(--success);color:var(--success)}.warning-text{color:var(--warning)}.badge{color:var(--warning);background:#fff3cd;border-radius:999px;margin-left:.5rem;padding:.1rem .45rem;font-size:.75rem;font-weight:600}.status{white-space:nowrap;border-radius:999px;padding:.15rem .6rem;font-size:.8rem;font-weight:600;display:inline-block}.status-not_started{color:var(--text);background:#e4e7eb}.status-open{color:var(--success);background:#d8f3e1}.status-closed{color:var(--danger);background:#fde4e1}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:.25rem;display:flex}.tab{background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0}.tab.active{border-bottom-color:var(--accent);font-weight:600}.qr{background:#fff;width:min(320px,80vw);height:auto}code{overflow-wrap:anywhere}.editor{grid-template-columns:minmax(0,1fr) minmax(0,22rem);align-items:start;gap:1rem;display:grid}@media (width<800px){.editor{grid-template-columns:minmax(0,1fr)}}fieldset{border:1px solid #cbd2d9;border-radius:4px;gap:.75rem;margin:0;padding:.5rem .75rem .75rem}.preview{color:#fff;text-align:center;background:#1f2933;border-radius:8px;width:100%;font-family:system-ui,sans-serif;line-height:normal;position:relative;overflow:hidden;container-type:size}.preview-screen{flex-direction:column;justify-content:center;align-items:center;gap:3cqmin;display:flex;position:absolute;inset:0;overflow:hidden}.preview.portrait{aspect-ratio:9/16}.preview.landscape{aspect-ratio:16/9}.preview h1,.preview p,.preview-help{width:100%;margin:0}.preview h1{line-height:1.1}.preview p{white-space:pre-line}.preview-help small{display:block}.preview-screen img{object-fit:contain;max-width:80%}.preview-image,.preview-dim{width:100%;height:100%;position:absolute;inset:0}.preview-image{object-fit:cover}.preview-dim{background:#000}.preview>.preview-arrow-wrap{justify-content:center;align-items:center;height:0;padding:0 5cqmin;display:flex;position:absolute;left:0;right:0}.preview-arrow-wrap.align-left{--arrow-shift:-2cqmin 0;justify-content:flex-start}.preview-arrow-wrap.align-right{--arrow-shift:2cqmin 0;justify-content:flex-end}.preview-arrow-wrap.align-up{--arrow-shift:0 -2cqmin}.preview-arrow-wrap.align-down{--arrow-shift:0 2cqmin}.preview-arrow-wrap.moving>*{animation:1.6s ease-in-out infinite preview-nudge}@keyframes preview-nudge{50%{translate:var(--arrow-shift)}}.preview-arrow,.preview-arrow-image{flex:none;max-width:100%}.preview-arrow-image{-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.arrow-right{transform:rotate(180deg)}.arrow-up{transform:rotate(90deg)}.arrow-down{transform:rotate(-90deg)}.preview-button{background:#00000059;border:1px solid #fff;border-radius:1cqmin;padding:1.5cqmin 4cqmin;font-size:3.5cqmin}