.time-fields{display:flex;gap:18px;margin-bottom:20px}.time-fields label{flex:1;min-width:0;font-weight:700}.time-fields input{display:block;width:100%;margin-top:10px;padding:12px;border:1px solid #3d526c;border-radius:10px;background:#0b1220;color:#fff;font-size:26px}#settings-dialog a{color:#6ce5b1}#settings-dialog hr{border:0;border-top:1px solid #33445a;margin:24px 0}#settings-error{color:#ffb7bf}#settings-dialog{overflow-y:auto}.tools{flex-wrap:wrap}
:root{color-scheme:dark;font-family:system-ui,-apple-system,"Noto Sans KR",sans-serif;background:#0b1220;color:#f2f6fc}*{box-sizing:border-box}body{margin:0}button,a{touch-action:manipulation}button{border:0;border-radius:14px;background:#1b2a3d;color:#f2f6fc;font-size:16px;font-weight:600;font-family:inherit;padding:14px 20px;cursor:pointer}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #6ce5b1;outline-offset:3px}[hidden]{display:none!important}.app{height:100dvh;min-height:420px;padding:22px 30px 20px;display:flex;flex-direction:column;gap:14px}header{display:flex;align-items:center;gap:14px;min-height:55px}h1{font-size:26px;margin:0;flex:1;white-space:nowrap}.back{color:#9eb0c7;text-decoration:none;font-size:32px;padding:0 4px}.tools{display:flex;gap:10px}.presenters{display:flex;gap:10px}.presenters #choose{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel{--accent:#f2f6fc;flex:1;min-height:0;border-radius:26px;background:#111d2e;display:flex;flex-direction:column;align-items:center;padding:20px 46px 28px;color:var(--accent)}.panel.active{--accent:#ffd27d}.panel.minimum-met{--accent:#6ce5b1}.panel.limit-reached{--accent:#ff737f;background:#2b1721}.badge-row{height:42px;flex-shrink:0}#badge{display:inline-block;border-radius:24px;background:color-mix(in srgb,var(--accent) 10%,transparent);padding:9px 22px;font-weight:700;font-size:18px}#clock{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;font:700 clamp(74px,24vh,205px)/1 Arial,sans-serif;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.scale{width:100%}.track{height:9px;border-radius:9px;background:#2f4156;position:relative}#progress{height:100%;border-radius:9px;background:var(--accent);width:0}i{width:14px;height:14px;background:#9eb0c7;border-radius:50%;position:absolute;top:-2.5px;transform:translateX(-50%)}i.minimum{left:50%}i.limit{left:100%}.minimum-met i.minimum,.limit-reached i.minimum{background:#6ce5b1}.limit-reached i.limit{background:#ff737f}.ticks{display:flex;justify-content:space-between;margin-top:18px;font-size:14px;color:#9eb0c7}.ticks span:nth-child(2){position:absolute;left:50%;transform:translateX(-50%);color:#6ce5b1}.ticks span:last-child{color:#ff737f}.actions{display:flex;gap:14px}.actions button{flex:1;min-height:76px;font-size:26px;font-weight:700}#start{background:#6ce5b1;color:#0b1220}#stop:not(:disabled){background:#9e3644}#message{margin:0;background:#37252b;color:#ffb7bf;padding:10px 14px;border-radius:10px}dialog{width:min(620px,94vw);max-height:90dvh;border:1px solid #33445a;border-radius:20px;background:#111d2e;color:#f2f6fc;padding:26px}dialog::backdrop{background:#0009}dialog h2{margin:0 0 18px;font-size:23px}dialog p{color:#9eb0c7;line-height:1.6}textarea{width:100%;resize:vertical;border:1px solid #3d526c;border-radius:10px;background:#0b1220;color:#fff;padding:14px;font-size:18px;line-height:1.6;font-family:inherit}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.primary{background:#6ce5b1;color:#0b1220}.list{display:grid;gap:10px;max-height:55dvh;overflow-y:auto}.list>button{text-align:left;white-space:pre-line}.recording-item{border:1px solid #2f4156;border-radius:12px;padding:14px}.recording-item h3{font-size:18px;margin:0}.recording-item p{font-size:13px;margin:6px 0}.recording-item audio{width:100%;margin:8px 0}.recording-actions{display:flex;align-items:center;gap:10px}.recording-actions a{padding:10px;color:#6ce5b1}.small{font-size:13px}@media(max-height:600px){.app{padding:14px 22px;gap:10px}header{min-height:44px}h1{font-size:22px}button{padding:11px 16px}.panel{padding:14px 36px 22px}.badge-row{height:34px}#badge{font-size:15px;padding:7px 18px}.actions button{min-height:60px;font-size:22px}}@media(max-width:650px){.app{height:auto;min-height:100dvh;padding:16px;gap:12px}header{flex-wrap:wrap}h1{font-size:22px}.tools{width:100%;justify-content:flex-end}.tools button{font-size:13px;padding:10px 14px}.panel{min-height:340px;padding:18px 24px 28px}#clock{font-size:clamp(64px,19vw,120px);min-height:155px}.actions button{min-height:60px;font-size:21px}.ticks{font-size:11px}}
.cloud-select{display:block;margin:16px 0;font-weight:700}.cloud-select select{display:block;width:100%;margin-top:8px;background:#0b1220;color:#f2f6fc;border:1px solid #3d526c;border-radius:10px;padding:12px;font:inherit}
.presenters #choose{text-align:center!important}.presenters #previous,.presenters #next{width:94px;flex-shrink:0;padding:10px;font-size:14px}@media(max-width:650px){.presenters #previous,.presenters #next{width:72px;padding:10px 5px}}