: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:1rem;--radius-lg:1rem;--corner-smoothing:.6;--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;height:100%;min-height:100%;margin:0;overflow:hidden}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{--stage-safe-top:0px;background:var(--color-canvas);height:100dvh;min-height:100dvh;padding:.75rem;overflow:hidden}.app-stage{isolation:isolate;border:4px solid var(--color-ink);corner-shape:superellipse(var(--corner-smoothing));background:linear-gradient(to bottom, var(--color-canvas) 0 var(--stage-safe-top), var(--color-paper) var(--stage-safe-top) 100%);border-radius:16px;width:min(100%,1360px);height:calc(100dvh - 1.5rem);min-height:0;margin:0 auto;position:relative;overflow:hidden}.app-header{z-index:5;top:var(--stage-safe-top);pointer-events:none;align-items:center;min-height:5.25rem;padding:1rem 1.35rem .85rem;display:flex;position:absolute;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:-1px;bottom:var(--topography-height);height:var(--sunset-height);corner-shape:superellipse(var(--corner-smoothing));border-radius:0 0 16px 16px;grid-template-rows:repeat(4,1fr);display:grid;position:absolute;left:-1px;overflow:hidden}.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:-4px;left:-4px;right:-4px;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(1.6px);width:100%;height:100%;display:block}.app-main{z-index:2;min-height:calc(100dvh - 1.5rem - 8px);padding:calc(5.75rem + var(--stage-safe-top)) 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 - var(--stage-safe-top));border:4px solid var(--color-ink);corner-shape:superellipse(var(--corner-smoothing));background:var(--color-paper);pointer-events:auto;transform-origin:50% 100%;scrollbar-width:thin;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f}.centrum-page{overflow:auto}.centrum-content{width:100%}.centrum-home{width:min(100%,30rem);height:clamp(16rem,34dvh,20rem);overflow:hidden}.centrum-home .centrum-content{height:100%}.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.3rem, 13vw, 4.6rem);left:var(--tool-x);top:var(--tool-y);width:var(--tool-size);height:var(--tool-size);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;translate:-50% -50%}.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);padding:0}.tool-orb-link>a{width:100%;height:100%;color:inherit;place-items:center;display:grid}.tool-orb-link:hover{filter:brightness(1.08)}.tool-orb-link:active{box-shadow:0 .1rem 0 var(--color-ink)}.tool-orb-empty{color:#0003;border:2px dashed #00000038}.tool-orb-empty-far{background:#00000029;border:0;width:.8rem;height:.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, 26dvh, 15rem);--sunset-height:clamp(5.5rem, 11dvh, 7rem)}.app-frame{--stage-safe-top:max(3.5rem, env(safe-area-inset-top));padding:.75rem 15px}.app-stage{border-radius:16px;height:calc(100dvh - 1.5rem)}.app-header{min-height:4.6rem;padding:.85rem 1rem}.brand{font-size:1.15rem}.brand-mark{width:2rem;height:2rem}.app-main{height:100%;min-height:0;padding:calc(5rem + var(--stage-safe-top)) 10px calc(var(--topography-height) - 2px)}.centrum{max-height:calc(100dvh - var(--topography-height) - 5.8rem - var(--stage-safe-top));border-radius:16px}.centrum-home{width:100%;height:clamp(16rem,34dvh,20rem)}.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}}