:root{--ink:#1f2428;--ink-2:#384148;--muted:#647380;--line:#dadee2;--line-strong:#b2bbc2;--wash:#f2f4f5;--page:#f9fafb;--green:#085;--green-deep:#004d2f;--green-soft:#e5fff5;--cta:#4cd681;--warn-soft:#ffeadb;--warn-ink:#612800}html,body,#root{min-height:100%}body{background:var(--page);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Hanken Grotesk,system-ui,sans-serif}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}@supports not (scrollbar-width:thin){::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:999px}::-webkit-scrollbar-track{background:0 0}}a{color:var(--green)}a:hover{color:var(--green-deep)}input:focus,textarea:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.6}.menu-item:hover{background:var(--wash)}.icon-btn{width:30px;height:30px;color:var(--muted);border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--wash);color:var(--ink)}@keyframes hr-pulse{0%,to{opacity:1}50%{opacity:.45}}.pulse{animation:1.4s ease-in-out infinite hr-pulse}@keyframes hr-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.skeleton{background:linear-gradient(90deg,#eceff1 0% 35%,#f7f8f9 50%,#eceff1 65% 100%) 0 0/200% 100%;border-radius:8px;animation:1.6s linear infinite hr-shimmer}@keyframes hr-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.rise{animation:.28s ease-out both hr-rise}@keyframes hr-scan{0%{transform:translateY(-110%)}to{transform:translateY(260%)}}@keyframes hr-glass{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-22px,-6px)rotate(-8deg)}50%{transform:translate(-30px,-24px)rotate(0)}75%{transform:translate(-8px,-28px)rotate(8deg)}}.scan-band{background:linear-gradient(#fff0 0%,#ffffff8c 85%,#ffffffe6 100%);height:42%;animation:1.3s linear infinite hr-scan;position:absolute;top:0;left:0;right:0}.scan-glass{filter:drop-shadow(0 2px 4px #10121440);animation:2.4s ease-in-out infinite hr-glass;position:absolute;bottom:-14px;right:-14px}.scan-tile{transition:opacity .3s,transform .3s,filter .3s}@keyframes hr-spin{to{transform:rotate(360deg)}}.spinner{box-sizing:border-box;border:2.5px solid #dadee2;border-top-color:#085;border-radius:999px;width:20px;height:20px;animation:.8s linear infinite hr-spin}.story-tile{transition:opacity .35s,transform .35s}@keyframes hr-story-ring{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.75)}}.story-ring{border:2px solid;border-radius:14px;animation:1.1s ease-out infinite hr-story-ring;position:absolute;inset:0}.story-listening{transition:opacity .4s}.story-post{transition:border-color .3s,opacity .35s,transform .45s cubic-bezier(.2,.9,.3,1.2)}.story-post-waiting{opacity:0;transition:none;transform:translateY(-10px)scale(.94)}.story-post-taken{opacity:0;transition:opacity .45s,transform .5s ease-in;transform:translateY(34px)scale(.86)}@keyframes hr-story-bump{0%,to{transform:scale(1)}40%{transform:scale(1.14)}}.story-bump{animation:.5s ease-out hr-story-bump}.story-row{transition:top .5s,opacity .4s}@keyframes hr-story-row{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}.story-row-in{animation:.5s ease-out both hr-story-row}@media (prefers-reduced-motion:reduce){.story-ring,.story-bump,.story-row-in{animation:none}.story-ring{display:none}.skeleton,.pulse,.rise,.scan-band,.scan-glass{animation:none}.scan-band{display:none}.spinner{animation-duration:2.4s}}@media print{body{background:#fff}body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{box-sizing:border-box;width:100%;padding:24px;position:absolute;top:0;left:0}.no-print{display:none!important}}