@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--navy:oklch(25% .035 273);--purple:oklch(50% .22 295);--blue:oklch(63% .19 259);--ink:oklch(28% .035 273);--muted:oklch(48% .03 273);--line:oklch(89% .013 273);--paper:oklch(98% .005 273);--white:oklch(100% 0 0);--soft:oklch(96% .018 294)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:15px;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-underline-offset:4px}button:disabled{cursor:default;opacity:.5}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--blue);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.25}.panel-top{min-height:88px;display:flex;align-items:center;gap:28px;background:var(--navy);color:white;padding:20px max(32px,calc((100vw - 1320px)/2));}.panel-top a{text-decoration:none}.panel-top>a:last-child{margin-left:auto;font-size:14px}.panel-top nav{margin-left:auto;display:flex;gap:28px;font-size:14px}.logo{font-family:Manrope,sans-serif;font-size:29px;letter-spacing:3px;font-weight:800}.logo span{background:linear-gradient(135deg,#bd76ff,#5486ff);color:transparent;background-clip:text}.private-badge{font-size:12px;color:#d0c9e8;border-left:1px solid #656078;padding-left:28px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:var(--purple);margin-bottom:12px}.panel-main{max-width:1384px;padding:48px 32px 64px;margin:0 auto}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.panel-heading h1{font-size:36px;letter-spacing:-1.3px;margin-bottom:12px}.panel-heading h1 span{color:var(--purple)}.panel-heading p:last-child{color:var(--muted);margin-bottom:0}.primary,.secondary,.small-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border-radius:6px;text-decoration:none;font-weight:600;font-size:14px;min-height:44px;padding:10px 18px;border:1px solid var(--line);background:var(--white);color:var(--ink)}.primary{background:var(--purple);border-color:var(--purple);color:white}.primary:hover{filter:brightness(1.08)}.secondary:hover,.small-button:hover{background:var(--soft)}#panel-status{min-height:24px;margin:16px 0 8px;color:var(--muted);font-size:13px}.inbox{display:grid;grid-template-columns:340px minmax(0,1fr);border:1px solid var(--line);border-radius:10px;overflow:hidden;background:white;min-height:600px}.response-list{border-right:1px solid var(--line);background:oklch(99% .003 273)}.list-heading{min-height:72px;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.list-heading h2{font-size:14px;margin:0}.list-heading span{font-size:12px;background:var(--soft);padding:2px 9px;border-radius:5px;color:var(--purple)}.response-row{width:100%;display:block;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);padding:20px 24px;border-left:3px solid transparent}.response-row:hover{background:var(--paper)}.response-row[aria-current=true]{background:var(--soft);border-left-color:var(--purple)}.response-row strong{font-size:15px;font-weight:700;display:block;overflow-wrap:anywhere}.response-row .row-name{display:block;color:var(--muted);font-size:13px;margin:4px 0 12px;overflow-wrap:anywhere}.row-bottom{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}.row-arrow{font-size:18px;color:var(--purple)}.response-detail{padding:40px 48px;min-width:0}.reading-empty{max-width:380px;margin:80px auto;text-align:center}.reading-mark{display:inline-block;font-size:46px;color:var(--purple);margin-bottom:24px}.reading-empty h2{font-size:26px;letter-spacing:-.6px}.reading-empty p{color:var(--muted);font-size:14px}.detail-top{display:flex;gap:24px;justify-content:space-between;align-items:flex-start}.detail-top h2{font-size:28px;letter-spacing:-.8px;margin-bottom:12px;overflow-wrap:anywhere}.detail-meta{color:var(--muted);font-size:13px;overflow-wrap:anywhere}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 4px}.detail-actions button{font-size:12px;min-height:40px;padding:8px 12px}.export-status{font-size:12px;color:var(--muted);min-height:22px;margin:0}.answer-group{padding-top:28px;margin-top:24px;border-top:1px solid var(--line)}.answer-group h3{font-size:17px;margin-bottom:24px}.group-number{font-family:'DM Sans',sans-serif;font-size:11px;letter-spacing:1px;color:var(--purple);margin-right:16px;vertical-align:middle}.answer-group dl{margin:0;display:grid;gap:20px}.answer-group dt{font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:5px}.answer-group dd{margin:0;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.unanswered{color:var(--muted)}.empty{color:var(--muted);font-size:14px;padding:28px 24px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 12px}.pagination span{font-size:11px;color:var(--muted)}.small-button{font-size:11px;padding:6px 9px;gap:4px}.error-state{padding:36px 0;color:var(--muted)}.login-page{background:var(--navy);color:white;min-height:100vh;display:flex;flex-direction:column}.login-page .panel-top{border-bottom:1px solid #3d3e53}.login-layout{max-width:1320px;margin:auto;width:100%;padding:88px 32px;display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center}.login-intro .eyebrow{color:#c5b0ff}.login-intro h1{font-size:46px;letter-spacing:-1.8px;margin:20px 0 24px}.login-intro>p:last-of-type{color:#bfc0cf;max-width:450px;font-size:17px}.login-line{display:flex;gap:28px;font-size:9px;letter-spacing:1px;margin-top:48px;padding-top:24px;border-top:1px solid #47495d;color:#bfc0cf}.login-card{background:white;color:var(--ink);border-radius:12px;padding:40px}.lock{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--soft);color:var(--purple);font-size:28px;border-radius:8px;margin-bottom:36px}.login-card h2{font-size:27px;letter-spacing:-.8px;margin-bottom:16px}.login-card>p:not(.eyebrow){color:var(--muted);font-size:14px}.login-card .primary{width:100%;justify-content:space-between;margin-top:24px;padding:16px 20px}.login-card .login-note{font-size:12px!important;margin:20px 0 0}.login-footer{padding:28px 32px;text-align:center;font-size:12px;color:#bfc0cf}
@media(min-width:1000px){.response-list{align-self:stretch}.list-heading{position:sticky;top:0;background:var(--paper)}}
@media(max-width:1000px){.inbox{grid-template-columns:280px minmax(0,1fr)}.response-detail{padding:28px}.login-layout{gap:40px}.login-intro h1{font-size:38px}.login-card{padding:32px}.login-line{gap:14px}.panel-heading h1{font-size:31px}}
@media(max-width:720px){.panel-top{min-height:76px;padding:18px 20px;gap:16px}.private-badge{padding-left:16px;font-size:10px}.panel-top nav{gap:16px;font-size:12px}.panel-main{padding:32px 16px}.panel-heading{align-items:flex-start}.panel-heading h1{font-size:27px}.panel-heading .eyebrow{font-size:8px;max-width:200px}.panel-heading p:last-child{font-size:13px}.panel-heading .secondary{padding:8px 12px;min-height:40px;font-size:12px}.inbox{grid-template-columns:1fr}.response-list{border-right:0;border-bottom:1px solid var(--line)}#items{max-height:360px;overflow-y:auto}.response-row{padding:16px 20px}.list-heading{min-height:60px;padding:18px 20px}.response-detail{padding:28px 20px}.reading-empty{margin:40px auto}.detail-top h2{font-size:25px}.login-layout{grid-template-columns:1fr;padding:44px 24px;gap:36px;max-width:550px}.login-intro h1{font-size:34px}.login-intro>p:last-of-type{font-size:15px}.login-line{display:none}.login-card{padding:28px}.lock{margin-bottom:24px}.login-footer{padding-top:0}.logo{font-size:25px}}
@media(prefers-reduced-motion:no-preference){.response-row,.primary,.secondary{transition:background .15s ease,filter .15s ease}}
.panel-heading>.secondary{white-space:nowrap;flex-shrink:0}