:root{--brand:#1b5d44;--brand-mid:#2e5f51;--text:#1f2523;--text-muted:#53615a;--text-faint:#7a8a82;--surface:#fff;--bg:#f7f3ec;--border:#1f25231f;--border-med:#1f25232e;--radius-s:6px;--radius-m:10px;--radius-l:16px;--radius-xl:24px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;margin:0}button,input,textarea{font:inherit}.app-shell{background-color:#0000;background-image:linear-gradient(#f7f3ecf0,#f7f3ecf0),url(/study-texture.svg);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:100svh}.workspace{align-content:center;gap:22px;min-height:100svh;padding:44px;display:grid}.dev-flowbar{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffc7;border:1px solid #1f252314;border-radius:14px;flex-wrap:wrap;gap:8px;width:min(980px,100%);margin:0 auto;padding:10px;display:flex;position:sticky;top:16px;box-shadow:0 10px 28px #1f252314}.dev-flowbar button{color:#42524a;cursor:pointer;background:#1f25230d;border:0;border-radius:999px;min-height:34px;padding:0 12px}.dev-flowbar button.active{color:#f3f8f4;background:#1b5d44}.dev-flowbar button:disabled{color:#42524a6b;cursor:default}.intro-shell{grid-template-columns:1fr 1fr;width:100%;max-width:1100px;min-height:75vh;margin:0 auto;display:grid;box-shadow:0 20px 40px #00000026}.intro-hero{color:#f3f8f4;background:#1b5d44;border-radius:0;flex-direction:column;justify-content:center;padding:60px;display:flex}.intro-hero .eyebrow,.consent-sheet .eyebrow{color:#f3f8f4b8}.intro-hero h1{letter-spacing:-.02em;margin:0 0 24px;font-size:clamp(2.4rem,4vw,4rem);line-height:1.2}.intro-hero .lead{color:#f3f8f4e6;margin:0 0 40px;font-size:1.15rem;line-height:1.6}.intro-meta{border-top:1px solid #fff3;grid-template-columns:1fr 1fr;gap:24px;padding-top:32px;display:grid}.meta-item strong{text-transform:uppercase;letter-spacing:.05em;color:#ffffffb3;margin-bottom:8px;font-size:.85rem;display:block}.meta-item span{font-size:1.1rem;font-weight:600}.intro-card{color:#1f2523;background:#fff;border-radius:0;flex-direction:column;justify-content:center;padding:60px;display:flex}.intro-card h2{margin:0 0 32px;font-size:2rem}.flow-steps{gap:28px;margin-bottom:48px;display:grid}.step-item{align-items:flex-start;gap:20px;display:flex}.step-num{color:#1b5d44;padding-top:2px;font-family:monospace;font-size:1.2rem;font-weight:700}.step-text strong{color:#1f2523;margin-bottom:6px;font-size:1.1rem;display:block}.step-text p{color:#536471;margin:0;font-size:.95rem;line-height:1.5}.sharp-button{color:#fff;cursor:pointer;background:#1f2523;border:0;border-radius:0;align-self:flex-start;min-width:180px;min-height:54px;padding:0 28px;font-size:1.1rem;font-weight:600;transition:background .16s,transform .16s}.sharp-button:hover{background:#1b5d44;transform:translate(4px)}.form-shell{gap:22px;display:grid;position:relative}.dev-dot{cursor:pointer;background:#1b5d44;border:0;border-radius:50%;width:16px;height:16px;padding:0;position:absolute;top:4px;right:0;box-shadow:0 0 0 4px #1b5d4424}.flow-panel,.trial-layout{width:min(780px,100%);margin:0 auto}.flow-panel h2{letter-spacing:-.01em;margin:0;font-size:clamp(1.9rem,4.5vw,3.6rem);line-height:1.05}.eyebrow{color:var(--text-faint);letter-spacing:.07em;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:700}.lead{max-width:600px;color:var(--text-muted);margin:20px 0;font-size:1.05rem;line-height:1.72}.primary-button{color:#f9f5ec;background:var(--text);border-radius:var(--radius-m);cursor:pointer;border:0;min-width:150px;min-height:50px;padding:0 24px;font-size:.97rem;font-weight:600;transition:transform .14s,background .14s}.primary-button:hover:not(:disabled){background:var(--brand-mid);transform:translateY(-1px)}.primary-button:disabled{cursor:default;opacity:.55}.secondary-button{min-width:120px;min-height:50px;color:var(--text);border:1.5px solid var(--border-med);border-radius:var(--radius-m);cursor:pointer;background:#fffc;padding:0 22px;font-size:.97rem;font-weight:500;transition:transform .14s,background .14s,border-color .14s}.secondary-button:hover{background:var(--surface);border-color:#1f252347;transform:translateY(-1px)}.progress-strip{gap:8px;width:min(780px,100%);margin:0 auto 12px;display:grid}.flow-panel>.progress-strip{width:100%;margin:0 0 28px}.progress-label{color:#536471;justify-content:space-between;align-items:center;font-size:.86rem;font-weight:700;display:flex}.progress-rail{background:#1f25231f;border-radius:999px;height:6px;overflow:hidden}.progress-rail div{background:#2e5f51;height:100%;transition:width .22s}.progress-capsule-row{align-items:center;gap:7px;width:100%;display:flex}.session-capsule{background:#3b82f6;border-radius:999px;flex:none;justify-content:center;align-items:center;width:30px;height:12px;display:inline-flex;box-shadow:0 0 0 2px #3b82f624}.session-capsule.complete{box-shadow:none;background:#3b82f67a}.progress-capsules{flex:auto;gap:7px;width:100%;height:12px;margin:0;padding:0;list-style:none;display:grid}.progress-capsules li{background:#1f252324;border-radius:999px;min-width:0;height:100%;transition:background .18s,transform .18s}.progress-capsules li.complete{background:#2e5f518c}.progress-capsules li.current{background:#2e5f51;transform:scaleY(1.15)}.scale-stack{gap:18px;display:grid}.profile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.field{color:#26302b;gap:8px;font-weight:700;display:grid}.field input,.field select{width:100%;min-height:48px;color:var(--text);border:1.5px solid var(--border-med);border-radius:var(--radius-m);background:#ffffffe6;padding:0 14px;transition:border-color .12s}.field input:focus,.field select:focus{border-color:var(--brand-mid);outline:none}.consent-sheet{background:var(--surface);border:1.5px solid var(--border);border-left:4px solid var(--brand-mid);border-radius:var(--radius-l);gap:16px;padding:28px 32px;display:grid;box-shadow:0 2px 16px #1f25230d}.consent-sheet h3{color:var(--text);margin:0;font-size:1.05rem;font-weight:700}.consent-sheet p{color:var(--text-muted);margin:0;font-size:.97rem;line-height:1.75}.consent-divider{background:var(--border);height:1px;margin:4px 0}.consent-check{color:var(--text);cursor:pointer;align-items:center;gap:12px;padding-top:4px;font-size:.97rem;font-weight:600;display:flex}.consent-check input[type=checkbox]{appearance:none;border:2px solid var(--border-med);background:var(--bg);cursor:pointer;border-radius:6px;flex-shrink:0;width:22px;height:22px;transition:background .12s,border-color .12s;position:relative}.consent-check input[type=checkbox]:checked{background:var(--brand-mid);border-color:var(--brand-mid)}.consent-check input[type=checkbox]:checked:after{content:"";border:2.5px solid #fff;border-top:0;border-left:0;width:8px;height:12px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.form-actions{justify-content:space-between;gap:14px;display:flex}.ready-shell{gap:0;display:grid}.ready-checklist{gap:2px;margin:0 0 32px;padding:0;list-style:none;display:grid}.ready-item{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-m);align-items:flex-start;gap:18px;padding:18px 20px;transition:border-color .12s;display:flex}.ready-item:first-child{border-radius:var(--radius-m) var(--radius-m) var(--radius-s) var(--radius-s)}.ready-item:last-child{border-radius:var(--radius-s) var(--radius-s) var(--radius-m) var(--radius-m)}.ready-item+.ready-item{border-top-color:#0000}.ready-icon{flex-shrink:0;font-size:1.5rem;line-height:1.4}.ready-item div{gap:4px;display:grid}.ready-item strong{color:var(--text);font-size:.97rem;font-weight:700}.ready-item p{color:var(--text-muted);margin:0;font-size:.88rem;line-height:1.55}.ready-actions{justify-content:space-between;gap:14px;display:flex}.danger-button{color:#fff;border-radius:var(--radius-m);cursor:pointer;background:#c0392b;border:0;flex:1;min-height:52px;padding:0 28px;font-size:.97rem;font-weight:700;transition:background .14s,transform .14s,opacity .14s}.danger-button:hover:not(:disabled){background:#a93226;transform:translateY(-1px)}.danger-button.counting{cursor:default;opacity:.75;letter-spacing:.01em;background:#999}.danger-button:disabled{cursor:default}.dev-panel{z-index:9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;border:1px solid #1f25231a;border-radius:16px;gap:14px;width:min(360px,100vw - 32px);max-height:calc(100svh - 108px);padding:18px;display:grid;position:fixed;top:88px;right:20px;overflow:auto;box-shadow:0 22px 48px #1f252329}.dev-panel-header,.dev-group-title,.dev-button-row{align-items:center;display:flex}.dev-panel-header,.dev-button-row{justify-content:space-between;gap:10px}.dev-panel-header{background:#ffffffeb;padding-bottom:4px;position:sticky;top:-18px}.dev-close-button{min-width:0;min-height:38px}.dev-group{border-top:1px solid #1f252314;gap:12px;padding-top:12px;display:grid}.dev-group-title{justify-content:space-between;gap:16px}.dev-group-title h4,.dev-group-title span{margin:0}.dev-group-title h4{color:#1f2523;font-size:1rem}.dev-group-title span{color:#66736b;font-size:.82rem}.dev-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.compact-field{gap:6px;font-size:.86rem}.compact-field input,.compact-field select{background:#f6f4eee6;min-height:40px;padding:0 12px}.toggle-field{align-content:start}.toggle-field input{width:18px;height:18px;margin-top:6px}.dev-button-row{flex-wrap:wrap}.dev-button-row .secondary-button{min-width:0;min-height:40px;padding:0 14px}.dev-kv{gap:10px;margin:0;display:grid}.dev-kv div{border-bottom:1px solid #1f252314;gap:4px;padding-bottom:10px;display:grid}.dev-panel h3,.dev-panel dl,.dev-panel dt,.dev-panel dd{margin:0}.dev-panel dl{gap:10px;display:grid}.dev-panel dl div{border-bottom:1px solid #1f252314;gap:4px;padding-bottom:10px;display:grid}.dev-panel dt{color:#66736b;text-transform:uppercase;font-size:.8rem;font-weight:700}.dev-panel dd{color:#1f2523;word-break:break-word;font-size:.94rem;line-height:1.5}.dev-actions{gap:10px;display:grid}.dev-status{border-radius:10px;margin:0;padding:10px 12px;font-size:.84rem;line-height:1.5}.dev-status.idle,.dev-status.checking,.dev-status.neutral{color:#44524b;background:#1f25230f}.dev-status.ok{color:#144230;background:#1b5d441f}.dev-status.error{color:#7c3c20;background:#c45b2d24}.dev-unlock-backdrop{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#11181547;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.dev-unlock-sheet{background:#fffffff5;border:1px solid #1f25231a;border-radius:16px;gap:14px;width:min(420px,100%);padding:24px;display:grid;box-shadow:0 24px 54px #1f25232e}.dev-unlock-sheet h3,.dev-unlock-error{margin:0}.dev-unlock-actions{justify-content:flex-end;gap:10px;display:flex}.dev-unlock-error{color:#8a3f1d;font-size:.9rem}.scale-question{border-top:1px solid #1f25231a;padding:28px 0}.scale-q-label{color:#1f2523;margin:0 0 24px;font-size:1.05rem;font-weight:600;line-height:1.55}.scale-track-wrap{margin-bottom:10px;position:relative}.scale-track-line{pointer-events:none;z-index:0;background:#1f25231f;height:2px;position:absolute;top:50%;left:7.14286%;right:7.14286%;transform:translateY(-50%)}.scale-dots{z-index:1;justify-content:space-between;display:flex;position:relative}.scale-dot{color:#42524a;cursor:pointer;background:#f7f3ec;border:2px solid #1f25232e;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:.9rem;font-weight:600;transition:background .12s,border-color .12s,color .12s,transform .12s;display:flex}.scale-dot:hover:not(.selected){color:#2e5f51;background:#2e5f511a;border-color:#2e5f51;transform:scale(1.1)}.scale-dot.selected{color:#f9f5ec;background:#2e5f51;border-color:#2e5f51;transform:scale(1.15);box-shadow:0 4px 14px #2e5f5159}.scale-poles{color:#7a8a82;justify-content:space-between;padding:0 4px;font-size:.8rem;font-weight:500;display:flex}.rating-dual-layout{grid-template-columns:1fr auto;align-items:center;gap:40px;display:grid}.rating-scales{gap:0;display:grid}.scale-question--5 .scale-track-line{left:10%;right:10%}.scale-dot:disabled{cursor:default;opacity:.8}.rating-grid-panel,.frozen-grid-panel{flex-shrink:0;grid-template:".top.""left grid right"".bottom."/max-content auto max-content;place-items:center;gap:8px 12px;display:grid}.grid-5x5{grid-area:grid;grid-template-rows:repeat(5,40px);grid-template-columns:repeat(5,40px);gap:5px;display:grid}.grid-5x5--frozen{grid-template-rows:repeat(5,30px);grid-template-columns:repeat(5,30px);gap:4px}.grid-cell{background:#1f252312;border-radius:6px;transition:background .12s,box-shadow .12s}.grid-cell.is-active{background:var(--brand-mid);border-radius:8px;box-shadow:0 0 0 3px #2e5f5138}.grid-cell.is-frozen{background:#a8b5af;box-shadow:0 0 0 3px #a8b5af40}.grid-axis-label{color:var(--text-faint);letter-spacing:.04em;white-space:nowrap;font-size:.72rem;font-weight:700}.grid-axis-top{grid-area:top}.grid-axis-bottom{grid-area:bottom}.grid-axis-left{writing-mode:vertical-lr;grid-area:left;transform:rotate(180deg)}.grid-axis-right{writing-mode:vertical-lr;grid-area:right}.frozen-pad-wrapper{max-width:220px;margin:16px auto 0}.frozen-pad-wrapper .axis-label{color:#b0bab5}.rating-pad.is-frozen{cursor:default;pointer-events:none;background:#ffffffb3;border-color:#1f252314}.rating-thumb.is-frozen{background:#a8b5af;box-shadow:0 2px 8px #0000001a}.rating-thumb.is-frozen:after{background:#ffffff73}.for-rating-shell{grid-template-columns:260px 1fr;align-items:start;gap:40px;padding:8px 0;display:grid}.for-rating-col-label{color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase;text-align:center;margin:0 0 8px;font-size:.78rem;font-weight:700}.for-rating-readout{color:#7a8a82;justify-content:center;gap:20px;margin-top:12px;font-size:.82rem;display:flex}.for-rating-readout strong{color:var(--text)}.for-rating-question-col{gap:24px;padding-top:4px;display:grid}.rating-readout{color:#536471;justify-content:space-between;align-items:center;gap:16px;font-size:.9rem;font-weight:500;display:flex}.trial-layout{gap:22px;display:grid}.statement-card{background:#fff;border:1px solid #00000014;border-radius:16px;gap:16px;min-height:auto;padding:24px;display:grid;box-shadow:0 2px 12px #0000000a}.statement-card p{color:#0f1419;align-self:start;margin:0;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:400;line-height:1.5}.rating-workspace{align-items:center;gap:16px;display:grid}.rating-pad-wrapper{width:100%;max-width:280px;margin:28px auto;position:relative}.axis-label{color:#66736b;letter-spacing:.02em;white-space:nowrap;z-index:1;pointer-events:none;font-size:.78rem;font-weight:600;position:absolute}.axis-top{top:-22px;left:50%;transform:translate(-50%)}.axis-bottom{bottom:-22px;left:50%;transform:translate(-50%)}.axis-left{transform-origin:50%;top:50%;left:-54px;transform:translateY(-50%)}.axis-right{transform-origin:50%;top:50%;right:-42px;transform:translateY(-50%)}.time-rail{background:#c45b2d29;border-radius:999px;height:8px;overflow:hidden}.time-rail div{border-radius:inherit;transform-origin:0;background:#c45b2d;width:100%;height:100%;animation-name:time-shrink;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes time-shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.dev-inline-hint{color:#44524b;background:#1f25230f;border-radius:10px;margin:0;padding:10px 12px;font-size:.9rem}.rating-pad{--rating-thumb-size:36px;--rating-thumb-radius:calc(var(--rating-thumb-size) / 2);--rating-grid-color:#1f252317;--rating-selection-color:#2e5f5157;aspect-ratio:1;touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #1f25231f;border-radius:20px;width:100%;position:relative;box-shadow:0 4px 20px #0000000f}.rating-pad.is-dragging{cursor:none}.rating-grid{inset:var(--rating-thumb-radius);box-sizing:border-box;border:1px solid var(--rating-grid-color);background-image:linear-gradient(var(--rating-grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--rating-grid-color) 1px, transparent 1px);pointer-events:none;background-size:16.6667% 16.6667%;position:absolute}.rating-selection{inset:var(--rating-thumb-radius);pointer-events:none;position:absolute}.rating-selection-line{background:var(--rating-selection-color);display:block;position:absolute}.rating-selection-line.is-vertical{top:0;bottom:0;left:var(--rating-x);width:2px;transform:translate(-50%)}.rating-selection-line.is-horizontal{left:0;right:0;top:var(--rating-y);height:2px;transform:translateY(-50%)}.rating-thumb{width:var(--rating-thumb-size);height:var(--rating-thumb-size);pointer-events:none;background:#2e5f51;border-radius:50%;position:absolute;transform:translate(-50%,50%);box-shadow:0 4px 14px #2e5f5161}.rating-thumb:after{content:"";background:#ffffff8c;border-radius:50%;position:absolute;inset:9px}.rating-workspace .primary-button{justify-self:stretch}.rating-readout strong{color:#1f2523}.text-field{color:#26302b;gap:10px;margin:24px 0;font-weight:700;display:grid}.text-field textarea{resize:vertical;color:#1f2523;background:#fffdf8;border:1px solid #1f25232e;border-radius:8px;width:100%;padding:14px}.completion strong{color:#f9f5ec;letter-spacing:.08em;background:#1f2523;border-radius:8px;margin-top:8px;padding:16px 20px;font-size:1.4rem;display:inline-block}@media (max-width:840px){.intro-shell{grid-template-columns:1fr}.intro-hero,.intro-card{padding:40px 24px}.dev-grid,.profile-grid{grid-template-columns:1fr}.form-actions,.dev-unlock-actions{flex-direction:column}.workspace{min-height:auto;padding:28px 18px}.dev-panel{width:100%;max-height:none;position:static}.statement-card{min-height:240px;padding:22px}.rating-workspace{grid-template-columns:1fr}.for-rating-shell{grid-template-columns:1fr;gap:24px}.frozen-pad-wrapper{max-width:200px}}
