@import url();
:root{--paper:#f8f9f7;--ink:#17241e;--mute:#718079;--line:#e1e8e1;--green:#c1ef90;--deep:#234c37;--white:#fff;--soft:#eff3ee;--font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #7aa84d;outline-offset:3px}h1,h2,h3,p{margin-top:0}[hidden]{display:none!important}.shell{max-width:1680px;margin:0 auto}.topbar{height:93px;border-bottom:1px solid var(--line);padding:0 clamp(22px,4.6vw,82px);display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:13px}.brand-mark{height:46px;width:46px;background:var(--ink);color:var(--white);display:grid;place-items:center;border-radius:14px;font-weight:800;font-size:27px;letter-spacing:-.16em;padding-right:9px;position:relative}.brand-mark .leaf{position:absolute;right:4px;top:1px;color:var(--green);font-size:14px;letter-spacing:0}.brand-name{font-size:10px;line-height:1.28;letter-spacing:.08em;font-weight:800}.header-right{display:flex;align-items:center;gap:36px}.status{font-size:12px;color:#3e5948;display:flex;align-items:center;gap:9px;font-weight:600}.status-dot{width:8px;height:8px;border-radius:50%;background:#84c95d;box-shadow:0 0 0 4px #e6f3d9}.micro-id{color:#8c9b90;font-size:10px;letter-spacing:.12em;font-weight:800;white-space:nowrap}.layout{display:grid;grid-template-columns:minmax(340px,42%) minmax(0,1fr);min-height:calc(100vh - 166px)}.story{padding:clamp(32px,5vw,82px);background:#1c3025;color:#f4f8f1;position:relative;overflow:hidden}.story:before{content:"";position:absolute;width:680px;height:680px;right:-390px;bottom:-220px;border:1px solid rgba(205,239,167,.16);border-radius:50%;box-shadow:0 0 0 100px rgba(205,239,167,.025),0 0 0 200px rgba(205,239,167,.025),0 0 0 300px rgba(205,239,167,.02)}.story:after{content:"✳";position:absolute;top:29%;right:6%;font-size:140px;color:#c6ed94;opacity:.13;transform:rotate(-12deg)}.story-inner{min-height:660px;height:100%;display:flex;flex-direction:column;position:relative;z-index:1}.eyebrow{color:#c6eaa1;font-size:10px;font-weight:800;letter-spacing:.17em;display:flex;align-items:center;gap:13px}.eyebrow-line{width:26px;height:1px;background:#c6eaa1}.story-head{margin:auto 0}.edition{font-size:11px;letter-spacing:.15em;color:#9eaFA3;display:flex;justify-content:space-between;max-width:310px;margin-bottom:30px}.edition span{font-size:18px}.story h1{font-size:clamp(56px,6vw,100px);letter-spacing:-.078em;line-height:.99;font-weight:650;margin:0 0 35px}.story h1 em,.admin-main h1 em{color:var(--green);font-weight:400;font-family:Georgia,serif;letter-spacing:-.065em}.lead{max-width:390px;font-size:clamp(18px,1.9vw,25px);line-height:1.45;letter-spacing:-.027em;color:#d7e3d6}.story-bottom{max-width:430px}.story-bottom .divider{height:1px;background:rgba(255,255,255,.26);margin-bottom:23px}.story-bottom>p{font-size:14px;line-height:1.8;color:#abbcb0;max-width:350px;margin-bottom:34px}.session-detail{display:flex;align-items:center;gap:14px}.small-spark{height:40px;width:40px;border-radius:50%;display:grid;place-items:center;color:#17241e;background:#c1ef90;font-size:25px}.session-detail strong{font-size:11px;letter-spacing:.12em;display:block;margin-bottom:5px}.session-detail div span{display:block;color:#a6b9aa;font-size:12px}.formside{padding:clamp(28px,4.6vw,75px) clamp(22px,5vw,90px) 72px;max-width:920px;width:100%;margin:0 auto}.section-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.kicker{color:#47785b;font-size:10px;font-weight:800;letter-spacing:.16em}.count-indicator{color:#718079;font-size:10px;letter-spacing:.07em;white-space:nowrap;font-weight:700}.count-indicator #question-count{font-size:16px;color:var(--ink)}.formside h2{font-size:clamp(40px,4.3vw,65px);letter-spacing:-.065em;font-weight:650;line-height:1.08;margin:0 0 18px}.subhead{max-width:540px;color:#6d7c71;font-size:15px;line-height:1.75;margin-bottom:34px}.identity-box{border:1px solid var(--line);background:#fff;padding:24px 25px;border-radius:17px;margin-bottom:38px}.identity-box label{display:flex;justify-content:space-between;font-size:14px;font-weight:750;margin-bottom:15px}.identity-box label span,.optional{font-weight:750;color:#9ca8a0;font-size:9px;letter-spacing:.13em}.identity-box input,.login-view input{border:1px solid #dde4de;border-radius:10px;padding:15px 15px;width:100%;outline:0;background:#fafcf9;color:var(--ink);transition:border-color .2s}.identity-box input:focus,.login-view input:focus{border-color:#51785d}.small-help{color:#9aa69d;font-size:12px;margin-top:10px}.topic-heading{display:flex;justify-content:space-between;color:#7e9181;font-size:10px;font-weight:800;letter-spacing:.13em;margin-bottom:14px}.topic-card{border:1px solid var(--line);background:#fff;border-radius:17px;margin-bottom:16px;padding:23px 25px 19px;transition:border-color .2s,box-shadow .2s}.topic-card:focus-within{border-color:#a3c09c;box-shadow:0 8px 26px #1c302508}.topic-top{display:flex;align-items:center;gap:15px;margin-bottom:18px}.topic-icon{display:grid;place-items:center;font-size:24px;background:#eff5ea;color:#43734a;border:1px solid #e0ecd9;border-radius:11px;width:44px;height:44px;flex-shrink:0}.topic-name{flex:1}.topic-index{font-size:9px;letter-spacing:.12em;color:#86a08b;font-weight:800;display:block;margin-bottom:5px}.topic-card h3{font-size:19px;letter-spacing:-.035em;font-weight:700;margin:0}.topic-desc{color:#7c897e;font-size:13px;line-height:1.65;margin-bottom:16px}.examples{font-size:11px;color:#9aa79d;display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:17px}.examples button{font-size:10px;font-weight:700;background:#eff4ee;color:#4c7158;border:1px solid transparent;border-radius:7px;padding:7px 9px}.examples button:hover{border-color:#a7c59e}.question-input{display:block;border:1px solid #e2e8e2;background:#fbfcfa;border-radius:10px;width:100%;padding:14px 15px;min-height:90px;resize:vertical;font-size:13px;line-height:1.55;color:#1c3025;outline:0;transition:border-color .2s;margin:9px 0}.question-input:focus{border-color:#73a478;background:#fff}.question-input::placeholder{color:#a3ada3}.question-row{position:relative}.question-row .remove-question{position:absolute;right:8px;top:7px;border:0;background:#f1f4ef;border-radius:6px;color:#5d7565;font-size:12px;padding:5px 9px}.add-btn{border:0;background:transparent;padding:7px 0;color:#36734b;font-size:12px;font-weight:750}.add-btn:hover{color:#183f29;text-decoration:underline}.extra{border-style:dashed}.form-end{padding-top:10px}.privacy{display:flex;gap:13px;margin:15px 0 23px;align-items:flex-start}.privacy>span{font-size:21px;color:#54815c}.privacy p{font-size:12px;color:#89948b;line-height:1.65;margin:0}.submit{border:0;display:flex;justify-content:space-between;align-items:center;width:100%;background:#1d4931;color:#fff;min-height:62px;padding:0 24px;border-radius:12px;font-weight:750;font-size:15px;transition:background .2s,transform .2s}.submit:hover{background:#286b42;transform:translateY(-1px)}.submit:disabled{background:#95ab98;cursor:wait}.submit-arrow{font-size:24px}.form-error{background:#fff1eb;color:#9e442e;padding:12px 15px;border-radius:10px;margin-bottom:14px;font-size:13px}.endnote{display:flex;gap:15px;justify-content:space-between;color:#a0ada3;font-weight:700;font-size:9px;letter-spacing:.1em;margin-top:17px}.honey{position:absolute;left:-9999px;opacity:0}.success-view{min-height:560px;display:flex;flex-direction:column;justify-content:center}.success-icon{height:64px;width:64px;background:#d5efc0;color:#28623c;border-radius:50%;display:grid;place-items:center;font-size:27px;margin-bottom:30px}.success-view h2{margin:20px 0}.success-view p{color:#748375;line-height:1.8;max-width:440px;margin-bottom:30px}.session-sign{font-size:10px;letter-spacing:.14em;margin-top:35px;color:#8da092}.footer{border-top:1px solid var(--line);height:73px;padding:0 clamp(22px,4.6vw,82px);display:flex;align-items:center;justify-content:space-between;gap:15px;color:#87968b;font-size:9px;font-weight:750;letter-spacing:.1em}.footer a:hover{color:#285d3c}
.admin-main{padding:clamp(30px,5vw,75px) clamp(22px,7vw,110px);min-height:calc(100vh - 166px)}.admin-main h1{font-size:clamp(45px,5vw,76px);letter-spacing:-.065em;line-height:1.06;font-weight:650;margin:23px 0}.admin-main h1 em{color:#52875f}.login-view{max-width:520px;margin:9vh auto 0}.login-view>p{color:#758178;line-height:1.8;max-width:420px}.login-view form{margin-top:37px}.login-view label{font-size:13px;font-weight:700;display:block;margin-bottom:12px}.login-view input{margin-bottom:16px}.admin-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.admin-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.btn-secondary{background:#fff;border:1px solid var(--line);padding:12px 16px;border-radius:9px;font-weight:700;font-size:12px;color:#366449;white-space:nowrap}.btn-secondary:hover{border-color:#94af93}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin:22px 0 33px;background:#fff}.admin-stats>div{padding:27px 30px;border-right:1px solid var(--line)}.admin-stats>div:last-child{border-right:0}.stat-label{font-weight:800;font-size:9px;letter-spacing:.12em;color:#8ca08e;display:block;margin-bottom:10px}.admin-stats strong{font-size:36px;letter-spacing:-.05em}.admin-filters{display:flex;align-items:center;gap:12px;margin-bottom:18px}.admin-filters label{font-size:10px;letter-spacing:.12em;font-weight:800;color:#8b998c}.admin-filters select{border-radius:9px;border:1px solid var(--line);background:#fff;padding:11px 40px 11px 12px;color:var(--ink);margin-right:auto}.entries{display:grid;gap:13px}.entry{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 24px}.entry-header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:15px}.entry-name{font-size:16px;font-weight:800}.entry-date{color:#889589;font-size:12px}.entry-topic{color:#52845e;letter-spacing:.08em;text-transform:uppercase;font-weight:800;font-size:10px;margin:18px 0 5px}.entry-question{margin:0;color:#354b3b;font-size:14px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.empty-state{border:1px dashed #bacdbb;border-radius:14px;padding:50px 25px;text-align:center;color:#849387}
@media(min-width:1150px){.story{position:relative}.story-inner{position:sticky;top:30px;height:calc(100vh - 160px);min-height:680px;max-height:930px}}
@media(max-width:900px){.layout{display:block}.story{padding:45px 26px 36px}.story-inner{min-height:0}.story-head{margin:55px 0 38px}.story h1{font-size:clamp(55px,10vw,85px)}.story-bottom>p{margin-bottom:24px}.story:after{top:22%;font-size:95px}.formside{padding:42px 22px 70px;max-width:720px}.admin-head{align-items:flex-start;flex-direction:column}.admin-actions{margin-bottom:0}}
@media(max-width:550px){.topbar{height:76px;padding:0 18px}.brand-mark{height:40px;width:40px;border-radius:11px}.brand-name{font-size:9px}.header-right .micro-id{display:none}.status{font-size:10px;white-space:nowrap}.status-dot{width:6px;height:6px}.story{padding:36px 22px}.story-head{margin:40px 0 29px}.story h1{font-size:clamp(53px,13vw,75px);margin-bottom:23px}.lead{font-size:17px}.story-bottom>p{font-size:12px}.formside{padding:36px 17px 60px}.formside h2{font-size:43px}.section-top{align-items:flex-start}.count-indicator{font-size:9px}.identity-box,.topic-card{padding:20px 18px;border-radius:14px}.topic-top{gap:12px}.topic-icon{width:39px;height:39px}.topic-card h3{font-size:18px}.topic-desc{font-size:12px}.optional{font-size:8px}.footer{height:auto;min-height:75px;flex-wrap:wrap;padding:20px;gap:11px}.footer span:nth-child(2){display:none}.admin-main{padding:35px 18px}.admin-stats>div{padding:20px 13px}.stat-label{font-size:8px}.admin-stats strong{font-size:28px}.admin-filters{flex-wrap:wrap}.admin-filters label{width:100%}.entry-header{align-items:flex-start;flex-direction:column}.endnote{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
