:root{--text-xs:clamp(.75rem, .7rem + .25vw, .875rem);--text-sm:clamp(.875rem, .8rem + .35vw, 1rem);--text-base:clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg:clamp(1.125rem, 1rem + .75vw, 1.5rem);--text-xl:clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--font-display:"Satoshi", "Inter", sans-serif;--font-body:"Satoshi", "Inter", sans-serif;--color-bg:#f7f6f2;--color-surface:#f9f8f5;--color-surface-2:#fbfbf9;--color-surface-offset:#f3f0ec;--color-divider:#dcd9d5;--color-border:#d4d1ca;--color-text:#28251d;--color-text-muted:#706f69;--color-text-faint:#aaa8a1;--color-text-inverse:#f9f8f4;--color-primary:#01696f;--color-primary-hover:#0c4e54;--color-primary-highlight:#cedcd8;--color-warning:#964219;--color-warning-highlight:#ddcfc6;--color-error:#a12c7b;--color-error-highlight:#e0ced7;--color-notification:#a13544;--color-orange:#b55f05;--color-gold:#9d7406;--color-success:#437a22;--color-blue:#006494;--color-purple:#7a39bb;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--transition-interactive:.18s cubic-bezier(.16, 1, .3, 1);--shadow-sm:0 1px 2px oklch(20% .01 80/.06);--shadow-md:0 4px 12px oklch(20% .01 80/.08)}@media (prefers-color-scheme:dark){:root{--color-bg:#171614;--color-surface:#1c1b19;--color-surface-2:#201f1d;--color-surface-offset:#22211f;--color-divider:#262523;--color-border:#393836;--color-text:#cdccca;--color-text-muted:#8b8986;--color-text-faint:#64615d;--color-text-inverse:#11100f;--color-primary:#66a8b2;--color-primary-hover:#8bbdc4;--color-primary-highlight:#313b3b;--color-warning:#d08359;--color-warning-highlight:#4f3f37;--color-error:#d77db5;--color-error-highlight:#4c3d46;--color-notification:#e7828b;--color-orange:#fdab43;--color-gold:#e8af34;--color-success:#83bd62;--color-blue:#6aa5d9;--color-purple:#b989e8;--shadow-sm:0 1px 2px oklch(0% 0 0/.2);--shadow-md:0 4px 12px oklch(0% 0 0/.3)}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);scroll-behavior:smooth;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:radial-gradient(circle at 16% 12%, color-mix(in oklab, var(--color-primary), transparent 88%), transparent 30vw), var(--color-bg);min-width:320px;min-height:100dvh;color:var(--color-text);font-size:var(--text-base);margin:0;line-height:1.5}button,input,select,textarea{font:inherit}button{background:0 0}img,svg{display:block}h1,h2,h3,p{text-wrap:pretty}::selection{background:color-mix(in oklab, var(--color-primary), transparent 72%);color:var(--color-text)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell{width:min(100%,1440px);min-height:100dvh;padding:var(--space-6);margin:0 auto}.skip-link{top:var(--space-3);left:var(--space-3);z-index:100;border-radius:var(--radius-sm);background:var(--color-text);color:var(--color-text-inverse);padding:var(--space-2) var(--space-3);text-decoration:none;position:fixed;transform:translateY(-140%)}.skip-link:focus{transform:translateY(0)}.app-header{justify-content:space-between;align-items:center;gap:var(--space-6);margin-bottom:var(--space-6);display:flex}.brand-lockup,.header-actions,.month-switcher,.data-actions,.editor-actions,.editor-actions>div{align-items:center;gap:var(--space-3);display:flex}.brand-mark{width:44px;height:44px;color:var(--color-primary);flex:none}.brand-mark rect{fill:var(--color-primary-highlight);stroke:currentColor;stroke-width:1.5px}.brand-mark path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px}.eyebrow{margin:0 0 var(--space-1);color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:700;line-height:1.1}.app-header h1,.control-panel h2,.editor-header h2,.empty-state h2{color:var(--color-text);font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.04em;margin:0;font-weight:700;line-height:1.05}.button,.icon-button,.date-button,.content-pill{border-radius:var(--radius-md);cursor:pointer;min-height:44px;font:inherit;border:1px solid #0000}.button{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:700;display:inline-flex}.button:disabled{cursor:not-allowed;background:var(--color-surface-offset);border-color:var(--color-border);color:var(--color-text-muted)}.button.primary{background:var(--color-primary);color:var(--color-text-inverse)}.button.primary:hover{background:var(--color-primary-hover)}.button.secondary,.button.ghost{background:var(--color-surface-2);border-color:var(--color-border);color:var(--color-text)}.button.secondary:hover,.button.ghost:hover{border-color:var(--color-primary)}.button.danger{background:var(--color-error-highlight);color:var(--color-error)}.button.danger:hover{border-color:var(--color-error)}.icon-button{background:var(--color-surface-2);border-color:var(--color-border);min-width:44px;color:var(--color-text);font-size:var(--text-lg);place-items:center;font-weight:700;display:inline-grid}.icon-button:hover{border-color:var(--color-primary);color:var(--color-primary)}.storage-warning{margin-bottom:var(--space-4);border:1px solid var(--color-warning);border-radius:var(--radius-lg);background:var(--color-warning-highlight);color:var(--color-warning);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:600}.workspace{gap:var(--space-6);grid-template-columns:minmax(280px,340px) minmax(0,1fr);align-items:start;display:grid}.control-panel,.calendar-card,.empty-state,.editor-panel{border:1px solid color-mix(in oklab, var(--color-border), transparent 18%);border-radius:var(--radius-xl);background:color-mix(in oklab, var(--color-surface), transparent 4%);box-shadow:var(--shadow-sm)}.control-panel{top:var(--space-6);z-index:3;padding:var(--space-5);position:sticky}.month-switcher{margin-bottom:var(--space-5);justify-content:space-between}.month-switcher h2{font-size:var(--text-lg);letter-spacing:-.02em}.stats-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.stat-card{border-radius:var(--radius-lg);background:var(--color-surface-2);padding:var(--space-4)}.stat-card span{color:var(--color-text);font-size:var(--text-lg);letter-spacing:-.03em;font-weight:800;line-height:1;display:block}.stat-card p,.status-message,.content-pill small,.pill-type,.section-heading span{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.35}.data-actions{margin-top:var(--space-5);flex-wrap:wrap}.status-message{border-radius:var(--radius-md);background:var(--color-primary-highlight);color:var(--color-primary);margin-top:var(--space-4);padding:var(--space-3);font-weight:700}.calendar-card{overflow:clip}.weekday-row,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.calendar-grid{grid-auto-rows:clamp(92px,16.6667dvh - 31.6667px,128px)}.weekday-row{border-bottom:1px solid var(--color-divider);background:var(--color-surface-2)}.weekday-row span{padding:var(--space-3);color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:800}.day-cell{border-right:1px solid var(--color-divider);border-bottom:1px solid var(--color-divider);background:var(--color-surface);min-height:0;padding:var(--space-2);overflow:auto}.day-cell:nth-child(7n){border-right:0}.day-cell.is-empty{background:color-mix(in oklab, var(--color-surface), var(--color-surface-offset) 22%)}.day-cell.is-today{background:var(--color-primary-highlight)}.day-cell-header{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);display:flex}.date-button{min-width:32px;min-height:32px;padding:0 var(--space-2);color:var(--color-text);background:0 0;font-weight:800}.date-button:hover{background:var(--color-surface-2)}.day-count{border-radius:var(--radius-full);background:var(--color-surface-2);min-width:22px;color:var(--color-text-muted);padding:.125rem var(--space-2);font-size:var(--text-xs);text-align:center;font-weight:800}.content-stack{flex-direction:column;gap:.35rem;display:flex}.content-pill{--type-color:var(--color-primary);border-color:color-mix(in oklab, var(--type-color), transparent 64%);background:color-mix(in oklab, var(--type-color), var(--color-surface-2) 88%);width:100%;min-height:auto;color:var(--color-text);text-align:left;flex-direction:column;align-items:stretch;gap:.125rem;padding:.28rem .4rem;display:flex}.content-pill:hover{border-color:var(--type-color);box-shadow:var(--shadow-sm)}.content-pill strong{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;line-height:1.2;overflow:hidden}.pill-type{color:var(--type-color);margin:0;font-size:.66rem;font-weight:800;line-height:1.05}.pill-progress{border-radius:var(--radius-full);background:color-mix(in oklab, var(--type-color), transparent 82%);height:3px;overflow:hidden}.pill-progress span{border-radius:inherit;background:var(--type-color);height:100%;display:block}.content-pill small{display:none}.type-broll{--type-color:var(--color-primary)}.type-short{--type-color:var(--color-orange)}.type-talking{--type-color:var(--color-blue)}.type-text{--type-color:var(--color-purple)}.type-nurture{--type-color:var(--color-success)}.type-cta{--type-color:var(--color-warning)}.type-longer{--type-color:var(--color-notification)}.empty-state{align-items:center;gap:var(--space-5);margin-top:var(--space-6);padding:var(--space-6);display:flex}.empty-icon{border-radius:var(--radius-lg);background:var(--color-primary-highlight);width:56px;height:56px;color:var(--color-primary);font-size:var(--text-xl);flex:none;place-items:center;font-weight:700;display:grid}.empty-state p{margin:var(--space-2) 0 0;color:var(--color-text-muted)}.editor-backdrop{z-index:20;background:color-mix(in oklab, var(--color-bg), transparent 28%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:flex-end;display:flex;position:fixed;inset:0}.editor-panel{border-radius:var(--radius-xl) 0 0 var(--radius-xl);width:min(100%,560px);height:100dvh;padding:var(--space-6);overflow:auto}.editor-panel form,.text-fields{gap:var(--space-5);flex-direction:column;display:flex}.editor-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.editor-header h2{font-size:var(--text-lg)}.form-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}label{gap:var(--space-2);color:var(--color-text);font-size:var(--text-sm);flex-direction:column;font-weight:700;display:flex}input,select,textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2);width:100%;color:var(--color-text);font:inherit;font-size:var(--text-sm);padding:var(--space-3)}textarea{resize:vertical;min-height:112px}input:hover,select:hover,textarea:hover{border-color:var(--color-primary)}.editor-section{border-radius:var(--radius-lg);background:var(--color-surface-2);padding:var(--space-4)}.section-heading{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.section-heading h3{color:var(--color-text);font-size:var(--text-base);margin:0;line-height:1.2}.checklist{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.check-row{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-height:44px;padding:var(--space-2) var(--space-3);flex-direction:row;align-items:center}.check-row input{width:18px;height:18px;accent-color:var(--color-primary)}.editor-actions{border-top:1px solid var(--color-divider);padding-top:var(--space-5);justify-content:space-between}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1020px){.app-shell{padding:var(--space-4)}.app-header,.workspace,.empty-state{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.control-panel{position:static}}@media (width<=720px){.app-header h1{font-size:var(--text-lg)}.header-actions,.editor-actions,.editor-actions>div{flex-direction:column;align-items:stretch}.button{width:100%}.calendar-card{overflow-x:auto}.weekday-row,.calendar-grid{min-width:760px}.day-cell{min-height:0}.editor-panel{border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-4)}.form-grid,.checklist{grid-template-columns:1fr}}