:root,html[data-theme=light]{--ink: #f4f7f8;--ink-soft: #e7eef2;--fog: #102027;--mist: rgba(16, 32, 39, .66);--lime: #1f8f7a;--lime-deep: #167463;--line: rgba(16, 32, 39, .12);--accent-line: rgba(31, 143, 122, .45);--panel: rgba(255, 255, 255, .72);--panel-strong: rgba(255, 255, 255, .9);--danger: #d95a4e;--hero-a: rgba(31, 143, 122, .18);--hero-b: rgba(64, 140, 200, .16);--hero-bg: linear-gradient(160deg, #f7fafc 0%, #eef5f8 45%, #e4eef2 100%);--grid: rgba(16, 32, 39, .06);--frame: linear-gradient(135deg, #d9ece8, #c5dde8 55%, #b7d0db);--chip-bg: rgba(255, 255, 255, .7);--font-display: "Syne", sans-serif;--font-body: "Instrument Sans", sans-serif}html[data-theme=dark]{--ink: #071412;--ink-soft: #12302b;--fog: #eef6f2;--mist: rgba(238, 246, 242, .68);--lime: #e8f56d;--lime-deep: #cfe047;--line: rgba(238, 246, 242, .14);--accent-line: rgba(232, 245, 109, .45);--panel: rgba(7, 20, 18, .55);--panel-strong: rgba(7, 20, 18, .75);--danger: #ff7a6e;--hero-a: rgba(232, 245, 109, .16);--hero-b: rgba(74, 168, 145, .22);--hero-bg: linear-gradient(160deg, #061110 0%, #0b1c1a 48%, #12302b 100%);--grid: rgba(238, 246, 242, .05);--frame: linear-gradient(135deg, #17463f, #0a201d 60%, #163832);--chip-bg: rgba(7, 20, 18, .55)}*,*:before,*:after{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;color:var(--fog);font-family:var(--font-body);background:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background .25s ease,color .25s ease}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(2%,-3%,0) scale(1.04)}}@keyframes shine{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes pulse-ring{0%{transform:scale(.92);opacity:.7}70%{transform:scale(1.18);opacity:0}to{transform:scale(1.18);opacity:0}}@keyframes orbit{to{transform:rotate(360deg)}}
