:root{--color-canvas:#000;--color-ink:#000;--color-ink-muted:#8c8578;--color-paper:#efe9df;--color-paper-deep:#e7e0d2;--color-white:#f3eee6;--color-yellow:#dbaa4a;--color-orange:#db7941;--color-rust:#c0413e;--color-burgundy:#732a26;--color-line:#dad3c5;--color-focus:#1e64d8;--font-display:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:.75rem;--radius-md:1.25rem;--radius-lg:2rem;--radius-pill:999px;--border-heavy:3px solid var(--color-ink);--shadow-hard:.4rem .4rem 0 var(--color-ink);--motion-fast:.14s;--motion-base:.28s;--motion-slow:.52s;--topography-height:clamp(12.5rem, 28dvh, 20rem);--sunset-height:clamp(6.5rem, 13dvh, 9rem)}*{box-sizing:border-box}:root{color:var(--color-ink);background:var(--color-canvas);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility}html,body,#root{background:var(--color-canvas);min-width:320px;min-height:100%;margin:0}button,a,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:4px solid var(--color-focus);outline-offset:4px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.app-frame{min-height:100dvh;padding:max(.75rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) max(.75rem, env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left));background:var(--color-canvas)}.app-stage{isolation:isolate;border:4px solid var(--color-ink);background:var(--color-paper);border-radius:1.75rem;width:min(100%,1360px);min-height:calc(100dvh - 1.5rem);margin:0 auto;position:relative;overflow:hidden}.app-header{z-index:5;pointer-events:none;align-items:center;min-height:5.25rem;padding:1rem 1.35rem;display:flex;position:absolute;top:0;left:0;right:0}.brand{font-family:var(--font-display);letter-spacing:-.06em;pointer-events:auto;align-items:center;gap:.6rem;font-size:1.3rem;font-weight:900;display:inline-flex}.brand-mark{border-radius:.65rem;width:2.3rem;height:2.3rem;display:block}.brand-wordmark{line-height:1}.sunset-bands{z-index:0;right:0;bottom:var(--topography-height);height:var(--sunset-height);grid-template-rows:repeat(4,1fr);display:grid;position:absolute;left:0}.sunset-bands span:first-child{background:var(--color-yellow)}.sunset-bands span:nth-child(2){background:var(--color-orange)}.sunset-bands span:nth-child(3){background:var(--color-rust)}.sunset-bands span:nth-child(4){background:var(--color-burgundy)}.topography-layer{z-index:0;height:var(--topography-height);background:var(--color-canvas);position:absolute;bottom:0;left:0;right:0;overflow:hidden}.topography-layer:before{z-index:1;content:"";pointer-events:none;background:linear-gradient(#000 0%,#000000b8 35%,#0000 100%);height:3.5rem;position:absolute;inset:0 0 auto}.topography-canvas{filter:blur(.3px);width:100%;height:100%;display:block}.app-main{z-index:2;min-height:calc(100dvh - 1.5rem - 8px);padding:5.75rem clamp(1rem, 5vw, 4rem) calc(var(--topography-height) - 2px);pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:relative}.centrum{width:min(100%,68rem);max-height:calc(100dvh - var(--topography-height) - 7rem);border:4px solid var(--color-ink);background:var(--color-paper);pointer-events:auto;transform-origin:50% 100%;scrollbar-width:thin;border-radius:2rem;position:relative;overflow:auto;box-shadow:0 0 0 1px #ffffff0f}.centrum-home{width:min(94%,30rem);height:clamp(19rem,43dvh,27rem);overflow:hidden}.home-page,.tool-grid{width:100%;height:100%}.tool-grid{background:radial-gradient(circle at 50% 47%, #dbaa4a2e, transparent 45%), var(--color-paper);touch-action:none;position:relative;overflow:hidden}.tool-grid-plane{cursor:grab;position:absolute;inset:0}.tool-grid-plane:active{cursor:grabbing}.tool-orb{--tool-size:clamp(3.7rem, 15vw, 5rem);left:var(--tool-x);top:var(--tool-y);width:var(--tool-size);height:var(--tool-size);transform:translate(-50%, -50%) scale(var(--tool-scale));transition:filter var(--motion-fast) ease, opacity var(--motion-fast) ease;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.tool-orb svg,.tool-orb img{width:42%;height:42%}.tool-orb-link{border:3px solid var(--color-ink);background:var(--color-rust);color:var(--color-white);box-shadow:0 .25rem 0 var(--color-ink);flex-direction:column;gap:.15rem}.tool-orb-link:hover{filter:brightness(1.08)}.tool-orb-link:active{box-shadow:0 .1rem 0 var(--color-ink)}.tool-orb-link span{text-overflow:ellipsis;white-space:nowrap;max-width:90%;font-size:.58rem;font-weight:850;line-height:1;overflow:hidden}.tool-orb-empty{color:#0003;border:2px dashed #00000038}.tool-grid-empty,.tool-grid-hint{z-index:3;color:var(--color-ink-muted);text-align:center;pointer-events:none;margin:0;font-size:.68rem;font-weight:750;position:absolute;left:0;right:0}.tool-grid-empty{bottom:1rem}.tool-grid-hint{text-transform:uppercase;letter-spacing:.1em;top:.8rem}.page-wrap{width:100%;margin:0 auto;padding:clamp(2rem,5vw,4rem)}.settings-page,.not-found-page{min-height:100%}.eyebrow{margin:0 0 var(--space-4);color:var(--color-rust);letter-spacing:.13em;text-transform:uppercase;font-size:.75rem;font-weight:900}.section-heading h1{letter-spacing:-.08em;max-width:12ch;margin:0;font-size:clamp(2.7rem,8vw,5rem);line-height:.9}.section-heading p{max-width:38rem;margin:var(--space-5) 0 0;color:var(--color-ink-muted);line-height:1.5}.settings-grid{gap:var(--space-4);margin-top:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.info-card{min-height:100%;padding:var(--space-5);border:2px solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-white)}.info-card h2{margin:var(--space-3) 0;letter-spacing:-.03em;font-size:1.1rem}.info-card p{color:var(--color-ink-muted);margin:0;line-height:1.5}.settings-actions,.home-actions{gap:var(--space-3);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.settings-actions{margin-top:var(--space-5)}.button{justify-content:center;align-items:center;gap:var(--space-2);border:2px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-white);min-height:3rem;color:var(--color-ink);transition:transform var(--motion-fast) ease, background-color var(--motion-fast) ease;padding:.8rem 1.1rem;font-weight:850;display:inline-flex}.button:hover{background:var(--color-yellow);transform:translateY(-2px)}.button-dark{background:var(--color-ink);color:var(--color-white)}.button-dark:hover{background:var(--color-burgundy)}.status-message{font-weight:700;margin-top:var(--space-4)!important;color:var(--color-burgundy)!important}@media (width<=720px){:root{--topography-height:clamp(11.5rem, 25dvh, 15rem);--sunset-height:clamp(5.5rem, 11dvh, 7rem)}.app-frame{padding:.45rem}.app-stage{border-radius:1.35rem;min-height:calc(100dvh - .9rem)}.app-header{min-height:4.6rem;padding:.85rem 1rem}.brand{font-size:1.15rem}.brand-mark{width:2rem;height:2rem}.app-main{min-height:calc(100dvh - .9rem - 8px);padding:5rem .7rem calc(var(--topography-height) - 2px)}.centrum{max-height:calc(100dvh - var(--topography-height) - 5.8rem);border-radius:1.7rem}.centrum-home{width:min(94%,25rem);height:clamp(18rem,42dvh,23rem)}.page-wrap{padding:1.5rem}.settings-grid{grid-template-columns:1fr}.section-heading h1{font-size:clamp(2.6rem,13vw,4rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.tool-grid-plane{cursor:default}}