:root{color:#182027;font-synthesis:none;text-rendering:optimizelegibility;--ink:#182027;--muted:#67727a;--green:#176b4a;--green-dark:#0f5138;--green-soft:#eaf1ed;--line:#d8dedb;--surface:#f5f7f6;--terracotta:#c95737;--focus:#2f80ed;background:#fff;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#fff}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb, var(--focus) 45%, transparent);outline-offset:2px}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:Georgia,Times New Roman,serif}.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}.app-header{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;grid-template-columns:260px 1fr auto;align-items:stretch;height:68px;padding:0 34px;display:grid;position:sticky;top:0}.brand{color:var(--green-dark);text-align:left;cursor:pointer;background:0 0;border:0;font-size:25px;font-weight:700}.desktop-nav{align-items:stretch;gap:8px;display:flex}.nav-item{cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;align-items:center;gap:10px;padding:0 22px;font-size:15px;font-weight:560;display:flex}.nav-item svg{stroke-width:1.75px;width:19px}.nav-item:hover,.nav-item.active{color:var(--green-dark);background:var(--surface)}.nav-item.active{border-bottom-color:var(--green)}.header-actions{align-items:center;gap:18px;display:flex}.icon-button,.user-button{cursor:pointer;background:0 0;border:0}.icon-button{border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.icon-button svg{stroke-width:1.75px;width:22px}.user-button{align-items:center;gap:10px;display:flex}.avatar{background:var(--green-soft);width:42px;height:42px;color:var(--green-dark);border-radius:50%;place-items:center;font-family:Georgia,serif;font-size:19px;display:grid}.user-button svg{width:15px}.app-main{min-height:calc(100vh - 68px)}.page-timeline{grid-template-columns:minmax(0,1.55fr) minmax(430px,.9fr);gap:38px;padding:52px 42px 72px;display:grid}.timeline-column>h1{letter-spacing:-.025em;max-width:760px;margin-bottom:28px;font-size:clamp(34px,3vw,48px);line-height:1.1}.primary-button,.secondary-button{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 22px;font-size:15px;font-weight:700;display:inline-flex}.primary-button{border:1px solid var(--green);color:#fff;background:var(--green)}.primary-button:hover{background:var(--green-dark)}.primary-button:disabled{opacity:.6;cursor:wait}.secondary-button{border:1px solid var(--green-dark);color:var(--green-dark);background:#fff}.primary-button svg{stroke-width:1.75px;width:19px}.new-entry-button{margin-bottom:42px}.section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.section-heading h2{margin:0;font-size:24px}.quiet-filter{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:8px;height:42px;padding:0 14px;display:flex}.quiet-filter svg{width:17px}.timeline{padding-left:132px;position:relative}.timeline:before{content:"";background:#82ad99;width:1px;position:absolute;top:0;bottom:0;left:6px}.timeline-entry{border-bottom:1px solid var(--line);grid-template-columns:minmax(210px,1.15fr) minmax(340px,1.4fr);align-items:center;gap:26px;min-height:145px;display:grid;position:relative}.timeline-entry:last-child{border-bottom:0}.timeline-dot{border:1.5px solid var(--green);background:#fff;border-radius:50%;width:18px;height:18px;position:absolute;left:-132px}.timeline-entry>time{color:#43515a;width:88px;font-size:13px;line-height:1.45;position:absolute;left:-104px}.entry-main h3{margin-bottom:8px;font-size:21px}.entry-main p{color:#44515a;margin:0;font-size:14px;line-height:1.55}.entry-meta{grid-template-columns:1fr 1fr 1.05fr;margin:0;display:grid}.entry-meta>div{border-left:1px solid var(--line);min-width:0;padding:0 16px}.entry-meta dt{color:var(--muted);margin-bottom:8px;font-size:12px}.entry-meta dd{overflow-wrap:anywhere;margin:0;font-size:13px}.audience-value{color:var(--green-dark);align-items:center;gap:6px;display:flex}.audience-value svg{width:16px}.composer{border:1px solid var(--green);background:#fff;border-radius:14px;align-self:start;padding:24px;box-shadow:0 18px 42px #1e352b0f}.composer>h2{margin-bottom:16px;font-size:22px}.title-input{border:0;border-bottom:1px solid var(--line);width:100%;margin-bottom:12px;padding:0 0 10px;font-family:Georgia,serif;font-size:19px;font-weight:700}.textarea-wrap{position:relative}.textarea-wrap textarea{resize:vertical;border:1px solid var(--green);width:100%;min-height:124px;color:var(--ink);border-radius:9px;padding:15px 15px 32px;line-height:1.5}.textarea-wrap>span{color:var(--muted);font-size:12px;position:absolute;bottom:11px;right:12px}.field-group{border:0;margin:17px 0 0;padding:0;display:block}.field-group legend,.field-label{margin-bottom:8px;font-size:14px;font-weight:700;display:block}.compact-fields{grid-template-columns:1fr 1fr;gap:9px;display:grid}.compact-fields legend{grid-column:1/-1}.compact-fields label,.static-field,.field-group select{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:9px;width:100%;min-height:46px;padding:0 12px;display:flex}.compact-fields svg,.static-field svg{color:#43515a;stroke-width:1.75px;width:18px}.compact-fields input{width:100%;color:var(--ink);border:0}.people-field span{background:var(--surface);border:1px solid #e3e8e5;border-radius:7px;padding:6px 11px}.sensitivity-options{scrollbar-color:var(--line) transparent;grid-template-columns:repeat(5,1fr);display:grid;overflow-x:auto}.sensitivity-option{border:1px solid var(--line);cursor:pointer;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-width:84px;min-height:78px;margin-right:-1px;font-size:12px;display:flex}.sensitivity-option:first-child{border-radius:9px 0 0 9px}.sensitivity-option:last-child{border-radius:0 9px 9px 0;margin-right:0}.sensitivity-option svg{stroke-width:1.75px;width:22px}.sensitivity-option.selected{z-index:1;color:var(--green-dark);border-color:var(--green);background:var(--green-soft)}.sensitivity-option.conflict{color:var(--terracotta);border-color:var(--terracotta)}.field-group select{appearance:none;background:#fff}.privacy-preview{color:var(--green-dark);gap:9px;margin-top:10px;font-size:12px;line-height:1.45;display:flex}.privacy-preview svg{flex:0 0 18px;width:18px}.privacy-preview strong,.privacy-preview span{display:block}.privacy-preview span{color:var(--muted)}.policy-row{border-top:1px solid var(--line);align-items:center;gap:12px;min-height:52px;margin-top:16px;padding-top:12px;display:flex}.policy-row svg{stroke-width:1.75px;width:19px}.notification-row{margin-top:0}.notification-row>span{flex:1}.notification-row strong,.notification-row small{display:block}.notification-row small{color:var(--muted);margin-top:3px}.notification-row input{width:38px;height:22px;accent-color:var(--green)}.composer-actions{gap:9px;margin-top:12px;display:grid}.success-toast,.error-toast{border-radius:8px;align-items:center;gap:9px;min-height:44px;margin:12px 0 0;padding:10px 13px;font-size:13px;display:flex}.success-toast{color:var(--green-dark);background:var(--green-soft)}.error-toast{color:#8b2d1c;background:#fcece8}.success-toast svg{width:18px}.mobile-composer-page{max-width:680px;margin:0 auto;padding:32px 20px 110px}.mobile-composer-page .composer{box-shadow:none;border-color:var(--line)}.overview-page{max-width:1000px;margin:0 auto;padding:52px 32px 110px}.overview-page>h1{font-size:46px}.overview-page>p{color:var(--muted)}.notification-settings{border:1px solid var(--line);border-radius:14px;grid-template-columns:36px 1fr;gap:14px;margin:28px 0 44px;padding:24px;display:grid}.notification-settings>svg{color:var(--green-dark);stroke-width:1.75px;width:24px}.notification-settings h2{margin-bottom:8px;font-size:24px}.notification-settings p{color:var(--muted);line-height:1.55}.notification-status{align-items:center;gap:8px;display:flex}.notification-status svg{width:17px;color:var(--green-dark)}.notification-settings small{color:var(--muted);margin-top:13px;line-height:1.45;display:block}.notification-message{margin:12px 0 0;color:var(--green-dark)!important}.mobile-nav{display:none}.login-screen{background:var(--surface);place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{border:1px solid var(--line);text-align:center;background:#fff;border-radius:18px;width:min(460px,100%);padding:42px}.login-mark{background:var(--green-soft);width:58px;height:58px;color:var(--green-dark);border-radius:50%;place-items:center;margin:0 auto 22px;display:grid}.login-mark svg{width:25px}.login-panel h1{color:var(--green-dark);margin-bottom:12px;font-size:38px}.login-panel>p{color:var(--muted);line-height:1.5}.demo-notice{text-align:left;color:var(--green-dark);background:var(--green-soft);border-radius:10px;gap:10px;padding:13px;font-size:13px;line-height:1.45;display:flex}.demo-notice svg{flex:0 0 18px;width:18px}.login-actions{gap:10px;margin:24px 0 18px;display:grid}.enrollment-box{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:10px;margin:0 0 18px;padding:16px;display:grid}.enrollment-box label{color:var(--ink);font-size:13px;font-weight:700}.enrollment-box input{border:1px solid var(--line-strong);width:100%;color:var(--ink);background:#fff;border-radius:8px;padding:12px}.demo-login-actions{font-size:12px}.login-panel>small{color:var(--muted);line-height:1.5}@media (width<=1120px){.page-timeline{grid-template-columns:1fr}.page-timeline>.composer{display:none}.timeline-entry{grid-template-columns:minmax(180px,1fr) minmax(300px,1.4fr)}}@media (width<=760px){body{padding-bottom:env(safe-area-inset-bottom)}.app-header{grid-template-columns:1fr auto;height:74px;padding:0 20px}.brand{font-size:25px}.desktop-nav,.user-name,.user-button>svg{display:none}.header-actions{gap:6px}.avatar{width:40px;height:40px}.page-timeline{padding:30px 20px 110px;display:block}.timeline-column>h1{font-size:36px}.timeline{padding-left:36px}.timeline:before{left:5px}.timeline-entry{min-height:0;padding:24px 0;display:block}.timeline-dot{width:13px;height:13px;top:29px;left:-36px}.timeline-entry>time{width:auto;margin-bottom:8px;display:block;position:static}.entry-main h3{font-size:20px}.entry-meta{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.entry-meta>div{border-left:0;padding:0}.entry-meta>div:last-child{grid-column:1/-1}.mobile-composer-page{padding:18px 0 112px}.mobile-composer-page .composer{border:0;border-radius:0;padding:20px}.composer>h2{margin-bottom:16px;font-size:38px}.textarea-wrap textarea{min-height:150px;font-size:17px}.compact-fields{grid-template-columns:1fr}.sensitivity-options{padding-bottom:10px}.sensitivity-option{min-width:102px;min-height:90px;font-size:13px}.composer-actions{background:#fff;padding-top:10px;position:static}.mobile-nav{z-index:30;min-height:76px;padding:8px 18px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff7;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{color:#4d5960;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:58px;font-size:12px;display:flex}.mobile-nav-item svg{stroke-width:1.75px;width:23px}.mobile-nav-item.active{color:var(--green-dark)}.mobile-nav-item.active svg{background:var(--green-soft);border-radius:50%;width:42px;height:42px;padding:8px}.overview-page{padding:30px 20px 110px}.overview-page>h1{font-size:38px}.login-panel{padding:32px 22px}}@media (prefers-reduced-motion:no-preference){button{transition:color .15s,background-color .15s,border-color .15s}.success-toast{animation:.18s ease-out rise}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}}