@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&family=Mulish:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=Spline+Sans+Mono:wght@400;500;600&display=swap");:root{--font-display:"Quicksand",ui-rounded,system-ui,sans-serif;--font-body:"Mulish",system-ui,sans-serif;--font-mono:"Spline Sans Mono",ui-monospace,monospace;--fs-2xs:11px;--fs-xs:12.5px;--fs-sm:14px;--fs-base:16px;--fs-md:18px;--fs-lg:22px;--fs-xl:28px;--fs-2xl:36px;--fs-3xl:48px;--fs-4xl:64px;--lh-tight:1.12;--lh-snug:1.3;--lh-body:1.6;--track-display:-0.01em;--track-caps:0.09em;color-scheme:dark;--bg:#0A0D22;--bg-deep:#060919;--surface:#151936;--surface-2:#1D2244;--surface-3:#262C55;--overlay:rgba(6,9,25,0.7);--text:#EEF0FB;--text-2:#B3B8D9;--text-3:#7E84AD;--stroke:rgba(190,196,232,0.16);--stroke-strong:rgba(190,196,232,0.32);--moon:#CDD3EF;--moon-d:#9BA3CE;--gold:#E9C979;--gold-d:#C9A247;--gold-l:rgba(233,201,121,0.14);--dusk:#8B93F8;--dusk-d:#6A72E8;--dusk-l:rgba(139,147,248,0.16);--aurora:#5BD4C2;--aurora-d:#2FA893;--aurora-l:rgba(91,212,194,0.14);--ember:#F2917E;--ember-d:#D96A55;--ember-l:rgba(242,145,126,0.14);--haze:#C490E4;--haze-l:rgba(196,144,228,0.15);--primary:var(--gold);--primary-ink:#231A05;--link:var(--dusk);--success-text:var(--aurora);--success-bg:var(--aurora-l);--warning-text:var(--gold);--warning-bg:var(--gold-l);--danger-text:var(--ember);--danger-bg:var(--ember-l);--info-text:var(--dusk);--info-bg:var(--dusk-l);--bing-blue:#3D9BFF;--text-body:var(--text);--text-muted:var(--text-2);--text-faint:var(--text-3);--surface-card:var(--surface)}[data-theme=day]{color-scheme:light;--bg:#F5F3EC;--bg-deep:#ECE9DF;--surface:#FFFFFF;--surface-2:#F7F5EE;--surface-3:#EFECE2;--overlay:rgba(38,42,77,0.45);--text:#272B52;--text-2:#5A5F8A;--text-3:#8A8FB4;--stroke:rgba(39,43,82,0.14);--stroke-strong:rgba(39,43,82,0.3);--moon:#8A93C4;--moon-d:#6B74A8;--gold:#C9992E;--gold-d:#A67C1C;--gold-l:rgba(201,153,46,0.14);--dusk:#5A63D8;--dusk-d:#4650C4;--dusk-l:rgba(90,99,216,0.12);--aurora:#1F9A86;--aurora-d:#157263;--aurora-l:rgba(31,154,134,0.12);--ember:#D45A44;--ember-d:#B03E2B;--ember-l:rgba(212,90,68,0.12);--haze:#9A5FC7;--haze-l:rgba(154,95,199,0.12);--primary:var(--gold);--primary-ink:#2E2104;--link:var(--dusk-d);--success-text:var(--aurora-d);--success-bg:var(--aurora-l);--warning-text:var(--gold-d);--warning-bg:var(--gold-l);--danger-text:var(--ember-d);--danger-bg:var(--ember-l);--info-text:var(--dusk-d);--info-bg:var(--dusk-l);--bing-blue:#0052CC;--text-body:var(--text);--text-muted:var(--text-2);--text-faint:var(--text-3);--surface-card:var(--surface)}:root{--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:32px;--sp-8:40px;--sp-9:48px;--sp-10:64px;--sp-11:80px;--sp-12:96px;--content-max:1180px;--card-pad:var(--sp-6);--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-pill:999px;--shadow-sm:0 2px 8px rgba(3,5,18,0.35);--shadow-md:0 12px 32px -8px rgba(3,5,18,0.5);--glow-gold:0 0 0 1px rgba(233,201,121,0.28),0 0 28px rgba(233,201,121,0.18);--glow-dusk:0 0 0 1px rgba(139,147,248,0.25),0 0 24px rgba(139,147,248,0.2);--focus-ring:0 0 0 3px rgba(139,147,248,0.45);--dur-fast:140ms;--dur-base:240ms;--dur-slow:600ms;--dur-dream:1800ms;--ease-out:cubic-bezier(0.22,0.8,0.3,1);--ease-dream:cubic-bezier(0.6,0.05,0.28,0.99);--ease-drift:cubic-bezier(0.4,0,0.2,1)}[data-theme=day]{--shadow-sm:0 2px 10px rgba(39,43,82,0.1);--shadow-md:0 14px 36px -10px rgba(39,43,82,0.18);--glow-gold:0 0 0 1px rgba(201,153,46,0.22),0 6px 20px rgba(201,153,46,0.18);--glow-dusk:0 0 0 1px rgba(90,99,216,0.2),0 6px 20px rgba(90,99,216,0.16);--focus-ring:0 0 0 3px rgba(90,99,216,0.35)}*{box-sizing:border-box}body,html{margin:0}html{scrollbar-gutter:stable}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6}html.theming body,html.theming body *{transition:background-color 1s var(--ease-dream),color 1s var(--ease-dream),border-color 1s var(--ease-dream),box-shadow 1s var(--ease-dream)!important}.sky{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.sky-day,.sky-night{position:absolute;inset:0;transition:opacity 1.1s var(--ease-dream)}.sky-night{background:linear-gradient(180deg,#040612,#060919 50%,#10142e);opacity:1}.sky-day{background:linear-gradient(180deg,#cfe3f4,#eee9db 60%,#f5f3ec)}.sky-day,html[data-theme=day] .sky-night{opacity:0}html[data-theme=day] .sky-day{opacity:1}.stars{position:absolute;inset:0;transition:opacity 1.1s var(--ease-dream),transform 1.1s var(--ease-dream)}html[data-theme=day] .stars{opacity:0;transform:translateY(-40px)}.star{position:absolute;border-radius:50%;background:#CDD3EF;animation:twinkle 4s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.22}50%{opacity:.75}}.impersonate-banner{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 16px;background:var(--gold-l);border-bottom:1px solid var(--stroke-strong);color:var(--gold);font-family:var(--font-body);font-size:13.5px;font-weight:600;text-align:center}.impersonate-banner b{color:var(--text)}.impersonate-banner button{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:var(--r-pill);border:1px solid var(--gold);background:transparent;color:var(--gold);font-family:var(--font-display);font-weight:700;font-size:12.5px;cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.impersonate-banner button:hover{background:var(--gold-l)}.impersonate-banner button:disabled{opacity:.6;cursor:not-allowed}.nav{position:relative;z-index:2;justify-content:space-between;gap:24px;max-width:var(--content-max);margin:0 auto;padding:22px 32px}.nav,.wm{display:flex;align-items:center}.wm{gap:10px;font-family:var(--font-display);font-weight:700;font-size:21px;color:var(--text);text-decoration:none}.wm b{color:var(--gold)}.nav-links{display:flex;align-items:center;gap:26px;font-family:var(--font-display);font-weight:600;font-size:14.5px}.nav-links a:not(.btn){color:var(--text-2);text-decoration:none;transition:color var(--dur-fast)}.nav-links a.on,.nav-links a:not(.btn):hover{color:var(--text)}.dev-dropdown-wrap{position:relative}.dev-dropdown-wrap>button{color:var(--text-2);transition:color var(--dur-fast)}.dev-dropdown-wrap>button.on,.dev-dropdown-wrap>button:hover{color:var(--text)}.dev-dropdown{position:absolute;top:calc(100% + 14px);right:0;min-width:260px;background:var(--surface);border:1px solid var(--stroke);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:8px;z-index:20}.dev-dropdown a{display:block;padding:9px 12px;border-radius:var(--r-md);color:var(--text-2)!important;text-decoration:none;font-size:13.5px;font-weight:600}.dev-dropdown a:hover{background:var(--surface-2);color:var(--text)!important}.dev-dropdown a .path{display:block;font-family:var(--font-mono);font-size:11px;color:var(--text-3);font-weight:400;margin-top:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 26px;border-radius:var(--r-pill);border:none;cursor:pointer;background:var(--primary);color:var(--primary-ink);font-family:var(--font-display);font-weight:600;font-size:15px;text-decoration:none;white-space:nowrap;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),background var(--dur-fast)}.btn:hover{box-shadow:var(--glow-gold);transform:translateY(-1px)}.btn:active{transform:translateY(1px) scale(.99)}.btn.secondary{background:transparent;color:var(--text);border:1px solid var(--stroke-strong)}.btn.secondary:hover{background:var(--surface-2);box-shadow:none}.btn.ghost{background:transparent;color:var(--text-2)}.btn.ghost:hover{background:var(--surface-2);box-shadow:none}.btn.sm{height:38px;padding:0 20px;font-size:14px}.btn.lg{height:54px;padding:0 32px;font-size:16.5px}.theme-toggle{position:relative;width:74px;height:34px;border-radius:var(--r-pill);border:1px solid var(--stroke-strong);cursor:pointer;overflow:hidden;background:linear-gradient(90deg,#060919,#1D2244);transition:background 1s var(--ease-dream),box-shadow var(--dur-base);flex-shrink:0;padding:0}html[data-theme=day] .theme-toggle{background:linear-gradient(90deg,#BFD9F2,#F2E4BE)}.theme-toggle:hover{box-shadow:var(--glow-dusk)}html[data-theme=day] .theme-toggle:hover{box-shadow:var(--glow-gold)}.tt-knob{position:absolute;top:3px;left:43px;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#CDD3EF;box-shadow:0 0 10px rgba(205,211,239,.6);transition:left var(--dur-slow) var(--ease-dream),background var(--dur-slow);font-size:15px;color:#1D2244}html[data-theme=day] .tt-knob{left:3px;background:#F5C542;box-shadow:0 0 12px rgba(245,197,66,.8);color:#8A5B00}.streak-pill{gap:7px;padding:7px 14px;border-radius:var(--r-pill);background:var(--gold-l);color:var(--gold);font-family:var(--font-mono)}.avatar,.streak-pill{display:inline-flex;align-items:center;font-weight:700;font-size:14px}.avatar{width:36px;height:36px;border-radius:50%;background:var(--haze);color:#0A0D22;justify-content:center;font-family:var(--font-display)}.card{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:var(--sp-6)}.eyebrow{font-size:11.5px;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--gold);font-weight:800}.content{max-width:var(--content-max);margin:0 auto;padding:0 32px}.content,.footer{position:relative;z-index:1}.footer{margin-top:96px}.footer-in{max-width:var(--content-max);margin:0 auto;padding:36px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--text-3);font-size:13.5px}.footer-in a{color:var(--text-2);text-decoration:none;margin-left:20px}.footer-in a:hover{color:var(--text)}.video-embed{position:relative;width:100%;aspect-ratio:16/9;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-sm);background:var(--surface)}.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:none}.portfolio-meta{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin:0 0 28px;padding:16px 20px;background:var(--surface);border:1px solid var(--stroke);border-radius:var(--r-md)}.portfolio-meta-item{display:flex;align-items:center;gap:8px}.portfolio-meta-label{font-size:11.5px;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--text-3);font-weight:800}.portfolio-meta-value{font-family:var(--font-display);font-weight:700;font-size:14.5px;color:var(--text)}.portfolio-meta-tags{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}.tag-pill{display:inline-flex;align-items:center;padding:5px 12px;border-radius:var(--r-pill);background:var(--gold-l);color:var(--gold);font-size:12.5px;font-weight:700}.sage-owl{--ob:#E6E9F7;--ob2:#C7CDEA;--ob3:#B0B7DE;--oface:#F4F6FF;--obelly:#FCFDFF;--oline:#AEB4D6;--ogold:#E9C979;--ogoldd:#C9A247;--oeye:#0A0D22;--owhite:#FFFFFF}[data-theme=day] .sage-owl{--ob:#3F4675;--ob2:#2E3460;--ob3:#242a52;--oface:#4C5488;--obelly:#59619A;--oline:#7076AE;--ogold:#C9992E;--ogoldd:#A67C1C;--oeye:#14173A;--owhite:#E5E8F6}.sage-owl .owl-actor{position:absolute;z-index:30;width:120px;height:135px;pointer-events:none}.sage-owl .owl-hop{width:100%;height:100%;transform-origin:50% 100%}.sage-owl .owl{width:100%;height:100%;display:block;overflow:visible}.sage-owl .owl *{transition:fill .9s var(--ease-dream),stroke .9s var(--ease-dream)}.sage-owl #owlBody{transform-box:fill-box;transform-origin:50% 100%;animation:sageBreathe 4.4s ease-in-out infinite}@keyframes sageBreathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.018)}}.sage-owl #owlHead{transform-box:fill-box;transform-origin:50% 96%}.sage-owl #owlEyes,.sage-owl #owlFace,.sage-owl #owlPupils{transform-box:fill-box;transform-origin:50% 50%}.sage-owl #owlPupils{transition:transform .18s var(--ease-out)}.sage-owl #owlBeak{transform-box:fill-box;transform-origin:50% 15%}.sage-owl #owlWingL{transform-box:fill-box;transform-origin:90% 6%}.sage-owl #owlWingR{transform-box:fill-box;transform-origin:10% 6%}.sage-owl #owlTufts{transform-box:fill-box;transform-origin:50% 100%}.sage-owl .m-tilt-l #owlHead{animation:sageTiltL 2.2s var(--ease-dream)}.sage-owl .m-tilt-r #owlHead{animation:sageTiltR 2.2s var(--ease-dream)}.sage-owl .m-nod #owlHead{animation:sageNod 1.9s var(--ease-dream)}.sage-owl .m-roll #owlHead{animation:sageRoll 3s var(--ease-dream)}.sage-owl .m-swivelL #owlHead{animation:sageSwivelL 2.8s var(--ease-dream)}.sage-owl .m-swivelR #owlHead{animation:sageSwivelR 2.8s var(--ease-dream)}.sage-owl .m-peekL #owlHead{animation:sagePeekL 2.4s var(--ease-dream)}.sage-owl .m-peekR #owlHead{animation:sagePeekR 2.4s var(--ease-dream)}@keyframes sageTiltL{0%,to{transform:rotate(0)}30%,60%{transform:rotate(-19deg)}}@keyframes sageTiltR{0%,to{transform:rotate(0)}30%,60%{transform:rotate(19deg)}}@keyframes sageNod{0%,to{transform:translateY(0) scaleY(1)}35%{transform:translateY(4px) scaleY(.96)}65%{transform:translateY(-3px) scaleY(1.02)}}@keyframes sageRoll{0%,to{transform:rotate(0) translate(0)}20%{transform:rotate(15deg) translate(2px,-2px)}40%{transform:rotate(7deg) translate(3px,2px)}60%{transform:rotate(-7deg) translate(-3px,2px)}80%{transform:rotate(-15deg) translate(-2px,-2px)}}@keyframes sageSwivelL{0%,to{transform:rotate(0) scaleX(1)}25%,60%{transform:rotate(-30deg) scaleX(.92)}}@keyframes sageSwivelR{0%,to{transform:rotate(0) scaleX(1)}25%,60%{transform:rotate(30deg) scaleX(.92)}}@keyframes sagePeekL{0%,to{transform:translateX(0) scaleX(1)}30%,60%{transform:translateX(-7px) scaleX(.9)}}@keyframes sagePeekR{0%,to{transform:translateX(0) scaleX(1)}30%,60%{transform:translateX(7px) scaleX(.9)}}.sage-owl .m-turn #owlFace{animation:sageTurnFace 3.2s var(--ease-dream)}.sage-owl .m-turn #owlHead{animation:sageTurnHead 3.2s var(--ease-dream)}@keyframes sageTurnFace{0%,to{transform:scaleX(1)}22%,74%{transform:scaleX(.04)}}@keyframes sageTurnHead{0%,to{transform:rotate(0)}22%{transform:rotate(5deg)}48%{transform:rotate(-3deg)}74%{transform:rotate(-5deg)}}.sage-owl .blink #owlEyes{animation:sageBlink .26s ease-in-out}@keyframes sageBlink{0%,to{transform:scaleY(1)}50%{transform:scaleY(.12)}}.sage-owl .m-stretch #owlWingL{animation:sageStretchL 2.4s var(--ease-dream)}.sage-owl .m-stretch #owlWingR{animation:sageStretchR 2.4s var(--ease-dream)}@keyframes sageStretchL{0%,to{transform:rotate(0) scaleX(1)}35%,55%{transform:rotate(26deg) scaleX(1.18)}}@keyframes sageStretchR{0%,to{transform:rotate(0) scaleX(1)}35%,55%{transform:rotate(-26deg) scaleX(1.18)}}.sage-owl .m-wave #owlWingR{animation:sageWaveR 2.6s var(--ease-dream)}@keyframes sageWaveR{0%,to{transform:rotate(0)}18%{transform:rotate(-62deg) scaleX(1.1)}32%{transform:rotate(-40deg) scaleX(1.1)}46%{transform:rotate(-62deg) scaleX(1.1)}60%{transform:rotate(-40deg) scaleX(1.1)}78%{transform:rotate(-62deg) scaleX(1.1)}}.sage-owl .m-ruffle #owlBody{animation:sageRuffleB 1.1s ease-in-out}.sage-owl .m-ruffle #owlTufts{animation:sageRuffleT 1.1s ease-in-out}@keyframes sageRuffleB{0%,to{transform:rotate(0) scale(1)}12%{transform:rotate(2.2deg) scale(1.02)}26%{transform:rotate(-2.2deg) scale(1.03)}40%{transform:rotate(2deg) scale(1.02)}54%{transform:rotate(-1.6deg) scale(1.01)}70%{transform:rotate(1deg)}}@keyframes sageRuffleT{0%,to{transform:rotate(0)}15%{transform:rotate(-6deg)}35%{transform:rotate(6deg)}55%{transform:rotate(-4deg)}75%{transform:rotate(3deg)}}.sage-owl .m-hoot #owlBeak{animation:sageHootBeak 2s var(--ease-dream)}.sage-owl .m-hoot #owlBody{animation:sageHootPuff 2s var(--ease-dream)}.sage-owl .m-hoot #owlHead{animation:sageHootHead 2s var(--ease-dream)}@keyframes sageHootBeak{0%,to{transform:scaleY(1)}18%,42%{transform:scaleY(1.4)}30%{transform:scaleY(1.15)}}@keyframes sageHootPuff{0%,to{transform:scale(1)}20%,45%{transform:scale(1.045)}}@keyframes sageHootHead{0%,to{transform:rotate(0) translateY(0)}20%,45%{transform:rotate(-3deg) translateY(-3px)}}.sage-owl .fx{position:absolute;inset:0;pointer-events:none}.sage-owl .fx .ring{position:absolute;top:34%;left:50%;width:60px;height:60px;margin:-30px;border-radius:50%;border:1.5px solid var(--ogold);opacity:0}.sage-owl .m-hoot .fx .ring1{animation:sageRing 1.5s .15s var(--ease-out)}.sage-owl .m-hoot .fx .ring2{animation:sageRing 1.5s .5s var(--ease-out)}@keyframes sageRing{0%{transform:scale(.4);opacity:.65}to{transform:scale(1.7);opacity:0}}.sage-owl .fx .hoo{position:absolute;top:22%;left:74%;font-family:var(--font-mono);font-style:italic;font-size:13px;color:var(--ogold);opacity:0}.sage-owl .m-hoot .fx .hoo{animation:sageHoo 1.7s .2s var(--ease-out)}@keyframes sageHoo{0%{transform:translateY(4px);opacity:0}25%{opacity:.9}to{transform:translateY(-24px);opacity:0}}.sage-owl .m-doze #owlEyes{animation:sageDozeEyes 3.8s var(--ease-dream)}.sage-owl .m-doze #owlHead{animation:sageDozeHead 3.8s var(--ease-dream)}@keyframes sageDozeEyes{0%,to{transform:scaleY(1)}18%,82%{transform:scaleY(.16)}}@keyframes sageDozeHead{0%,to{transform:rotate(0) translateY(0)}25%,78%{transform:rotate(7deg) translateY(4px)}}.sage-owl .fx .zz{position:absolute;top:14%;left:68%;font-family:var(--font-mono);font-size:13px;letter-spacing:.2em;color:var(--oline);opacity:0}.sage-owl .m-doze .fx .zz{animation:sageZz 3.2s ease-in-out .5s}@keyframes sageZz{0%{transform:translateY(4px);opacity:0}20%{opacity:.8}80%{opacity:.5}to{transform:translateY(-22px);opacity:0}}.sage-owl .owl-actor.flying #owlWingL{animation:sageFlapL .2s linear infinite}.sage-owl .owl-actor.flying #owlWingR{animation:sageFlapR .2s linear infinite}@keyframes sageFlapL{0%,to{transform:rotate(8deg)}50%{transform:rotate(46deg) scaleX(1.15)}}@keyframes sageFlapR{0%,to{transform:rotate(-8deg)}50%{transform:rotate(-46deg) scaleX(1.15)}}.sage-owl .owl-actor.flying #owlBody,.sage-owl .owl-actor.hopping #owlBody{animation:none}.sage-owl .owl-actor.hopping #owlWingL{animation:sageTuckL .62s ease-in-out}.sage-owl .owl-actor.hopping #owlWingR{animation:sageTuckR .62s ease-in-out}@keyframes sageTuckL{0%,to{transform:rotate(0)}40%{transform:rotate(18deg)}}@keyframes sageTuckR{0%,to{transform:rotate(0)}40%{transform:rotate(-18deg)}}.sage-owl .owl-actor.land #owlBody{animation:sageLand .34s var(--ease-out)}@keyframes sageLand{0%{transform:scaleY(1)}40%{transform:scaleY(.88) scaleX(1.07)}to{transform:scaleY(1)}}.sage-owl .director{position:fixed;top:84px;right:18px;z-index:40;width:322px;max-height:calc(100vh - 104px);display:flex;flex-direction:column;border-radius:var(--r-xl);border:1px solid var(--stroke-strong);background:color-mix(in oklab,var(--surface) 78%,transparent);backdrop-filter:blur(16px);box-shadow:var(--shadow-md);overflow:hidden}.sage-owl .dir-head{display:flex;align-items:center;gap:10px;padding:16px 18px 12px;border-bottom:1px solid var(--stroke);flex-shrink:0}.sage-owl .dir-head img{width:30px;height:30px}.sage-owl .dir-head .t{flex:1}.sage-owl .dir-head .t b{display:block;font-family:var(--font-display);font-size:15.5px}.sage-owl .dir-head .t span{font-size:11.5px;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--gold);font-weight:800}.sage-owl .dir-min{border:none;background:transparent;color:var(--text-3);cursor:pointer;font-size:18px;padding:4px;border-radius:8px}.sage-owl .dir-min:hover{color:var(--text);background:var(--surface-2)}.sage-owl .dir-body{overflow-y:auto;padding:6px 18px 18px}.sage-owl .director.min{width:auto;max-height:none;border-radius:var(--r-pill)}.sage-owl .director.min .dir-body{display:none}.sage-owl .director.min .dir-head{border-bottom:none;padding:10px 14px}.sage-owl .director.min .dir-head .t span{display:none}.sage-owl .dir-sec{margin-top:16px}.sage-owl .dir-sec>.lbl{font-size:11px;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--text-3);font-weight:800;margin-bottom:10px}.sage-owl .seg{display:flex;gap:4px;padding:4px;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--stroke)}.sage-owl .seg button{flex:1;border:none;background:transparent;color:var(--text-2);font-family:var(--font-display);font-weight:600;font-size:13px;padding:7px 0;border-radius:var(--r-pill);cursor:pointer;transition:all var(--dur-fast)}.sage-owl .seg button.on{background:var(--gold);color:var(--primary-ink)}.sage-owl .ctl-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0}.sage-owl .ctl-row .nm{font-size:14px;color:var(--text);font-family:var(--font-display);font-weight:600}.sage-owl .ctl-row .hint{font-size:12px;color:var(--text-3)}.sage-owl .slide-row{display:flex;align-items:center;gap:10px;padding:4px 0 8px}.sage-owl .slide-row input[type=range]{flex:1;accent-color:var(--gold);height:4px}.sage-owl .slide-row .val{font-family:var(--font-mono);font-size:12px;color:var(--text-2);min-width:34px;text-align:right}.sage-owl .tsw{position:relative;width:42px;height:24px;flex-shrink:0;border-radius:99px;background:var(--surface-3);border:1px solid var(--stroke-strong);cursor:pointer;transition:background var(--dur-base)}.sage-owl .tsw:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--text-3);transition:all var(--dur-base) var(--ease-out)}.sage-owl .tsw.on{background:var(--aurora);border-color:var(--aurora)}.sage-owl .tsw.on:after{left:20px;background:#fff}.sage-owl .perch-list{display:flex;flex-direction:column;gap:6px}.sage-owl .perch-btn{display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:var(--r-md);border:1px solid var(--stroke);background:transparent;color:var(--text-2);font-family:var(--font-display);font-weight:600;font-size:13.5px;cursor:pointer;text-align:left;transition:all var(--dur-fast)}.sage-owl .perch-btn:hover{border-color:var(--dusk);color:var(--text)}.sage-owl .perch-btn.here{border-color:var(--gold);color:var(--text);background:var(--gold-l)}.sage-owl .perch-btn i{color:var(--dusk);font-size:16px}.sage-owl .perch-btn.here i{color:var(--gold)}.sage-owl .perch-btn .where{margin-left:auto;font-size:10.5px;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--gold);font-weight:800}.sage-owl .move-list{display:flex;flex-direction:column}.sage-owl .move-row{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--stroke)}.sage-owl .move-row:last-child{border-bottom:none}.sage-owl .move-row>i{color:var(--dusk);font-size:17px;width:20px;text-align:center}.sage-owl .move-row .nm{flex:1;font-size:13.5px;font-family:var(--font-display);font-weight:600;color:var(--text)}.sage-owl .play-btn{width:30px;height:30px;border-radius:50%;border:1px solid var(--stroke-strong);background:transparent;color:var(--gold);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:14px;transition:all var(--dur-fast);flex-shrink:0}.sage-owl .play-btn:hover{border-color:var(--gold);box-shadow:var(--glow-gold);transform:translateY(-1px)}.sage-owl .tsw.mini{width:34px;height:20px}.sage-owl .tsw.mini:after{width:14px;height:14px}.sage-owl .tsw.mini.on:after{left:16px}.sage-owl .dir-note{font-size:12px;color:var(--text-3);line-height:1.5;margin-top:8px}[data-owl-perch]{transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}[data-owl-perch]:hover{border-color:var(--dusk);box-shadow:var(--glow-dusk)}[data-owl-perch].has-owl{border-color:color-mix(in oklab,var(--gold) 55%,var(--stroke))}@media (prefers-reduced-motion:reduce){.sage-owl .fx *,.sage-owl .owl *,.sage-owl .owl-hop{animation:none!important}}