:root{--bg:#0F2E36;--bg-2:#143945;--paper:#F4EFE3;--paper-2:#EAE2D2;--ink:#13231F;--ink-soft:#5B6B65;--line-light:rgba(19,35,31,.12);--copper:#D9893B;--copper-dark:#B66A29;--scale-1:#C1503D;--scale-2:#D98A3D;--scale-3:#D9C23D;--scale-4:#7CB05F;--scale-5:#2F8F7A;--radius:18px;--font-display:"Space Grotesk", sans-serif;--font-body:"IBM Plex Sans", sans-serif;--font-mono:"IBM Plex Mono", monospace;--shadow:0 24px 48px -24px rgba(8,20,18,.45)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh}body{background:radial-gradient(120% 140% at 10% -10%,#16414D 0%,var(--bg) 55%,#0A2229 100%);font-family:var(--font-body);color:var(--ink)}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.app-wrap{max-width:640px;margin:0 auto;padding:0 0 48px;display:flex;flex-direction:column;align-items:stretch}.app-wrap.wide{max-width:1040px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 18px 14px;color:var(--paper);flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;border-radius:9px;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;object-fit:contain;padding:3px;box-shadow:0 0 0 1px #0000000f}.brand-text{line-height:1.15}.brand-text .name{font-family:var(--font-display);font-weight:600;font-size:16px}.brand-text .tag{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#f4efe399}.nav-link{font-family:var(--font-mono);font-size:11.5px;color:#f4efe3bf;text-decoration:none;border-bottom:1px solid rgba(244,239,227,.3)}.flask-wrap{display:flex;align-items:center;gap:10px}.flask-readout{font-family:var(--font-mono);font-size:11px;color:#f4efe3bf;text-align:right;line-height:1.3}.flask-readout b{color:var(--paper);font-size:12px}.flask-glass{position:relative;width:30px;height:40px;overflow:hidden;clip-path:polygon(34% 0%,66% 0%,66% 26%,94% 90%,78% 100%,22% 100%,6% 90%,34% 26%);background:#f4efe31f;border-radius:3px;flex-shrink:0}.flask-liquid{position:absolute;left:0;bottom:0;width:100%;transition:height .7s cubic-bezier(.4,0,.2,1),background-color .5s ease}.card{width:100%;background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;position:relative;padding:38px 30px 30px}@media (max-width:480px){.card{padding:30px 20px 24px}}.step{animation:rise .45s ease both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--copper-dark);margin:0 0 10px}h1{font-family:var(--font-display);font-weight:700;font-size:28px;line-height:1.18;margin:0 0 12px;color:var(--ink)}h2{font-family:var(--font-display);font-weight:600;font-size:21px;line-height:1.25;margin:0 0 6px;color:var(--ink)}p.lead{font-size:15px;line-height:1.6;color:var(--ink-soft);margin:0 0 26px}.meta-row{display:flex;gap:18px;flex-wrap:wrap;font-family:var(--font-mono);font-size:11.5px;color:var(--ink-soft);border-top:1px solid var(--line-light);border-bottom:1px solid var(--line-light);padding:14px 0;margin:0 0 28px}.meta-row span b{color:var(--ink);font-weight:600}.btn-row{display:flex;gap:12px;margin-top:30px;align-items:center}.btn{font-family:var(--font-body);font-weight:600;font-size:15px;border:none;border-radius:11px;padding:14px 22px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(155deg,var(--copper),var(--copper-dark));color:#1a0f06;flex:1;box-shadow:0 10px 22px -10px #b66a298c}.btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-ghost{background:transparent;color:var(--ink-soft);padding:14px 12px}.btn-ghost:hover{color:var(--ink)}.field{margin-bottom:18px}.field label{display:block;font-size:12.5px;font-weight:600;color:var(--ink-soft);margin-bottom:6px}.field input,.field textarea{width:100%;font-family:var(--font-body);font-size:15px;color:var(--ink);background:#fff;border:1.5px solid var(--line-light);border-radius:10px;padding:12px 14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.field input:focus,.field textarea:focus{border-color:var(--copper);box-shadow:0 0 0 3px #d9893b2e}.field textarea{resize:vertical;min-height:78px;line-height:1.5}.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width:480px){.row2{grid-template-columns:1fr}}.category{margin-bottom:26px;padding-bottom:22px;border-bottom:1px dashed var(--line-light)}.category:last-of-type{border-bottom:none;margin-bottom:6px}.category-title{font-family:var(--font-display);font-weight:600;font-size:15.5px;color:var(--ink);margin:0 0 14px;display:flex;align-items:center;gap:8px}.category-title .dot{width:7px;height:7px;border-radius:50%;background:var(--copper);flex-shrink:0}.question{margin-bottom:18px}.question .q-text{font-size:14.5px;color:var(--ink);line-height:1.45;margin-bottom:10px}.scale{display:flex;gap:7px}.scale-pill-label{flex:1;text-align:center;cursor:pointer;display:block}.scale-pill-input{position:absolute;opacity:0;width:0;height:0}.pill{display:flex;flex-direction:column;align-items:center;justify-content:center;height:46px;border-radius:10px;background:#fff;border:1.5px solid var(--line-light);font-family:var(--font-mono);font-weight:500;font-size:14px;color:var(--ink-soft);transition:all .15s ease}.pill.selected{color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 8px 16px -8px #00000059}.scale-caption{font-size:12px;color:var(--ink-soft);margin-top:8px;min-height:14px;font-style:italic}.thanks-wrap{text-align:center;padding:54px 30px 44px}.thanks-flask{width:84px;height:112px;margin:0 auto 22px;position:relative}.thanks-glass{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(34% 0%,66% 0%,66% 26%,94% 90%,78% 100%,22% 100%,6% 90%,34% 26%);background:#13231f0f;border-radius:4px;overflow:hidden}.thanks-liquid{position:absolute;left:0;bottom:0;width:100%;height:0%;background:var(--scale-5);transition:height 1s cubic-bezier(.34,1.56,.64,1)}.thanks-smile{position:absolute;left:50%;top:38%;width:30px;height:14px;transform:translate(-50%) scaleY(0);border-bottom:4px solid rgba(255,255,255,.85);border-radius:0 0 50% 50%;transition:transform .5s ease .9s}.thanks-wrap.done .thanks-smile{transform:translate(-50%) scaleY(1)}.confetti-piece{position:fixed;top:-10px;z-index:50;width:8px;height:14px;border-radius:2px;pointer-events:none}@keyframes fall{to{transform:translateY(110vh) rotate(540deg);opacity:0}}.error-msg{background:#c1503d14;border:1.5px solid rgba(193,80,61,.35);color:#8c3a2b;border-radius:10px;padding:12px 14px;font-size:13.5px;margin-top:16px;line-height:1.5}.error-msg a{color:#8c3a2b;font-weight:600}.footer-note{text-align:center;font-family:var(--font-mono);font-size:11px;color:#f4efe38c;margin-top:22px;line-height:1.6}.footer-note a{color:#f4efe3d9;text-decoration:none;border-bottom:1px solid rgba(244,239,227,.3)}.controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.controls select,.btn-refresh{font-family:var(--font-body);font-size:13.5px;font-weight:500;border-radius:9px;border:1px solid rgba(244,239,227,.25);background:#f4efe314;color:var(--paper);padding:9px 12px;cursor:pointer}.controls select option{color:#13231f}.btn-refresh{background:linear-gradient(155deg,var(--copper),var(--copper-dark));color:#1a0f06;border:none;font-weight:600}.last-updated{font-family:var(--font-mono);font-size:10.5px;color:#f4efe38c}.panel{background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;margin-bottom:18px}.panel h2{font-size:16.5px;margin:0 0 16px}.kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:18px}@media (max-width:900px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}.kpi-card{background:var(--paper);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.kpi-card .label{font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft)}.kpi-card .value{font-family:var(--font-display);font-weight:700;font-size:28px;margin-top:6px;line-height:1}.kpi-card .sub{font-size:11px;color:var(--ink-soft);margin-top:4px}.kpi-card .value.green{color:var(--scale-5)}.kpi-card .value.amber{color:var(--scale-2)}.kpi-card .value.red{color:var(--scale-1)}.two-col{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}@media (max-width:860px){.two-col{grid-template-columns:1fr}}.focus-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line-light)}.focus-row:last-child{border-bottom:none}.focus-bar-track{flex:1;height:9px;border-radius:5px;background:var(--paper-2);overflow:hidden}.focus-bar-fill{height:100%;border-radius:5px}.focus-label{flex:0 0 190px;font-size:13px;font-weight:500}.focus-score{flex:0 0 38px;text-align:right;font-family:var(--font-mono);font-size:13px;font-weight:600}.focus-tag{font-family:var(--font-mono);font-size:9.5px;padding:2px 7px;border-radius:5px;flex:0 0 auto;background:#c1503d1f;color:#8c3a2b}.tips-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.tips-list li{font-size:13.5px;line-height:1.5;padding:10px 12px;border-radius:10px;background:var(--paper-2);border-left:3px solid var(--copper)}.feed-item{padding:12px 0;border-bottom:1px solid var(--line-light)}.feed-item:last-child{border-bottom:none}.feed-meta{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10.5px;color:var(--ink-soft);margin-bottom:4px;gap:10px}.feed-q{font-size:11px;color:var(--copper-dark);font-weight:600;margin-bottom:2px}.feed-text{font-size:13.5px;line-height:1.5}.dot-inline{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}.empty-state{text-align:center;padding:60px 20px;color:var(--paper)}.empty-state h2{font-family:var(--font-display);font-size:20px;margin-bottom:8px;color:var(--paper)}.empty-state p{color:#f4efe3b3;font-size:14px}.loading-text{color:#f4efe3cc;text-align:center;padding:40px;font-family:var(--font-mono);font-size:13px}.admin-shell{display:flex;min-height:100vh;align-items:stretch}.admin-sidebar{width:230px;flex-shrink:0;min-height:100vh;background:linear-gradient(180deg,#0c2128,#0a1b21);border-right:1px solid rgba(244,239,227,.08);display:flex;flex-direction:column;padding:24px 16px;position:sticky;top:0;align-self:flex-start}.admin-brand{display:flex;align-items:center;gap:10px;padding:0 6px 26px}.admin-nav{display:flex;flex-direction:column;gap:4px;flex:1}.admin-nav-link{display:block;padding:11px 14px;border-radius:9px;font-family:var(--font-body);font-size:14px;font-weight:500;color:#f4efe3b3;text-decoration:none;transition:background .15s ease,color .15s ease}.admin-nav-link:hover{background:#f4efe30f;color:var(--paper)}.admin-nav-link.active{background:#d9893b29;color:#f0b47a;font-weight:600}.admin-sidebar-footer{border-top:1px solid rgba(244,239,227,.1);padding-top:16px;margin-top:16px}.admin-user{padding:0 6px 12px}.admin-user-name{font-family:var(--font-body);font-size:13.5px;font-weight:600;color:var(--paper)}.admin-user-role{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:#f4efe380}.admin-logout{width:100%;justify-content:center;color:#f4efe3bf;border:1px solid rgba(244,239,227,.2);padding:10px 12px}.admin-logout:hover{color:var(--paper);border-color:#f4efe366}.admin-main{flex:1;min-width:0;padding:26px 32px 48px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:20px;color:var(--paper)}.page-header h1{font-family:var(--font-display);font-weight:700;font-size:22px;margin:0;color:var(--paper)}