:root{color-scheme:dark;font-family:Roboto Flex,system-ui,sans-serif;--surface: #181819;--surface-selected: rgba(73, 73, 80, .52);--border: rgba(73, 73, 80, .32);--border-soft: rgba(199, 199, 199, .1);--text-primary: rgba(255, 255, 255, .96);--text-secondary: rgba(255, 255, 255, .62);--text-muted: #646568}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#111113;color:var(--text-primary)}button,input{font:inherit}.showcase{display:grid;grid-template-columns:repeat(4,366px);gap:40px;width:max-content;min-width:100%;min-height:100vh;padding:20px;place-content:center;background:radial-gradient(circle at 50% 50%,rgba(111,77,128,.13),transparent 47%),#111113}advanced-settings{display:block}.settings-card{width:366px;overflow:hidden;border:1px solid var(--border);border-radius:28.4px;background:#181819fa;box-shadow:-4px 4px 16px 4px #00000080;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.settings-card__header{padding:24px 24px 8px}.settings-card h1{width:318px;margin:0;font-size:21px;font-stretch:127%;font-variation-settings:"wght" 440,"wdth" 127,"opsz" 21;font-weight:440;line-height:1.5;letter-spacing:.168px}.settings-card__body{display:flex;flex-direction:column;gap:15px;padding:12px 24px 24px}.field-group{display:flex;flex-direction:column;gap:10px}.field-copy h2{display:flex;align-items:center;height:32px;margin:0;padding:1px 0;font-size:12.2px;font-stretch:132%;font-variation-settings:"wght" 510,"wdth" 132,"opsz" 12;font-weight:510;line-height:1.8;letter-spacing:.122px}.field-copy p{margin:0;color:var(--text-secondary);font-size:12.2px;font-stretch:115%;font-variation-settings:"wght" 400,"wdth" 115,"opsz" 12;font-weight:400;line-height:1.8;letter-spacing:.122px}.segmented-control{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;width:318px;padding:4px;border:1px solid var(--border-soft);border-radius:15.6px}.segmented-control:has(.is-auto){grid-template-columns:2fr repeat(3,minmax(0,1fr))}.segment{height:32px;min-width:0;padding:0 8px;border:0;border-radius:9999px;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:13.3px;font-stretch:132%;font-variation-settings:"wght" 400,"wdth" 132,"opsz" 13;line-height:1.8;letter-spacing:.1463px;transition:color .14s ease,background-color .14s ease}.segment:hover,.segment:focus-visible{color:var(--text-primary);outline:none}.segment:focus-visible{box-shadow:0 0 0 2px #ffffff59}.segment.is-selected{border-radius:12.4px;background:var(--surface-selected)}.segment.is-auto{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--text-primary)}.auto-badge{display:flex;align-items:center;height:18px;padding:0 7px;border:1px solid #222228;border-radius:6px;color:var(--text-secondary);font-size:11px;font-stretch:115%;font-variation-settings:"wght" 400,"wdth" 115,"opsz" 11;letter-spacing:.088px}.deadline-input{position:relative;display:flex;align-items:center;width:100%;height:40px;padding:4px;border:1px solid var(--border-soft);border-radius:15.6px}.deadline-input:focus-within{border-color:#ffffff47}.deadline-input input{width:100%;height:30px;padding:0 80px;border:0;outline:none;background:transparent;color:#fff;text-align:center;font-size:13.3px;font-stretch:132%;font-variation-settings:"wght" 400,"wdth" 132,"opsz" 13;letter-spacing:.1463px;appearance:textfield}.deadline-input input::-webkit-inner-spin-button,.deadline-input input::-webkit-outer-spin-button{appearance:none}.deadline-input>span:not(.sr-only){position:absolute;inset:3px 3px 3px auto;display:flex;min-width:78px;align-items:center;padding:0 7px;color:var(--text-muted);font-size:13.3px;font-stretch:132%;font-variation-settings:"wght" 400,"wdth" 132,"opsz" 13;letter-spacing:.1463px;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1580px){.showcase{grid-template-columns:repeat(2,366px)}}@media(max-width:780px){.showcase{grid-template-columns:minmax(0,366px);width:100%;padding:16px}.settings-card,advanced-settings{width:100%}.settings-card h1,.segmented-control{width:100%}.wide-only{display:none}}@media(prefers-reduced-motion:reduce){.segment{transition:none}}