:root{--canvas: #f7f6f2;--surface: #ffffff;--ink: #20201d;--ink-soft: #62615b;--line: #d7d3ca;--line-strong: #8b8981;--accent: #b4472b;--accent-hover: #903019;--danger: #9d352f;--danger-soft: #fbefed;--focus: #0b63a5;color:var(--ink);background:var(--canvas);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:0}button,input,select,textarea{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}h1,h2,p{overflow-wrap:anywhere}.app-shell{min-height:100vh}.site-header,main,.site-footer{margin-inline:auto;max-width:960px;width:calc(100% - 48px)}.site-header{align-items:center;border-bottom:1px solid var(--line);display:flex;height:64px;justify-content:space-between}.brand{color:var(--ink);font-size:16px;font-weight:650;letter-spacing:-.02em;text-decoration:none}.storage-note{color:var(--ink-soft);font-size:13px;margin:0}main{min-height:calc(100vh - 160px);padding-top:48px}.button{align-items:center;border:1px solid transparent;border-radius:4px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:650;justify-content:center;min-height:44px;padding:9px 16px;text-decoration:none;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.button-primary{background:var(--accent);color:#fff}.button-primary:hover{background:var(--accent-hover)}.button-secondary{background:transparent;border-color:var(--line-strong);color:var(--ink)}.button-secondary:hover{background:var(--surface);border-color:var(--ink)}.text-button{background:transparent;border:0;border-bottom:1px solid var(--line-strong);border-radius:0;color:var(--ink-soft);cursor:pointer;font-size:14px;min-height:44px;padding:8px 2px 6px}.text-button:hover{border-color:var(--ink);color:var(--ink)}.initial-view{max-width:720px}.initial-copy{max-width:640px}.initial-copy h1,.view-header h1,.error-view h1,.editor-header h1,.library-header h1{font-size:32px;font-weight:650;letter-spacing:-.035em;line-height:1.25;margin:0}.initial-copy>p,.view-header>p,.error-view>p,.editor-header-copy>p{color:var(--ink-soft);font-size:16px;line-height:1.75;margin:16px 0 0;max-width:620px}.initial-actions,.view-actions,.setup-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.initial-setup-note{color:var(--ink-soft);font-size:13px;margin:10px 0 0}.error-view{border-block:1px solid #d8a29e;max-width:720px;padding-block:32px}.error-view h1{color:var(--danger)}.editor-view{margin-inline:auto;max-width:680px}.editor-header{align-items:flex-start;border-bottom:1px solid var(--line);display:flex;gap:24px;justify-content:space-between;padding-bottom:24px}.editor-header-copy{min-width:0}.editor-header .text-button{flex:0 0 auto}.program-form{display:grid;gap:20px 16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px}.field{display:grid;gap:7px;grid-column:span 1}.field-wide{grid-column:1 / -1}.field label,.bookmarklet-code label{color:var(--ink);font-size:13px;font-weight:650}.field input,.field select,.bookmarklet-code textarea,.output-preview,.output-format select{background:var(--surface);border:1px solid var(--line-strong);border-radius:4px;color:var(--ink);min-height:44px;padding:9px 11px;width:100%}.field input[readonly]{background:#efede7;color:var(--ink-soft)}.field small{color:var(--ink-soft);font-size:12px}.form-actions{align-items:center;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;padding-top:24px}.form-actions .button{min-width:144px}.form-status{border-left:2px solid var(--danger);color:var(--danger);font-size:14px;margin:0;padding-left:12px}.workspace:empty{display:none}.bookmarklet-view{max-width:720px}.setup-steps{border-top:1px solid var(--line);counter-reset:setup-step;list-style:none;margin:32px 0 0;padding:0}.setup-steps li{border-bottom:1px solid var(--line);counter-increment:setup-step;min-height:56px;padding:16px 0 16px 44px;position:relative}.setup-steps h2{font-size:15px;font-weight:650;margin:0}.setup-steps p{color:var(--ink-soft);font-size:14px;line-height:1.7;margin:5px 0 0}.setup-steps strong{color:var(--ink)}.setup-platform-mobile{display:none}.setup-steps li:before{color:var(--accent);content:counter(setup-step) ".";font-variant-numeric:tabular-nums;font-weight:700;left:0;position:absolute;top:16px}.bookmarklet-code{border-block:1px solid var(--line);margin-top:32px;padding-block:8px}.bookmarklet-code summary{color:var(--ink-soft);cursor:pointer;font-size:14px;min-height:44px;padding:11px 0;width:fit-content}.bookmarklet-code label{display:block;margin:12px 0 8px}.bookmarklet-code textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.55;min-height:120px;resize:vertical}.setup-note{color:var(--ink-soft);font-size:13px;line-height:1.65;margin:20px 0 0}.library-section{min-width:0}.library-header{align-items:end;border-bottom:2px solid var(--ink);display:flex;gap:24px;justify-content:space-between;padding-bottom:20px}.library-header p{color:var(--ink-soft);font-size:14px;margin:6px 0 0}.program-list{list-style:none;margin:0;padding:0}.program-row{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:20px;grid-template-columns:76px minmax(0,1fr) auto;min-height:104px;padding-block:18px}.date-block{border-right:1px solid var(--line);display:grid;gap:4px;min-height:56px}.date-block span{color:var(--accent);font-size:13px;font-weight:650}.date-block strong{font-size:18px;font-variant-numeric:tabular-nums;font-weight:650}.program-copy{min-width:0}.program-copy>p{color:var(--ink-soft);font-size:13px;margin:0 0 3px}.program-copy h2{font-size:18px;font-weight:650;letter-spacing:-.015em;margin:0}.program-copy a{color:var(--ink-soft);display:inline-flex;font-size:13px;gap:4px;margin-top:6px;text-underline-offset:3px}.program-copy a:hover{color:var(--accent-hover)}.program-actions{align-items:center;display:flex;gap:14px}.program-actions .text-button{min-height:40px}.delete-button:hover{border-color:var(--danger);color:var(--danger)}.output-section{margin-top:0;padding-top:20px}.copy-failure{border-top:1px solid var(--danger);margin-top:0;padding-top:20px}.output-header{align-items:center;display:flex;gap:24px;justify-content:space-between}.output-header h2,.copy-failure h2{font-size:18px;font-weight:650;letter-spacing:-.02em;margin:0}.output-controls{align-items:end;display:flex;gap:12px}.output-format{color:var(--ink-soft);display:grid;font-size:12px;gap:5px}.output-format select{min-width:140px}.preview-button{margin-top:12px}.output-status{color:#356248;font-size:13px;font-weight:600;margin:10px 0 0}.output-preview{display:block;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.65;margin-top:20px;min-height:180px;resize:vertical}.copy-failure>p:not(.copy-help){color:var(--ink-soft);margin:10px 0 0}.copy-help{color:var(--ink-soft);font-size:13px;margin:10px 0 0}.copy-help-mobile{display:none}.support-actions{border-top:1px solid var(--line);margin-top:24px;padding-top:16px}.live-status{color:#356248;font-size:14px;font-weight:600;margin:24px 0 0;min-height:24px}.live-status:empty{margin:0;min-height:0}.site-footer{border-top:1px solid var(--line);color:var(--ink-soft);font-size:12px;margin-top:64px;padding-block:24px 40px}.site-footer p{margin:0}@media(max-width:640px){.site-header,main,.site-footer{width:calc(100% - 32px)}.site-header{height:56px}.brand{font-size:15px}.storage-note{font-size:12px}main{padding-top:32px}.initial-copy h1,.view-header h1,.error-view h1,.editor-header h1,.library-header h1{font-size:28px}.initial-copy>p,.view-header>p,.error-view>p,.editor-header-copy>p{font-size:15px}.initial-actions,.setup-actions{align-items:stretch;display:grid}.initial-actions .button,.setup-actions .button{width:100%}.initial-actions .text-button,.setup-actions .text-button{justify-self:center}.setup-platform-desktop{display:none}.setup-platform-mobile{display:block}.program-form{grid-template-columns:1fr}.editor-header{display:grid;gap:12px}.editor-header .text-button{justify-self:start}.field,.field-wide,.time-field{grid-column:auto}.form-actions{align-items:stretch;flex-direction:column}.form-actions .button{min-width:0;width:100%}.library-header{align-items:end}.program-row{align-items:start;gap:14px;grid-template-columns:56px minmax(0,1fr)}.program-actions{grid-column:2;justify-self:start}.output-header{align-items:stretch;display:block}.output-controls{align-items:stretch;display:grid;margin-top:20px}.output-format select,.output-controls .button{width:100%}.copy-help-desktop{display:none}.copy-help-mobile{display:block}.copy-failure .view-actions{align-items:stretch;display:grid}.copy-failure .view-actions .button{width:100%}.copy-failure .view-actions .text-button{justify-self:center}}@media(max-width:359px){.site-header,main,.site-footer{width:calc(100% - 24px)}.storage-note{max-width:112px;text-align:right}.library-header{align-items:stretch;display:grid}.library-header .button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}