:root,.ctl-comfortable{--btn-h-sm: 34px;--btn-h-md: 40px;--btn-h-lg: 48px;--btn-fs-sm: 13px;--btn-fs-md: 15px;--btn-fs-lg: 15.5px;--btn-px-sm: 11px;--btn-px-md: 16px;--btn-px-lg: 22px;--btn-radius: 8px;--field-h: 40px;--field-fs: 15px;--field-px: 10px;--field-radius: 8px;--field-label-fs: 13px;--field-hint-fs: 12.5px}@media(max-width:720px){:root,.ctl-comfortable{--btn-h-sm: 44px;--btn-h-md: 46px;--btn-h-lg: 50px;--field-h: 46px;--field-fs: 16px}}.ctl-compact{--btn-h-sm: 26px;--btn-h-md: 30px;--btn-h-lg: 38px;--btn-fs-sm: 12px;--btn-fs-md: 13px;--btn-fs-lg: 14px;--btn-px-sm: 9px;--btn-px-md: 12px;--btn-px-lg: 16px;--btn-radius: 7px;--field-h: 30px;--field-fs: 13px;--field-px: 8px;--field-radius: 6px;--field-label-fs: 12px;--field-hint-fs: 11.5px}@media(max-width:699px){.ctl-compact{--btn-h-sm: 40px;--btn-h-md: 40px;--btn-h-lg: 44px;--btn-fs-sm: 13px;--btn-fs-md: 14px;--btn-fs-lg: 15px;--field-h: 40px;--field-fs: 16px}}.btn{--btn-bg: var(--bg-raised);--btn-fg: var(--text);--btn-line: var(--line);--btn-bg-hover: var(--bg-hover);--btn-fg-hover: var(--btn-fg);--btn-line-hover: var(--line-strong);--btn-h: var(--btn-h-md);--btn-fs: var(--btn-fs-md);--btn-px: var(--btn-px-md);display:inline-flex;align-items:center;justify-content:center;gap:.5em;box-sizing:border-box;min-height:var(--btn-h);margin:0;padding:4px var(--btn-px);font:inherit;font-size:var(--btn-fs);font-weight:600;line-height:1.2;color:var(--btn-fg);background:var(--btn-bg);border:1px solid var(--btn-line);border-radius:var(--btn-radius);cursor:pointer;text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.btn[hidden]{display:none}.btn:hover{color:var(--btn-fg-hover);background:var(--btn-bg-hover);border-color:var(--btn-line-hover);text-decoration:none}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.btn:disabled:hover,.btn[aria-disabled=true]:hover{color:var(--btn-fg);background:var(--btn-bg);border-color:var(--btn-line)}.btn[aria-busy=true]{cursor:progress}.btn svg{flex:0 0 auto;width:1.1em;height:1.1em}.btn-sm{--btn-h: var(--btn-h-sm);--btn-fs: var(--btn-fs-sm);--btn-px: var(--btn-px-sm);font-weight:500}.btn-md{--btn-h: var(--btn-h-md);--btn-fs: var(--btn-fs-md);--btn-px: var(--btn-px-md)}.btn-lg{--btn-h: var(--btn-h-lg);--btn-fs: var(--btn-fs-lg);--btn-px: var(--btn-px-lg)}.btn-primary{--btn-bg: var(--run);--btn-fg: var(--run-ink);--btn-line: transparent;--btn-bg-hover: var(--run-hover);--btn-line-hover: transparent}.btn-accent{--btn-bg: var(--accent);--btn-fg: var(--accent-ink);--btn-line: transparent;--btn-bg-hover: var(--accent-hover, color-mix(in srgb, var(--accent) 86%, var(--text)));--btn-line-hover: transparent}.btn-secondary{--btn-bg: var(--bg-raised);--btn-fg: var(--text);--btn-line: var(--line)}.btn-quiet{--btn-bg: transparent;--btn-fg: var(--text-dim);--btn-line: transparent;--btn-bg-hover: var(--bg-hover);--btn-fg-hover: var(--text);--btn-line-hover: transparent;font-weight:500}.btn-tinted{--btn-bg: color-mix(in srgb, var(--accent) 10%, transparent);--btn-fg: var(--accent);--btn-line: color-mix(in srgb, var(--accent) 35%, transparent);--btn-bg-hover: color-mix(in srgb, var(--accent) 18%, transparent);--btn-line-hover: color-mix(in srgb, var(--accent) 50%, transparent)}.btn-danger{--btn-bg: transparent;--btn-fg: var(--stop);--btn-line: color-mix(in srgb, var(--stop) 55%, transparent);--btn-bg-hover: var(--error-bg);--btn-fg-hover: var(--error-text);--btn-line-hover: var(--error-line)}.btn-danger-solid{--btn-bg: var(--stop);--btn-fg: var(--stop-ink, #fff);--btn-line: transparent;--btn-bg-hover: var(--stop-hover, color-mix(in srgb, var(--stop) 88%, #fff));--btn-fg-hover: var(--stop-ink, #fff);--btn-line-hover: transparent}.btn-icon{flex:0 0 auto;width:var(--btn-h);padding:0}.btn-block{display:flex;width:100%}@media(prefers-reduced-motion:reduce){.btn{transition:none}}.segmented{display:inline-flex;flex:0 0 auto;gap:4px;max-width:100%;padding:3px;background:var(--bg-input);border:1px solid var(--line);border-radius:calc(var(--btn-radius) + 1px)}.segmented-fill{display:flex;width:100%}.segment{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;min-height:var(--btn-h-sm);margin:0;padding:4px 14px;font:inherit;font-size:var(--btn-fs-sm);font-weight:600;line-height:1.2;white-space:nowrap;color:var(--text-dim);background:transparent;border:1px solid transparent;border-radius:calc(var(--btn-radius) - 1px);cursor:pointer;transition:background-color .12s ease,color .12s ease}.segmented-fill .segment{flex:1 1 0;min-width:0}.segment:hover{color:var(--text)}.segment:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.segment[aria-selected=true]{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}@media(max-width:480px){.segmented{display:flex;width:100%}.segment{flex:1 1 0;min-width:0;gap:6px;padding-inline:8px;font-size:12.5px}}@media(prefers-reduced-motion:reduce){.segment{transition:none}}.field{display:flex;flex-direction:column;gap:5px;min-width:0;margin:0;text-align:left}.field-label{font-size:var(--field-label-fs);font-weight:500;line-height:1.3;color:var(--text-dim)}.field-optional{font-weight:400;color:var(--text-faint)}.field-hint{margin:0;font-size:var(--field-hint-fs);line-height:1.4;color:var(--text-dim)}.field-input{box-sizing:border-box;width:100%;min-height:var(--field-h);margin:0;padding:6px var(--field-px);font:inherit;font-size:var(--field-fs);line-height:1.35;color:var(--text);background:var(--bg-input);border:1px solid var(--line-strong);border-radius:var(--field-radius);transition:border-color .12s ease,box-shadow .12s ease}textarea.field-input{min-height:calc(var(--field-h) * 2.4);padding-block:8px;resize:vertical}select.field-input{padding-right:28px}.field-input::placeholder{color:var(--text-faint);opacity:1}.field-input:hover:not(:disabled){border-color:color-mix(in srgb,var(--line-strong) 60%,var(--text-dim))}.field-input:focus-visible,.field-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 28%,transparent)}.field-input:disabled{opacity:.55;cursor:not-allowed}.field-input[aria-invalid=true]{border-color:var(--stop)}.field-input[aria-invalid=true]:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--stop) 26%,transparent)}.field-error{display:flex;align-items:flex-start;gap:6px;margin:0;font-size:var(--field-hint-fs);line-height:1.4;font-weight:500;color:var(--danger-fg, var(--stop))}.field-error[hidden]{display:none}.field-error:before{content:"!";flex:0 0 auto;display:inline-grid;place-items:center;width:1.25em;height:1.25em;margin-top:.05em;font-size:.85em;font-weight:700;line-height:1;color:var(--bg-raised);background:var(--danger-fg, var(--stop));border-radius:50%}.field-control{position:relative;display:flex;align-items:center;gap:8px}.field-control>.field-input{flex:1 1 auto;min-width:0}.field-control>.field-input:has(+.field-action){padding-right:64px}.field-action{position:absolute;top:50%;right:5px;transform:translateY(-50%);min-width:52px;min-height:calc(var(--field-h) - 10px);padding:2px 8px;font:inherit;font-size:var(--field-label-fs);font-weight:600;color:var(--accent);background:none;border:none;border-radius:6px;cursor:pointer}.field-action:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}.field-action:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.field-check{display:flex;align-items:flex-start;gap:8px;font-size:var(--field-label-fs);line-height:1.4;color:var(--text);cursor:pointer}.field-check input{flex:0 0 auto;width:16px;height:16px;min-height:0;margin:1px 0 0;padding:0;accent-color:var(--accent)}.field-row{display:flex;gap:8px;align-items:stretch}.field-row>.field-input{flex:1 1 auto;min-width:0}.field-row>.btn{flex:0 0 auto;min-height:var(--field-h)}@media(prefers-reduced-motion:reduce){.field-input{transition:none}}.sheet{font:15px/1.6 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text)}.sheet h2{line-height:1.2;letter-spacing:-.01em;text-wrap:balance}.sheet a{color:var(--accent)}.sheet-backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--gutter, 20px);background:var(--scrim, rgba(6, 8, 12, .66))}.sheet{position:relative;width:min(400px,100%);max-height:calc(100vh - 40px);overflow-y:auto;background:var(--bg-raised);border:1px solid var(--line-strong);border-radius:14px;padding:28px 24px 24px;box-shadow:var(--shadow-sheet, 0 26px 64px rgba(0, 0, 0, .45));text-align:center}.sheet h2{font-size:19px;margin:0 0 18px}.sheet-close{position:absolute;top:10px;right:10px;width:24px;height:24px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;background:var(--bg-panel);color:var(--text-dim);font-size:12px;line-height:1;cursor:pointer}.sheet .auth-field{text-align:left}.sheet .auth-row{justify-content:center}.sheet .nl-optin,.login-card .nl-optin{align-items:flex-start;justify-content:flex-start;text-align:left}.sheet .nl-optin input,.login-card .nl-optin input{height:15px;min-height:0;margin-top:3px;flex:0 0 auto}.sheet .guest{text-align:center}.sheet p{margin-top:8px;color:var(--text-dim);font-size:14px}.sheet p.auth-mail-note{margin-top:0;font-size:11.5px;color:var(--text-faint)}.sheet-providers{display:grid;gap:10px;margin-top:20px}.sheet-providers .btn{width:100%;min-height:46px}.sheet-divider{display:flex;align-items:center;gap:12px;margin:20px 0 14px;color:var(--text-faint);font-size:12px}.sheet-divider:before,.sheet-divider:after{content:"";flex:1 1 auto;height:1px;background:var(--line)}.sheet-dev{display:flex;gap:8px}.sheet-dev input{flex:1 1 auto;min-width:0}.sheet-foot{display:flex;align-items:center;gap:10px;margin-top:18px}.sheet-foot .spacer{flex:1 1 auto}.auth{display:flex;flex-direction:column;gap:14px}.auth-tabs{margin-bottom:10px}.auth-field{display:flex;flex-direction:column;gap:5px;text-align:left}.auth-field>span:first-child{font-size:var(--field-label-fs);font-weight:500;line-height:1.3;color:var(--text-dim)}.auth-field input,.auth-field select,.auth-field textarea{width:100%;min-height:var(--field-h);font-size:var(--field-fs);border-color:var(--line-strong);border-radius:var(--field-radius)}.auth-field input:focus,.auth-field select:focus,.auth-field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 28%,transparent)}.auth-field input[aria-invalid=true]{border-color:var(--stop)}.auth-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.auth-row .spacer{flex:1 1 auto}.auth-submit{width:100%;min-height:46px}.auth-human{min-height:65px;overflow:hidden}.auth-human:not([hidden]){display:flex;justify-content:center}.auth-link{font:inherit;font-size:13px;color:var(--accent);background:none;border:none;padding:4px 2px;cursor:pointer;text-align:left}.auth-link:hover{text-decoration:underline}.auth-sep{width:1px;height:14px;background:var(--line-strong)}@media(max-width:440px){.auth-sep{display:none}}.auth-message{padding:9px 11px;border-radius:7px;font-size:13px;border:1px solid var(--line);background:var(--bg-input);color:var(--text-dim)}.auth-message.ok{color:var(--chip-ok-fg);border-color:var(--chip-ok-line);background:var(--chip-ok-bg)}.auth-message.warn{color:var(--chip-warn-fg);border-color:var(--chip-warn-line);background:var(--chip-warn-bg)}.auth-message.error{color:var(--error-text);border-color:var(--error-line);background:var(--error-bg)}.auth-divider{display:flex;justify-content:center;color:var(--text-faint);font-size:12px}.auth-providers{display:grid;gap:10px}.auth-providers .btn{width:100%;min-height:46px}.btn.btn-apple{color:#000;background:#fff;border-color:#fff}.btn.btn-apple:hover{color:#000;background:#e8e8ed;border-color:#e8e8ed}:root[data-theme=light] .btn.btn-apple{color:#fff;background:#000;border-color:#000}:root[data-theme=light] .btn.btn-apple:hover{color:#fff;background:#333;border-color:#333}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .btn.btn-apple{color:#fff;background:#000;border-color:#000}:root:not([data-theme=dark]) .btn.btn-apple:hover{color:#fff;background:#333;border-color:#333}}.auth-providers:empty{display:none}.auth-mail-note{margin:0;font-size:11.5px;line-height:1.5;color:var(--text-faint);text-align:center}.auth-free{font-size:13px;color:var(--text-dim)}.auth-free b{color:var(--text);font-weight:600}.nl-optin{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--text-dim);cursor:pointer}.nl-optin input{width:15px;height:15px;margin:0;accent-color:var(--accent)}.login-card .sent,.sheet .sent{align-items:center;text-align:center}.login-card .sent-row,.sheet .sent-row{justify-content:center}.guest{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.guest .btn{width:100%;min-height:46px}.guest p{margin-top:9px;font-size:12.5px;color:var(--text-faint)}.auth.auth-inline{flex-direction:row;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:12px;text-align:left}.auth-inline .auth-field{flex:1 1 220px;max-width:320px}.auth-inline .auth-submit{flex:0 0 auto;width:auto}.auth-inline .auth-message{flex-basis:100%;text-align:center}@media(max-width:600px){.auth-inline .auth-field,.auth-inline .auth-submit{flex-basis:100%;max-width:none}}
