.orange-page{--landing-frame:57.6rem;--orbit-radius:205px;--dial-height:clamp(620px, calc(100dvh - 4rem), 680px);--orbit-step:calc(var(--dial-height) / 10);--orbit-origin:calc(100% - 1px);--card-width:120px;font-family:var(--font-montserrat), sans-serif;--sq-bg:var(--bg-color);--sq-fg:var(--text-color);--sq-surface:#111311;--sq-surface-header:#151614;--sq-inset:#0b0d0b;--sq-card:#1b1b19;--sq-card-active:#292018;--sq-line:#fff3;--sq-line-strong:#ffffff40;--sq-line-soft:#ffffff21;--sq-hover-border:#fff9;--sq-option-active-bg:#000;--sq-option-active-fg:#a3a3a3;--sq-text-strong:#ffffffe6;--sq-text-mid:#ffffffa6;--sq-text-dim:#ffffff80;--sq-text-faint:#ffffff6b;--sq-img-bg:#ffffff0d;--sq-header-tint:#ffffff06;--sq-arc:#ffffff40;--sq-orbit-inner:#ffffff17;--sq-grid-line:#ffffff04;--sq-dial-grad:radial-gradient(circle at 100% 50%, #292019 0, #171615 44%, #10100f 80%)}[data-theme=light] .orange-page{--sq-surface:#e6e1db;--sq-surface-header:#ebe6e0;--sq-inset:#dbd4cc;--sq-card:#ece8e4;--sq-card-active:#e7d2c0;--sq-line:#0003;--sq-line-strong:#00000047;--sq-line-soft:#0000001f;--sq-hover-border:#0000008c;--sq-option-active-bg:#00000029;--sq-option-active-fg:#0000008c;--sq-text-strong:#000000d9;--sq-text-mid:#0000009e;--sq-text-dim:#00000080;--sq-text-faint:#00000073;--sq-img-bg:#0000000d;--sq-header-tint:#00000006;--sq-arc:#00000038;--sq-orbit-inner:#00000017;--sq-grid-line:#00000009;--sq-dial-grad:radial-gradient(circle at 100% 50%, #f2ddc6 0, #f0e9e0 44%, #f3efe9 80%)}.orange-page h1{font-family:var(--font-montserrat), sans-serif}.orange-dial{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.orange-dial-clip{position:absolute;inset:0;overflow:hidden}.orange-dial-spin{transform-origin:var(--orbit-origin) 50%;position:absolute;inset:0}.orange-dial:active{cursor:grabbing}.orange-dial:focus-visible{outline-offset:-2px;outline:2px solid #ff8a23}.orange-orbit{left:var(--orbit-origin);width:calc(var(--orbit-radius) * 2);height:calc(var(--orbit-step) * 6);pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.orange-orbit-arc{fill:none;width:50%;height:100%;stroke:var(--sq-arc);stroke-width:1.5px;vector-effect:non-scaling-stroke;position:absolute;inset:0 auto 0 0;overflow:visible}.orange-orbit-arc path{vector-effect:non-scaling-stroke}.orange-orbit-line-inner{border:1px dashed var(--sq-orbit-inner);border-radius:50%;position:absolute;inset:17%}.orange-orbit-center{left:var(--orbit-origin);object-fit:contain;filter:drop-shadow(0 0 22px #ff8a238c);pointer-events:none;z-index:20;width:56px;height:56px;position:absolute;top:50%;transform:translate(-50%,-50%)}.orange-selection-line{left:calc(var(--orbit-origin) - var(--orbit-radius) * .986);width:calc(var(--orbit-radius) * .986);pointer-events:none;border-top:1px dotted #ff8a238c;position:absolute;top:50%}.orange-card{will-change:transform, opacity}.orange-card:focus-visible,.orange-page button:focus-visible,.orange-page a:focus-visible{outline-offset:4px;outline:2px solid #ff8a23}.orange-content{--tui-accent:#ff8a23;--tui-accent-muted:#a9744b;--tui-green:#9db78c}@property --beam-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.orange-dial-toggle:after{content:"";border-radius:inherit;background:conic-gradient(from var(--beam-angle), transparent 0deg 280deg, #ff8a23 330deg, #ffd0a0 360deg);-webkit-mask-composite:xor;pointer-events:none;padding:1px;animation:3s linear infinite orange-beam-spin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes orange-beam-spin{to{--beam-angle:360deg}}@media (prefers-reduced-motion:reduce){.orange-dial-toggle:after{animation:none}}@media (max-width:1023px){.orange-page{--dial-height:clamp(500px, 75dvh, 620px);--orbit-radius:clamp(165px, 31vw, 230px);--orbit-origin:100%;--card-width:130px}.orange-dial{translate:var(--dial-drag) 0;transition:translate .3s cubic-bezier(.2,.8,.2,1),visibility}.orange-dial[data-open=false]{translate:calc(100% + var(--dial-drag)) 0;visibility:hidden;pointer-events:none;transition:translate .3s cubic-bezier(.2,.8,.2,1),visibility 0s .3s}.orange-dial[data-open=false][data-dragging=true]{visibility:visible}.orange-dial[data-dragging=true]{transition:none}}@media (max-width:520px){.orange-page{--dial-height:clamp(460px, 70dvh, 560px);--orbit-radius:clamp(125px, 35vw, 170px);--card-width:108px}}@media (prefers-reduced-motion:reduce){.orange-card,.orange-dial,.orange-dial[data-open=false]{transition:none}}