:root{--color-canvas:#000;--color-ink:#000;--color-ink-muted:#8c8578;--color-paper:#f1e8e5;--color-paper-deep:#e5d9d5;--color-white:#f8f2f0;--color-yellow:#dbaa4a;--color-orange:#db7941;--color-rust:#c0413e;--color-burgundy:#732a26;--color-line:#dbcdc8;--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;--stage-radius:20px;--stage-gutter:.75rem;--horizon-topography-height:clamp(10rem, 28dvh, 16rem);--sunset-frame-height:clamp(6rem, 16dvh, 10rem);--centrum-home-width:clamp(13.5rem, 52vw, 18rem);--centrum-home-height:calc(var(--sunset-frame-height) + clamp(5.5rem, 12dvh, 8.5rem));--centrum-page-max-width:clamp(16rem, 58vw, 22rem);--centrum-border:10px;--centrum-radius:calc(var(--stage-radius) + var(--centrum-border));--stripe-inner-radius:16px}*{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{height:100dvh;min-height:100dvh;padding:calc(var(--stage-gutter) + env(safe-area-inset-top,0px)) calc(var(--stage-gutter) + env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) calc(var(--stage-gutter) + env(safe-area-inset-left,0px));background:var(--color-canvas);display:flex;overflow:hidden}.app-stage{isolation:isolate;grid-template-rows:minmax(0, 1fr) var(--horizon-topography-height);border:4px solid var(--color-ink);border-radius:var(--stage-radius);corner-shape:superellipse(var(--corner-smoothing));background:var(--color-canvas);width:min(100%,1360px);height:100%;min-height:0;margin:0 auto;display:grid;position:relative;overflow:hidden}.app-upper{z-index:1;background:var(--color-canvas);min-height:0;position:relative;overflow:visible}.app-upper:before{z-index:0;height:calc(100% - var(--sunset-frame-height));background:var(--color-paper);content:"";pointer-events:none;position:absolute;top:0;left:0;right:0}.app-header{z-index:5;pointer-events:none;align-items:center;min-height:5.25rem;padding:1rem 1.35rem .85rem;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-frame{z-index:1;height:var(--sunset-frame-height);background:var(--color-canvas);grid-template-rows:repeat(4,1fr);display:grid;position:absolute;bottom:0;left:0;right:0}.sunset-row{min-height:0;display:flex}.sunset-row>span:only-child{flex:1}.sunset-row-yellow>span:only-child{background:var(--color-yellow)}.sunset-row-orange>span:only-child{background:var(--color-orange)}.sunset-row-rust>span:only-child{background:var(--color-rust)}.sunset-row-cutout{gap:0}.sunset-wing-left,.sunset-wing-right{flex:1;min-width:0}.sunset-slot{flex:0 0 var(--centrum-slot-width,var(--centrum-home-width));width:var(--centrum-slot-width,var(--centrum-home-width));background:var(--color-canvas);min-width:0}.app-upper-home{--centrum-slot-width:var(--centrum-home-width)}.app-upper-page{--centrum-slot-width:var(--centrum-page-max-width)}.sunset-row-burgundy .sunset-wing-left{border-bottom-left-radius:var(--stage-radius);corner-shape:superellipse(var(--corner-smoothing));border-bottom-right-radius:var(--stripe-inner-radius)}.sunset-row-burgundy .sunset-wing-right{border-bottom-right-radius:var(--stage-radius);corner-shape:superellipse(var(--corner-smoothing));border-bottom-left-radius:var(--stripe-inner-radius)}.topography-layer{z-index:0;background:var(--color-canvas);border-radius:0 0 calc(var(--stage-radius) - 4px) calc(var(--stage-radius) - 4px);corner-shape:superellipse(var(--corner-smoothing));min-height:0;position:relative;overflow:hidden}.topography-layer:before{z-index:1;content:"";pointer-events:none;background:linear-gradient(#000 0%,#000000eb 22%,#0000008c 52%,#0000002e 78%,#0000 100%);height:7.5rem;position:absolute;inset:0 0 auto}.topography-home-link{z-index:2;cursor:pointer;text-decoration:none;position:absolute;inset:0}.topography-canvas{filter:blur(2px);opacity:1;width:calc(100% + 64px);height:calc(100% + 64px);display:block;position:absolute;inset:-32px}.app-main{z-index:2;pointer-events:none;justify-content:center;align-items:flex-end;height:100%;min-height:0;padding:5.75rem clamp(1rem,5vw,4rem) 0;display:flex;position:relative}.centrum{border:var(--centrum-border) solid var(--color-ink);border-radius:var(--centrum-radius);corner-shape:superellipse(var(--corner-smoothing));background:var(--color-paper);margin-bottom:calc(-1 * var(--centrum-border));pointer-events:auto;transform-origin:50% 100%;scrollbar-width:thin;position:relative;overflow:hidden}.centrum-content{width:100%}.app-upper-home .app-main,.app-upper-page .app-main{padding:0}.centrum-rail{z-index:2;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.centrum-header{z-index:3;text-align:center;pointer-events:none;width:min(22rem,86vw);margin:0 0 .9rem}.centrum-title{font-family:var(--font-display);letter-spacing:-.07em;margin:0;font-size:clamp(1.85rem,6.5vw,2.45rem);font-weight:900;line-height:.95}.centrum-header-chars{flex-wrap:wrap;justify-content:center;display:inline-flex}.centrum-header-char{will-change:transform, opacity, filter;display:inline-block}.centrum-description{max-width:28ch;color:var(--color-ink-muted);margin:.55rem auto 0;font-size:.88rem;line-height:1.4}.centrum-dock{pointer-events:auto;width:max-content;max-width:100%;position:relative}.centrum-back-wrap{z-index:4;position:absolute;top:.15rem;left:-3.15rem}.centrum-back{background:var(--color-ink);width:2.55rem;height:2.55rem;color:var(--color-white);border-radius:50%;place-items:center;display:grid}.centrum-back svg{stroke-width:2.6px;width:1.25rem;height:1.25rem}.centrum-home{width:var(--centrum-home-width);height:var(--centrum-home-height);min-width:13.5rem;min-height:11rem;overflow:hidden}.centrum-page{width:var(--centrum-page-max-width);min-width:16rem;max-height:min(32rem, calc(100dvh - var(--horizon-topography-height) - 9rem));overflow:auto}.centrum-home .centrum-content{height:100%}.home-page,.tool-grid{width:100%;height:100%}.home-page{background:radial-gradient(circle at 50% 48%, #dbaa4a24, transparent 62%), var(--color-paper)}.tool-grid{touch-action:none;cursor:grab;position:relative;overflow:hidden;-webkit-mask-image:radial-gradient(closest-side,#000 52%,#0000 100%);mask-image:radial-gradient(closest-side,#000 52%,#0000 100%)}.tool-grid:active{cursor:grabbing}.tool-grid-plane{position:absolute;inset:0}.tool-orb{will-change:transform;-webkit-user-select:none;user-select:none;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%}.tool-orb-link{border:2.5px solid var(--color-ink);background:var(--color-rust);color:var(--color-white)}.tool-orb-link>a{width:100%;height:100%;color:inherit;transition:filter var(--motion-fast) ease;border-radius:50%;place-items:center;display:grid}.tool-orb-link>a svg,.tool-orb-link>a img{width:44%;height:44%}.tool-orb-link>a:hover{filter:brightness(1.1)}.tool-orb-settings{background:var(--color-ink)}.tool-orb-slot{color:#00000038;border:2px dashed #0003}.tool-orb-slot svg{width:38%;height:38%}.tool-orb-dot{background:#00000024}.page-wrap{width:100%;margin:0 auto;padding:clamp(2rem,5vw,4rem)}.settings-page{min-height:100%;padding:1rem 1.1rem 1.15rem}.settings-stack{gap:var(--space-3);flex-direction:column;margin-top:0;display:flex}.settings-meta{padding:var(--space-3) var(--space-4);border:2px solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-ink-muted);font-size:.78rem;line-height:1.45}.settings-meta strong{color:var(--color-ink);letter-spacing:-.03em;margin-bottom:.35rem;font-size:.88rem;display:block}.settings-meta-row{align-items:center;gap:var(--space-2);display:flex}.settings-actions-compact{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.settings-actions-compact .button{min-height:2.35rem;padding:.45rem .75rem;font-size:.82rem}.settings-status{margin:var(--space-2) 0 0;color:var(--color-burgundy);font-size:.78rem;font-weight:700}.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{--horizon-topography-height:clamp(10.5rem, 32dvh, 14rem);--sunset-frame-height:clamp(6.5rem, 17dvh, 10rem);--centrum-home-height:calc(var(--sunset-frame-height) + clamp(5.25rem, 11dvh, 7.5rem))}.app-frame{padding-left:max(0px, calc(var(--stage-gutter) + env(safe-area-inset-left,0px) - 2px));padding-right:max(0px, calc(var(--stage-gutter) + env(safe-area-inset-right,0px) - 2px))}.app-stage{border-bottom-right-radius:0;border-bottom-left-radius:0}.app-header{min-height:4.6rem;padding:.9rem 1rem}.brand{font-size:1.15rem}.brand-mark{width:2rem;height:2rem}.app-main{padding:4.6rem .75rem 0}.app-upper-home .app-main,.app-upper-page .app-main{padding-left:0;padding-right:0}.centrum-page{width:var(--centrum-page-max-width)}.centrum-header{width:min(18rem,78vw);margin-bottom:.7rem}.centrum-title{font-size:clamp(1.55rem,6.8vw,2rem)}.centrum-description{max-width:24ch;font-size:.8rem}.centrum-back-wrap{top:-.15rem;left:-2.85rem}.centrum-back{width:2.35rem;height:2.35rem}.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{cursor:default}}