:root{color-scheme:light;--paper: #eeeadd;--paper-warm: #e9dfc7;--ink: #161711;--orange: #ff6a2c;--yellow: #f6c400;--screen: #f4bf05;--brown: #4c3516;--blue: #5f82ef;--red: #ef4f44;--green: #65bea2;--cream: #fff9e8;--bg-grad-0: #f5fbf7;--bg-grad-1: #f0ebdd;--bg-grad-2: #d8c89f;--bg-spot-a: rgba(255, 255, 248, .74);--bg-spot-b: rgba(196, 165, 96, .5);--scene-tint: transparent;--scene-tint-blend: normal;--scene-tint-opacity: 0;--canvas-filter: none;--cursor-ring-0: rgba(76, 53, 22, .5);--cursor-ring-1: rgba(76, 53, 22, .16);--cursor-dot: #161711}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden;background:var(--paper);font-family:Trebuchet MS,Comic Sans MS,Segoe Print,cursive}button,a{font:inherit}.hero-shell{position:relative;width:100vw;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 1px 1px,rgba(137,107,51,.055) .65px,transparent 1.2px) 0 0/8px 8px,radial-gradient(circle at 4px 6px,rgba(255,255,246,.34) .7px,transparent 1.5px) 0 0/13px 13px,radial-gradient(circle at 18% 20%,var(--bg-spot-a),transparent 34%),radial-gradient(circle at 88% 24%,var(--bg-spot-b),transparent 34%),linear-gradient(90deg,var(--bg-grad-0) 0%,var(--bg-grad-1) 52%,var(--bg-grad-2) 100%),var(--paper);cursor:auto}.hero-config-entry{position:absolute;top:14px;right:14px;z-index:30;width:92px;height:52px;border-radius:12px;opacity:0;background:transparent;color:transparent;text-decoration:none}.hero-shell:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;content:"";background:var(--scene-tint);mix-blend-mode:var(--scene-tint-blend);opacity:var(--scene-tint-opacity)}.hero-shell:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;content:"";background:repeating-linear-gradient(96deg,rgba(137,107,51,.018) 0 1px,transparent 1px 8px),repeating-linear-gradient(7deg,rgba(255,255,245,.055) 0 1px,transparent 1px 11px);mix-blend-mode:multiply;opacity:.28}.hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;width:100%;height:100%;filter:var(--canvas-filter)}.brand{position:absolute;left:50%;top:clamp(72px,11.4vh,122px);z-index:3;width:min(430px,78vw);translate:-50% 0;text-align:center;color:var(--ink);pointer-events:none;opacity:0}.brand-mark{display:flex;align-items:center;justify-content:center;line-height:.86;transform:rotate(-1deg)}.brand-wave{color:var(--ink);font-family:Comic Sans MS,Trebuchet MS,cursive;font-size:clamp(64px,7vw,112px);font-weight:950;letter-spacing:0}.settings-cursor{position:fixed;z-index:20;width:0;height:0;pointer-events:none;transform:translate(-50%,-50%);transition:opacity .12s ease-out}.settings-cursor-ring{position:absolute;left:0;top:0;width:56px;height:56px;border-radius:999px;transform:translate(-50%,-50%);background:radial-gradient(circle,var(--cursor-ring-0) 0%,var(--cursor-ring-1) 56%,rgba(76,53,22,0) 100%);opacity:.32}.settings-cursor-dot{position:absolute;left:0;top:0;width:6.4px;height:6.4px;border-radius:999px;transform:translate(-50%,-50%);background:var(--cursor-dot)}@media(max-width:760px){.brand{top:58px}}@media(pointer:fine){body.legacy-cursor-mode,body.legacy-cursor-mode #app,body.legacy-cursor-mode .hero-shell,body.legacy-cursor-mode .hero-shell *{cursor:none!important}}body.config-page-mode{overflow:hidden;background:#e7e7e7;font-family:Manrope,SF Pro Display,Segoe UI,sans-serif}.cfg-page{height:100vh;padding:18px 26px 34px;color:#151515;background:radial-gradient(circle at 16% 12%,rgba(255,255,255,.58),transparent 44%),radial-gradient(circle at 84% 10%,rgba(255,255,255,.5),transparent 40%),linear-gradient(180deg,#ececec,#e7e7e7 52%,#e5e5e5);overflow:hidden}.cfg-nav-shell{max-width:1140px;margin:0 auto 14px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;border-radius:16px;background:linear-gradient(180deg,#eee,#e8e8e8);box-shadow:0 2px 7px #0000000e,0 14px 24px #0000000b,inset 0 1px #ffffffeb,inset 0 -1px #00000009}.cfg-logo{font-size:30px;font-weight:800;letter-spacing:-.03em}.cfg-nav{display:flex;gap:10px}.cfg-nav-item{padding:10px 18px;border-radius:12px;color:#282828;text-decoration:none;font-weight:600;background:linear-gradient(180deg,#f0f0f0,#e6e6e6);box-shadow:inset 1px 1px 3px #fffc,inset -1px -1px 3px #00000012}.cfg-nav-item-active{background:linear-gradient(180deg,#e4e4e4,#dbdbdb);box-shadow:inset 1px 1px 4px #ffffffc7,inset -1px -1px 4px #00000017}.cfg-start-btn{border:0;border-radius:14px;padding:12px 22px;font-weight:700;color:#fff;background:linear-gradient(180deg,#2d2d2d,#131313);box-shadow:0 12px 22px #00000057,0 3px 6px #0000004d,inset 0 1px #ffffff47;cursor:pointer}.cfg-grid{margin:0 auto;max-width:1140px;height:calc(100vh - 132px);display:grid;grid-template-columns:1.55fr .75fr;gap:24px;overflow:hidden}.cfg-main-col{display:grid;grid-template-rows:1fr;gap:16px;min-height:0;overflow:hidden}.cfg-card,.cfg-side-card{position:relative;border-radius:20px;background:linear-gradient(160deg,#eee,#e7e7e7 56%,#e4e4e4);border:1px solid rgba(255,255,255,.56);box-shadow:0 2px 7px #0000000d,0 12px 22px #0000000b,inset 0 1px #ffffffe6,inset 0 -1px #00000008}.cfg-card:before,.cfg-side-card:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:19px;pointer-events:none;background:linear-gradient(135deg,#ffffff4d,#ffffff08 44%,#00000005)}.cfg-card{padding:18px 18px 16px}.cfg-hero-card h1{margin:0;font-size:48px;letter-spacing:-.04em}.cfg-hero-card p{margin:10px 0 0;color:#6e6e6e;font-size:16px}.cfg-metric-row{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.cfg-metric{padding:14px;border-radius:14px;background:linear-gradient(160deg,#ececec,#e4e4e4);border:1px solid rgba(255,255,255,.46);box-shadow:inset 3px 3px 7px #0000000c,inset -3px -3px 7px #ffffffbd}.cfg-metric-label{display:block;color:#7b7b7b;font-size:12px}.cfg-metric strong{display:block;margin-top:5px;font-size:24px}.cfg-side-card{padding:18px;display:flex;flex-direction:column;min-height:0;overflow:hidden}.cfg-side-card h2{margin:0 0 16px;font-size:34px;letter-spacing:-.03em}.cfg-side-block label{display:block;font-size:13px;color:#737373;margin-bottom:8px;font-weight:600}.cfg-side-block select,.cfg-side-block input{width:100%;padding:13px 14px;border:0;border-radius:12px;background:linear-gradient(160deg,#ececec,#e3e3e3);border:1px solid rgba(255,255,255,.44);color:#1f1f1f;box-shadow:inset 3px 3px 7px #0000000d,inset -3px -3px 7px #ffffffc2}.cfg-divider{height:1px;margin:18px 0;background:#00000014}.cfg-convert-btn{margin-top:20px;width:100%;border:0;border-radius:14px;padding:13px 18px;color:#fff;font-size:22px;font-weight:800;letter-spacing:-.02em;cursor:pointer;background:linear-gradient(180deg,#2d2d2d,#131313);box-shadow:0 14px 24px #0000004d,0 3px 8px #0000003d,inset 0 1px #fff3}.cfg-chart{position:relative;height:98px;border-radius:12px;background:linear-gradient(150deg,#ebebeb,#e2e2e2);border:1px solid rgba(255,255,255,.42);box-shadow:inset 3px 3px 7px #0000000d,inset -3px -3px 7px #ffffffc2;overflow:hidden}.cfg-chart-line{position:absolute;left:6%;right:6%;top:50%;height:2px;transform:translateY(-50%) rotate(-12deg);background:linear-gradient(90deg,#1e1e1e38,#1e1e1ed1)}.cfg-chart-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:#181818;box-shadow:0 2px 5px #0000003d}.cfg-dot-1{left:22%;top:62%}.cfg-dot-2{left:54%;top:44%}.cfg-dot-3{right:16%;top:28%}