/* generated by gen_light.py from the dark stylesheets: light theme. Rebuild it after colour changes. */
/* base.css */
html[data-theme="light"]{--bg:#FFFFFF;--fg:#08080A;--mute:#58585D;--dim:#8E8E93;--line:#E0E0E3;--blue:#007EF5;--blue2:#0059B2;--deep:#0A5BD6}
html[data-theme="light"]{background:var(--bg)}
html[data-theme="light"] body{background:var(--bg);color:var(--fg)}
html[data-theme="light"] a{color:inherit}
html[data-theme="light"] button{color:inherit}
html[data-theme="light"] .muted{color:var(--mute)}
html[data-theme="light"] .eyebrow{color:var(--blue2)}
html[data-theme="light"] .btn{border:0}
html[data-theme="light"] .btn-p{background:var(--fg);color:#F4F4F5}
html[data-theme="light"] .btn-p:hover{background:var(--blue)}
html[data-theme="light"] .btn-p .bi{background:#F4F4F5;color:var(--fg)}
html[data-theme="light"] .btn-s{background:rgba(0,0,0,0.07);color:var(--fg);border:1px solid rgba(0,0,0,0.16)}
html[data-theme="light"] .btn-s:hover{background:rgba(0,0,0,0.14)}
html[data-theme="light"] .lnk{background:linear-gradient(var(--blue),var(--blue)) 0 100%/0 2px no-repeat}
html[data-theme="light"] .lnk:hover{background-size:100% 2px}
html[data-theme="light"] :focus-visible{outline:2px solid var(--blue)}
html[data-theme="light"] .hdr{border-bottom:1px solid transparent}
html[data-theme="light"] .hdr.scrolled{background:rgba(255,255,255,0.72);border-color:var(--line)}
html[data-theme="light"] .logo b{color:var(--blue)}
html[data-theme="light"] .nav a{color:var(--mute)}
html[data-theme="light"] .nav a:hover, html[data-theme="light"] .nav a.on{color:var(--fg)}
html[data-theme="light"] .nav a.on::after{background:var(--blue)}
html[data-theme="light"] .burger{border:1px solid rgba(0,0,0,0.16);background:rgba(0,0,0,0.06)}
html[data-theme="light"] .mnav{background:#FFFFFF}
html[data-theme="light"] .hero{background:#050507}
html[data-theme="light"] .hero .shade{background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 55%,#000 100%)}
html[data-theme="light"] .hero .dummy{color:rgba(255,255,255,.55);border:1px dashed rgba(255,255,255,.25)}
html[data-theme="light"] .hero-role{color:#C7C7CC}
html[data-theme="light"] .scroll-cue{color:var(--mute)}
html[data-theme="light"] .scroll-cue i{background:linear-gradient(var(--fg),transparent)}
html[data-theme="light"] .cur{background:rgba(244,244,245,0.55);border:1px solid rgba(0,0,0,0.18)}
html[data-theme="light"] .cur .pb{background:var(--blue)}
html[data-theme="light"] .modal{background:rgba(0,0,0,.92)}
html[data-theme="light"] .modal .frame{background:#050507}
html[data-theme="light"] .modal .cap{color:#C7C7CC}
html[data-theme="light"] .loader .bar{background:#FFFFFF}
html[data-theme="light"] .loader .ln{background:var(--blue)}
html[data-theme="light"] .loader .rec{color:var(--mute)}
html[data-theme="light"] .loader .rec b{color:#E40D00}
html[data-theme="light"] .clients{border-bottom:1px solid var(--line)}
html[data-theme="light"] .marq span{color:#C0C0C6}
html[data-theme="light"] .marq span:hover{color:var(--fg)}
html[data-theme="light"] .marq em{color:var(--blue)}
html[data-theme="light"] .media{background:#F2F2F4}
html[data-theme="light"] .media .lbl{color:rgba(0,0,0,0.7);background:rgba(255,255,255,0.4)}
html[data-theme="light"] .g1{background:radial-gradient(60% 80% at 20% 30%,#2997FF 0%,transparent 60%),radial-gradient(50% 70% at 85% 70%,#7B3FE4 0%,transparent 60%),#05070D}
html[data-theme="light"] .g2{background:radial-gradient(70% 70% at 70% 30%,#FF7A45 0%,transparent 60%),radial-gradient(60% 70% at 15% 80%,#2A1B5E 0%,transparent 70%),#0B0705}
html[data-theme="light"] .g3{background:conic-gradient(from 200deg at 60% 50%,#0A5BD6,#00C2FF,#0A0A0B 40%,#0A5BD6),#000}
html[data-theme="light"] .g4{background:radial-gradient(60% 70% at 30% 60%,#F5C451 0%,transparent 55%),radial-gradient(60% 70% at 80% 20%,#E4405F 0%,transparent 60%),#0A0605}
html[data-theme="light"] .g5{background:radial-gradient(70% 70% at 50% 50%,#5BD884 0%,transparent 55%),radial-gradient(50% 50% at 90% 90%,#0A5BD6 0%,transparent 70%),#030806}
html[data-theme="light"] .g6{background:linear-gradient(135deg,#1A1A1F,#000 60%),repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 2px,transparent 2px 40px)}
html[data-theme="light"] .grain::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}
html[data-theme="light"] .wcard .cat{color:var(--blue2)}
html[data-theme="light"] .view{background:var(--fg);color:#FFFFFF}
html[data-theme="light"] .nums{background:radial-gradient(1000px 460px at 50% 0%,rgba(0,110,214,0.18),transparent 70%)}
html[data-theme="light"] .ngrid{border:1px solid #A3BFE1;background:rgba(227,235,247,0.55)}
html[data-theme="light"] .ncell{border-right:1px solid #A3BFE1;border-bottom:1px solid #A3BFE1}
html[data-theme="light"] .ncell .v{background:linear-gradient(180deg,#00264A 0%,#007EF5 55%,#0A5BD6 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-theme="light"] .ncell .dash{background:var(--blue)}
html[data-theme="light"] .ncell .d{color:#304760}
html[data-theme="light"] .crow{border:0;border-bottom:1px solid var(--line);background:none}
html[data-theme="light"] .crow:first-child{border-top:1px solid var(--line)}
html[data-theme="light"] .crow .n{color:#A5A5AB}
html[data-theme="light"] .crow .nm{color:#D2D2D6}
html[data-theme="light"] .crow .sk{color:var(--mute)}
html[data-theme="light"] .crow.on .nm{color:var(--fg)}
html[data-theme="light"] .crow.on .n{color:var(--blue)}
html[data-theme="light"] .capsec{border-top:1px solid var(--line);background:#FFFFFF}
html[data-theme="light"] .tcard{border:1px solid var(--line);background:#F2F2F4}
html[data-theme="light"] .tcard:hover{border-color:#D2D2D6}
html[data-theme="light"] .tcard.feat{border-color:#A3BFE1;background:linear-gradient(135deg,#E3EDF8,#FFFFFF 70%)}
html[data-theme="light"] .chip{color:#323237;border:1px solid #D2D2D6}
html[data-theme="light"] .st.live{background:#D5F1DE;color:#2DBD5C}
html[data-theme="light"] .st.wip{color:#CB920C}
html[data-theme="light"] .gif .fill{filter:saturate(.25) brightness(.7)}
html[data-theme="light"] .tcard:hover .gif .fill{filter:none}
html[data-theme="light"] .ui-mock{background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.12)}
html[data-theme="light"] .ui-mock i{background:rgba(255,255,255,.18)}
html[data-theme="light"] .ui-mock .wave b{background:var(--blue)}
html[data-theme="light"] .drag-hint{color:var(--dim)}
html[data-theme="light"] .dots button{border:0;background:none}
html[data-theme="light"] .dots i{background:#C0C0C6}
html[data-theme="light"] .dots button.on i{background:var(--blue)}
html[data-theme="light"] .foot{border-top:1px solid var(--line)}
html[data-theme="light"] .fcols h4{color:var(--dim)}
html[data-theme="light"] .fcols a, html[data-theme="light"] .fcols button{color:var(--mute);background:none;border:0}
html[data-theme="light"] .fcols a:hover, html[data-theme="light"] .fcols button:hover{color:var(--blue)}
html[data-theme="light"] .legal{color:var(--dim)}
html[data-theme="light"] .wp-top, html[data-theme="light"] .wp-bot{background:#F9F9FA}
html[data-theme="light"] .wp-top::after, html[data-theme="light"] .wp-bot::before{background:linear-gradient(90deg,transparent,rgba(0,126,245,0.9),transparent);box-shadow:0 0 16px 1px rgba(41,151,255,0.3)}
html[data-theme="light"] .wp-meta{color:var(--mute)}
html[data-theme="light"] .wp-meta .cut{color:var(--blue2)}
html[data-theme="light"] .wp-meta .rec{color:#B30000}
html[data-theme="light"] .wp-meta .rec::before{background:#E40D00;box-shadow:0 0 10px rgba(255,69,58,0.6)}
html[data-theme="light"] .wp-name span{color:var(--fg)}
html[data-theme="light"] .wp-rule{background:repeating-linear-gradient(90deg,rgba(0,0,0,0.28) 0 1px,transparent 1px 10px) bottom/100% 6px no-repeat,repeating-linear-gradient(90deg,rgba(0,0,0,0.5) 0 1px,transparent 1px 50px) bottom/100% 14px no-repeat;border-bottom:1px solid #D2D2D6}
html[data-theme="light"] .wp-head::before{background:var(--blue);box-shadow:0 0 10px rgba(41,151,255,0.48)}
html[data-theme="light"] .wp-head::after{border:6px solid transparent;border-top:7px solid var(--blue);border-bottom:0}
html[data-theme="light"] .wp-tc{color:var(--fg)}
html[data-theme="light"] .toast{background:#08080A;color:#FFFFFF}
html[data-theme="light"] .wmore .btn{box-shadow:0 0 0 1px rgba(41,151,255,0.0),0 14px 40px -12px rgba(41,151,255,0.33)}
html[data-theme="light"] .fpanel{border:1px solid #DEDEE1;background:linear-gradient(180deg,#F0F0F3,#F5F5F7)}
html[data-theme="light"] .fp-glow{background:radial-gradient(50% 50% at 30% 50%,rgba(0,110,214,0.16),transparent 70%),radial-gradient(40% 45% at 85% 40%,rgba(11,0,175,0.1),transparent 70%)}
html[data-theme="light"] .fbrand{border-bottom:1px solid #DEDEE1}
html[data-theme="light"] .fb-mark{color:var(--fg)}
html[data-theme="light"] .fb-mark span{color:var(--blue)}
html[data-theme="light"] .fb-line{color:var(--mute)}
html[data-theme="light"] .fb-time{border:1px solid #D2D2D6;background:rgba(0,0,0,0.03);color:var(--mute)}
html[data-theme="light"] .fb-time i{background:#2DBD5C;box-shadow:0 0 10px rgba(91,216,132,0.48)}
html[data-theme="light"] .fb-time b{color:var(--fg)}
html[data-theme="light"] .fb-top{background:var(--fg);color:#FFFFFF}
html[data-theme="light"] .fb-top:hover{background:var(--blue)}
html[data-theme="light"] .fb-top:focus-visible{outline:2px solid var(--blue)}
html[data-theme="light"] .fpanel .legal{border-top:1px solid #DEDEE1}
html[data-theme="light"] .wc-in{background:linear-gradient(180deg,#E7E7EB,#F2F2F4);border:1px solid #D8D8DD;box-shadow:0 40px 80px -30px rgba(20,24,40,0.18),inset 0 1px 0 rgba(20,24,40,0.03)}
html[data-theme="light"] .wc:hover .wc-in{border-color:#ADBED5;box-shadow:0 50px 90px -30px rgba(41,151,255,0.21),inset 0 1px 0 rgba(20,24,40,0.04)}
html[data-theme="light"] .wc-media{background:#0B0B0D}
html[data-theme="light"] .wc-lbl{color:rgba(0,0,0,0.75);background:rgba(255,255,255,0.45)}
html[data-theme="light"] .wc-cat{color:var(--blue2)}
html[data-theme="light"] .wc-t{color:var(--fg)}
html[data-theme="light"] .wc-p{color:var(--mute)}
html[data-theme="light"] .wc-foot{border-top:1px solid #DEDEE1;color:var(--fg)}
html[data-theme="light"] .wc-foot i{background:#DEDEE3}
html[data-theme="light"] .wc:hover .wc-foot i{background:var(--blue);color:#FFFFFF}
html[data-theme="light"] .wc-tool .wc-media .fill{filter:saturate(.35) brightness(.75)}
html[data-theme="light"] .wc-tool:hover .wc-media .fill{filter:none}
html[data-theme="light"] .sb::before{background:rgba(0,0,0,0.07)}
html[data-theme="light"] .sb-thumb{background:rgba(0,0,0,0.32)}
html[data-theme="light"] .sb.on .sb-thumb{background:linear-gradient(180deg,#0066C4,var(--blue));box-shadow:0 0 12px rgba(41,151,255,0.39)}
html[data-theme="light"] .sb:hover::before{background:rgba(0,0,0,0.12)}
html[data-theme="light"] .sb:hover .sb-thumb, html[data-theme="light"] .sb.drag .sb-thumb{background:linear-gradient(180deg,#0066C4,var(--blue));box-shadow:0 0 14px rgba(41,151,255,0.45)}
@media (min-width:901px){html[data-theme="light"] .ch-n b{color:var(--blue2)}
html[data-theme="light"] .ch-n i{color:var(--dim)}
html[data-theme="light"] .ch-t{color:var(--fg)}
html[data-theme="light"] .ch-sk span{color:#28282D;border:1px solid #D2D2D6;background:rgba(0,0,0,0.03)}
html[data-theme="light"] .capsec .crow, html[data-theme="light"] .capsec .crow:first-child{border:0;border-top:2px solid #DEDEE1}
html[data-theme="light"] .capsec .crow::before{background:var(--blue);box-shadow:0 0 10px rgba(41,151,255,0.36)}
html[data-theme="light"] .capsec .crow .nm{color:#8E8E93}
html[data-theme="light"] .capsec .crow.on .nm{color:var(--fg)}
html[data-theme="light"] .caps .stage .media{background:none}
html[data-theme="light"] .cap-card{background:#0B0B0D;border:1px solid #232328;box-shadow:0 30px 60px -24px rgba(0,0,0,.95)}
html[data-theme="light"] .cap-card .cl{color:rgba(255,255,255,.8);background:rgba(0,0,0,.45)}}
html[data-theme="light"] .thm{border:1px solid rgba(0,0,0,0.16);background:rgba(0,0,0,0.06);color:var(--fg)}
html[data-theme="light"] .thm:hover{background:rgba(0,0,0,0.12)}
html[data-theme="light"] .thm:focus-visible{outline:2px solid var(--blue)}
/* shared.css */
html[data-theme="light"] .sel{border:1px solid #D2D2D6;background:#FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23A1A1A6' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center;color:var(--fg)}
html[data-theme="light"] .seg{border:1px solid #D2D2D6}
html[data-theme="light"] .seg button{color:var(--mute)}
html[data-theme="light"] .seg button.on{background:var(--fg);color:#FFFFFF}
html[data-theme="light"] .whero p.lead{color:var(--mute)}
html[data-theme="light"] .lens{border:1px solid #D2D2D6;background:#F2F2F4;color:#28282D}
html[data-theme="light"] .lens:hover{border-color:#C0C0C6;color:var(--fg)}
html[data-theme="light"] .lens .li{background:#E3E3E7;color:var(--mute)}
html[data-theme="light"] .lens.on{border-color:var(--blue);background:#D3E3F5;color:var(--fg)}
html[data-theme="light"] .lens.on .li{background:var(--blue);color:#FFFFFF}
html[data-theme="light"] .refine{border:1px solid var(--line);background:#F7F7F8}
html[data-theme="light"] .reset{color:var(--blue2)}
html[data-theme="light"] .reset:hover{color:var(--blue)}
html[data-theme="light"] .csel-btn{border:1px solid #D2D2D6;background:#FFFFFF;color:var(--fg)}
html[data-theme="light"] .csel-btn:hover{border-color:#C0C0C6;background:#F2F2F4}
html[data-theme="light"] .csel-k{color:var(--dim)}
html[data-theme="light"] .csel-chev{color:var(--mute)}
html[data-theme="light"] .csel-menu{border:1px solid #D2D2D6;background:rgba(238,238,241,0.96);box-shadow:0 24px 60px rgba(20,24,40,0.11);scrollbar-color:#C0C0C6 transparent}
html[data-theme="light"] .csel-menu::-webkit-scrollbar-thumb{background:#C0C0C6}
html[data-theme="light"] .csel-menu::-webkit-scrollbar-track{background:transparent}
html[data-theme="light"] .csel-opt{color:#323237}
html[data-theme="light"] .csel-opt:hover, html[data-theme="light"] .csel-opt:focus{background:#DEDEE3;color:var(--fg);outline:none}
html[data-theme="light"] .csel-opt .csel-tick{color:var(--blue)}
html[data-theme="light"] .csel-opt.on{color:var(--fg)}
html[data-theme="light"] .csel-btn:focus-visible{outline:2px solid var(--blue)}
html[data-theme="light"] .csel-btn.set{border-color:#7FAFE1;background:#D3E3F5}
html[data-theme="light"] .csel-btn.set .csel-k{color:var(--blue2)}
html[data-theme="light"] .csel.open .csel-btn{border-color:var(--blue)}
html[data-theme="light"] .pbtn{border:1px solid #7FAFE1;background:#D3E3F5;color:var(--blue2)}
html[data-theme="light"] .pbtn:hover{background:var(--blue);color:#FFFFFF;border-color:var(--blue)}
html[data-theme="light"] .st.wip{background:#F7F3E1}
html[data-theme="light"] .st.live::before{background:currentColor;box-shadow:0 0 0 0 currentColor}
html[data-theme="light"] .dot{background:#2DBD5C}
html[data-theme="light"] .foot-next p{color:var(--mute)}
html[data-theme="light"] .fn-links a{border:1px solid var(--line);background:#F2F2F4}
html[data-theme="light"] .fn-links small{color:var(--mute)}
html[data-theme="light"] .fn-links svg{color:var(--dim)}
html[data-theme="light"] .fn-links a:hover{border-color:#A3BFE1;background:#E3EDF8}
html[data-theme="light"] .fn-links a:hover svg{color:var(--blue)}
/* private-view.css */
html[data-theme="light"] .gate{background:rgba(255,255,255,0.55)}
html[data-theme="light"] .gcard{border:1px solid #A3BFE1;background:radial-gradient(500px 260px at 80% 0%,rgba(0,110,214,0.16),transparent 70%),#F4F5F8;box-shadow:0 40px 120px rgba(20,24,40,0.12)}
html[data-theme="light"] .gx{color:var(--mute);border:1px solid #D2D2D6}
html[data-theme="light"] .gx:hover{color:var(--fg);border-color:#C0C0C6}
html[data-theme="light"] .glock{background:#C7DBF1;color:var(--blue)}
html[data-theme="light"] .gtext{color:#323237}
html[data-theme="light"] .ginc{border:1px solid var(--line);background:#F2F2F4}
html[data-theme="light"] .ginc li{color:#28282D}
html[data-theme="light"] .ginc li b{color:var(--fg)}
html[data-theme="light"] .ginc li i{background:#C7DBF1;color:var(--blue)}
html[data-theme="light"] .glab{color:var(--dim)}
html[data-theme="light"] .gfield{border:1px solid #D2D2D6;background:#FFFFFF}
html[data-theme="light"] .gfield:focus-within{border-color:var(--blue)}
html[data-theme="light"] .gfield.bad{border-color:#E40D00}
html[data-theme="light"] .gfield input{color:var(--fg)}
html[data-theme="light"] .gfield input::placeholder{color:var(--dim)}
html[data-theme="light"] .geye{color:var(--blue2)}
html[data-theme="light"] .geye:hover{background:#E7E7EB}
html[data-theme="light"] .gerr{color:#BD0C00}
html[data-theme="light"] .glink{color:var(--mute)}
html[data-theme="light"] .glink:hover{color:var(--blue)}
html[data-theme="light"] .gfine{color:var(--dim);border-top:1px solid var(--line)}
html[data-theme="light"] .gate .glink:focus-visible, html[data-theme="light"] .gx:focus-visible, html[data-theme="light"] .geye:focus-visible{outline:2px solid var(--blue)}
html[data-theme="light"] .pbar{background:rgba(221,231,245,0.85);border:1px solid #7FAFE1;color:#112338}
html[data-theme="light"] .pbar b{color:var(--fg)}
html[data-theme="light"] .pdot{background:var(--blue);box-shadow:0 0 0 4px rgba(41,151,255,0.12)}
html[data-theme="light"] .pbar button{color:#FFFFFF;background:var(--fg)}
html[data-theme="light"] .pbar button:hover{background:var(--blue)}
html[data-theme="light"] .pnote{background:#F2F2F4;border:1px solid #D2D2D6;box-shadow:0 30px 80px rgba(20,24,40,0.1)}
html[data-theme="light"] .pnote p{color:var(--mute)}
html[data-theme="light"] .item .pvt{background:rgba(211,227,245,0.85);color:var(--blue2);border:1px solid #7FAFE1}
html[data-theme="light"] .pcard .kind.pvt2{background:rgba(211,227,245,0.9);color:var(--blue2);border:1px solid #7FAFE1}
html[data-theme="light"] .pvt-inline{color:var(--blue2)}
/* case-study.css */
html[data-theme="light"] .short small{color:var(--dim)}
html[data-theme="light"] .lens:focus-visible{outline:2px solid var(--blue)}
html[data-theme="light"] .lenshint{color:var(--mute)}
html[data-theme="light"] .lenshint b{color:var(--blue2)}
html[data-theme="light"] .refine .sum b{color:var(--fg)}
html[data-theme="light"] .chero .sub{color:var(--mute)}
html[data-theme="light"] .facts{background:var(--line);border:1px solid var(--line)}
html[data-theme="light"] .facts div{background:#FFFFFF}
html[data-theme="light"] .facts small{color:var(--dim)}
html[data-theme="light"] .facts .tl span{border:1px solid #D2D2D6}
html[data-theme="light"] .cblock{border-top:1px solid var(--line)}
html[data-theme="light"] .cblock .lab{color:var(--blue2)}
html[data-theme="light"] .cblock .txt{color:#323237}
html[data-theme="light"] .pane{border:1px solid var(--line);background:#F5F5F7}
html[data-theme="light"] .rgroup{border:1px solid var(--line);background:#F5F5F7}
html[data-theme="light"] .rgroup small{color:var(--dim)}
html[data-theme="light"] .rgroup small i{background:var(--blue)}
html[data-theme="light"] .rgroup.team small i{background:#A5A5AB}
html[data-theme="light"] .rolechips span{border:1px solid #7FAFE1;background:#D3E3F5;color:var(--fg)}
html[data-theme="light"] .rolechips span svg{color:var(--blue)}
html[data-theme="light"] .rolechips span.cr{border-color:#D2D2D6;background:#EBEBEE;color:var(--mute)}
html[data-theme="light"] .ba .knob{background:var(--fg)}
html[data-theme="light"] .ba .knob span{background:var(--fg);color:#FFFFFF}
html[data-theme="light"] .ba .tg{background:rgba(255,255,255,0.55)}
html[data-theme="light"] .slider .ctr{background:rgba(255,255,255,0.6)}
html[data-theme="light"] .slider .th button{outline:2px solid transparent}
html[data-theme="light"] .slider .th button.on{outline-color:var(--blue)}
html[data-theme="light"] .slider .th button span.t{color:#000000;text-shadow:0 1px 4px rgba(20,24,40,0.2)}
html[data-theme="light"] .vplay{background:rgba(0,126,245,0.95)}
html[data-theme="light"] .impact div{border:1px solid #A3BFE1;background:rgba(227,235,247,0.55)}
html[data-theme="light"] .impact p.v{background:linear-gradient(180deg,#00264A,#007EF5 60%,#0A5BD6);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-theme="light"] .impact p.d{color:#304760}
html[data-theme="light"] .cnext{border-top:1px solid var(--line)}
html[data-theme="light"] .cnext .fill{filter:brightness(.55)}
html[data-theme="light"] .crumbs2{color:var(--mute)}
html[data-theme="light"] .crumbs2 a{color:var(--blue2)}
html[data-theme="light"] .pbtn:focus-visible{outline:2px solid var(--blue)}
html[data-theme="light"] .pbtn.on{background:transparent;border-color:#D2D2D6;color:var(--mute)}
html[data-theme="light"] .pbtn.on:hover{color:var(--fg);border-color:#C0C0C6;background:#EBEBEE}
html[data-theme="light"] .ctabs{background:rgba(255,255,255,0.82);border-bottom:1px solid var(--line)}
html[data-theme="light"] .ctab{color:var(--mute)}
html[data-theme="light"] .ctab:hover{color:var(--fg)}
html[data-theme="light"] .ctab.on{color:#FFFFFF}
html[data-theme="light"] .ctab .k{color:var(--dim)}
html[data-theme="light"] .ctab.on .k{color:rgba(255,255,255,0.55)}
html[data-theme="light"] .ctab:focus-visible{outline:2px solid var(--blue)}
html[data-theme="light"] .ctabs-ind{background:var(--fg)}
html[data-theme="light"] .ctabs-ar{border:1px solid #D2D2D6;color:var(--fg)}
html[data-theme="light"] .ctabs-ar:hover{background:#E3E3E7;border-color:#C0C0C6}
html[data-theme="light"] .ctabs-ar:focus-visible{outline:2px solid var(--blue)}
html[data-theme="light"] .ctabs-n{color:var(--dim)}
html[data-theme="light"] .cback{border:1px solid #D2D2D6;color:var(--fg)}
html[data-theme="light"] .cback:hover{background:#E3E3E7;border-color:#C0C0C6}
html[data-theme="light"] .cback:focus-visible{outline:2px solid var(--blue)}
html[data-theme="light"] .ctabs-t{color:var(--mute)}
html[data-theme="light"] .pcard{background:#F2F2F4;border:1px solid #DEDEE1;box-shadow:var(--sx,0) var(--sy,20px) 50px -24px rgba(20,24,40,0.18)}
html[data-theme="light"] .pcard:hover{border-color:#CFD7E5;box-shadow:var(--sx,0) var(--sy,30px) 70px -26px rgba(41,151,255,0.21)}
html[data-theme="light"] .pcard .kind{background:rgba(255,255,255,0.6);color:var(--fg)}
html[data-theme="light"] .pcard .kind.cs{background:var(--fg);color:#FFFFFF}
html[data-theme="light"] .pcard .best{background:var(--blue);color:#FFFFFF}
html[data-theme="light"] .pcard .cat{color:var(--blue2)}
html[data-theme="light"] .pcard h3{color:var(--fg)}
html[data-theme="light"] .pcard .who{color:var(--mute)}
html[data-theme="light"] .pcard .role{color:var(--dim)}
html[data-theme="light"] .pc-go{color:var(--fg);border-top:1px solid #DEDEE1}
html[data-theme="light"] .pc-go i{background:#E3E3E7}
html[data-theme="light"] .pcard:hover .pc-go i{background:var(--blue);color:#FFFFFF}
html[data-theme="light"] .pc-edge{background:radial-gradient(320px circle at var(--gx,50%) var(--gy,50%),#0056A2,rgba(0,126,245,0.7) 30%,transparent 70%)}
html[data-theme="light"] .pcard:focus-visible{outline:2px solid var(--blue)}
/* gallery.css */
html[data-theme="light"] .ghero p{color:var(--mute)}
html[data-theme="light"] .search{border:1px solid #D2D2D6;background:#F2F2F4}
html[data-theme="light"] .search:focus-within{border-color:var(--blue)}
html[data-theme="light"] .search input{color:var(--fg)}
html[data-theme="light"] .search input::placeholder{color:var(--dim)}
html[data-theme="light"] .search .kbd{color:var(--dim);border:1px solid #D2D2D6}
html[data-theme="light"] .tabbar{background:rgba(255,255,255,0.86);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
html[data-theme="light"] .tab{color:#7F7F85}
html[data-theme="light"] .tab:hover{color:var(--fg)}
html[data-theme="light"] .tab .ic{color:#B0B0B6}
html[data-theme="light"] .tab .ct{color:var(--dim)}
html[data-theme="light"] .tab.on{color:var(--fg)}
html[data-theme="light"] .tab.on .ic{color:var(--blue)}
html[data-theme="light"] .tab::after{background:var(--blue)}
html[data-theme="light"] .tab:focus-visible{outline:2px solid var(--blue)}
html[data-theme="light"] .fbtn{border:1px solid #D2D2D6}
html[data-theme="light"] .fbtn:hover{border-color:#C0C0C6}
html[data-theme="light"] .fbtn.on{background:var(--fg);color:#FFFFFF;border-color:var(--fg)}
html[data-theme="light"] .fbtn:focus-visible{outline:2px solid var(--blue)}
html[data-theme="light"] .drawer{border-bottom:1px solid transparent;background:#F7F7F8}
html[data-theme="light"] .drawer.open{border-color:var(--line)}
html[data-theme="light"] .drawer label{color:var(--dim)}
html[data-theme="light"] .mchip{color:var(--fg);background:#E7E7EB;border:1px solid #D2D2D6}
html[data-theme="light"] .mchip:hover{border-color:var(--blue)}
html[data-theme="light"] .item{background:#F2F2F4}
html[data-theme="light"] .item.vid .fill{filter:saturate(.8)}
html[data-theme="light"] .item.vid:hover .fill{filter:none}
html[data-theme="light"] .item .ov{background:linear-gradient(180deg,rgba(255,255,255,0.0),rgba(255,255,255,0.85))}
html[data-theme="light"] .item .ov b{color:var(--fg)}
html[data-theme="light"] .item .ov small{color:#48484E}
html[data-theme="light"] .item .badge{background:rgba(255,255,255,0.55);color:var(--fg)}
html[data-theme="light"] .item .star{background:rgba(0,126,245,0.92);color:#FFFFFF}
html[data-theme="light"] .item:focus-visible{outline:2px solid var(--blue)}
html[data-theme="light"] .loadmore{color:var(--dim)}
html[data-theme="light"] .empty{border:1px dashed #D2D2D6;color:var(--mute)}
html[data-theme="light"] .album .stack .media:nth-child(1){filter:brightness(.5)}
html[data-theme="light"] .album .stack .media:nth-child(2){filter:brightness(.65)}
html[data-theme="light"] .album:focus-visible{outline:2px solid var(--blue)}
html[data-theme="light"] .client{border:1px solid var(--line);background:#F2F2F4}
html[data-theme="light"] .client:hover{border-color:var(--blue)}
html[data-theme="light"] .client small{color:var(--mute)}
html[data-theme="light"] .client:focus-visible{outline:2px solid var(--blue)}
html[data-theme="light"] .crumbs{color:var(--mute)}
html[data-theme="light"] .crumbs button{color:var(--blue2)}
html[data-theme="light"] .crumbs button:hover{color:var(--blue)}
html[data-theme="light"] .anext{border-top:1px solid var(--line)}
html[data-theme="light"] .anext button:hover b{color:var(--blue)}
html[data-theme="light"] .lb{background:#000}
html[data-theme="light"] .lb .top p{color:var(--mute)}
html[data-theme="light"] .lb .top p b{color:var(--fg)}
html[data-theme="light"] .lb .play{background:rgba(41,151,255,.95)}
html[data-theme="light"] .lb .vbar{background:rgba(255,255,255,.2)}
html[data-theme="light"] .lb .vbar i{background:var(--fg)}
html[data-theme="light"] .lb .bot small{color:var(--mute)}
html[data-theme="light"] .lb .thumbs button{outline:2px solid transparent}
html[data-theme="light"] .lb .thumbs button.on{outline-color:var(--blue)}
html[data-theme="light"] .gchips .lens .ct{color:var(--dim)}
html[data-theme="light"] .gchips .lens.on .ct{color:var(--blue2)}
html[data-theme="light"] .album .stack .pvt{background:rgba(211,227,245,0.88);color:var(--blue2);border:1px solid #7FAFE1}
/* free-plugins.css */
html[data-theme="light"] #tkCats .lens .ct{color:var(--dim)}
html[data-theme="light"] #tkCats .lens.on .ct{color:var(--blue2)}
html[data-theme="light"] .tk-card{border:1px solid #DEDEE1;background:#F2F2F4;box-shadow:var(--sx,0) var(--sy,20px) 50px -24px rgba(20,24,40,0.18)}
html[data-theme="light"] .tk-card:hover{border-color:#CFD7E5;box-shadow:var(--sx,0) var(--sy,30px) 70px -26px rgba(41,151,255,0.21)}
html[data-theme="light"] .tk-card:focus-visible{outline:2px solid var(--blue)}
html[data-theme="light"] .tk-card .pc-edge{background:radial-gradient(320px circle at var(--gx,50%) var(--gy,50%),#0056A2,rgba(0,126,245,0.7) 30%,transparent 70%)}
html[data-theme="light"] .tk-card .gif .fill{filter:saturate(.7) brightness(.8)}
html[data-theme="light"] .tk-card:hover .gif .fill, html[data-theme="light"] .tk-card.play .gif .fill{filter:none}
html[data-theme="light"] .tk-card .kind{background:rgba(255,255,255,0.6);color:var(--fg)}
html[data-theme="light"] .tk-card .hov{color:rgba(0,0,0,0.55)}
html[data-theme="light"] .tk-card .line{color:var(--mute)}
html[data-theme="light"] .tk-card .compat{color:var(--dim)}
html[data-theme="light"] .st.beta{background:#F7EFD5;color:#CB920C}
html[data-theme="light"] .st.soon{background:#E5E5E9;color:#58585D}
html[data-theme="light"] .btn-dl{background:var(--fg);color:#F4F4F5}
html[data-theme="light"] .btn-dl:hover{background:var(--blue)}
html[data-theme="light"] .btn-dl .bi{background:#F4F4F5;color:var(--fg)}
html[data-theme="light"] .btn-gh{border:1px solid #D2D2D6;color:var(--fg)}
html[data-theme="light"] .btn-gh:hover{border-color:#C0C0C6;background:#E8E8EB}
html[data-theme="light"] .btn-gh.on{border-color:#7FAFE1;color:var(--blue2)}
html[data-theme="light"] .tk-card .det{border-top:1px solid #DEDEE1;color:var(--fg)}
html[data-theme="light"] .tk-card .det i{background:#E3E3E7}
html[data-theme="light"] .tk-card:hover .det i{background:var(--blue);color:#FFFFFF}
html[data-theme="light"] .tk-ask{border:1px dashed #D2D2D6;background:linear-gradient(135deg,#E3EDF8,#FFFFFF 70%)}
html[data-theme="light"] .tk-ask:hover{border-color:#7FAFE1}
html[data-theme="light"] .tk-ask p{color:var(--mute)}
html[data-theme="light"] .tk-why-list>div{border-bottom:1px solid var(--line)}
html[data-theme="light"] .tk-why-list>div:first-child{border-top:1px solid var(--line)}
html[data-theme="light"] .tk-why-list b{color:var(--blue)}
html[data-theme="light"] .tkp-bg{background:rgba(255,255,255,0.6)}
html[data-theme="light"] .tkp-panel{background:#F8F8F9;border-left:1px solid #E0E0E3;scrollbar-color:#D2D2D6 transparent}
html[data-theme="light"] .tkp-panel::-webkit-scrollbar-thumb{background:#D2D2D6}
html[data-theme="light"] .tkp-top{background:rgba(248,248,249,0.85);border-bottom:1px solid #E9E9EB}
html[data-theme="light"] .tkp-crumb{color:var(--dim)}
html[data-theme="light"] .tkp-ic{border:1px solid #D2D2D6;color:var(--fg)}
html[data-theme="light"] .tkp-ic:hover{background:#E3E3E7;border-color:#C0C0C6}
html[data-theme="light"] .tkp-ic:focus-visible{outline:2px solid var(--blue)}
html[data-theme="light"] .tkp-head p{color:var(--mute)}
html[data-theme="light"] .tkp-demo .play{background:rgba(8,8,10,0.95);color:#FFFFFF}
html[data-theme="light"] .tkp-demo .play i{background:#FFFFFF;color:#000000}
html[data-theme="light"] .tkp-shots .media{border:1px solid transparent}
html[data-theme="light"] .tkp-shots .media:hover{border-color:#C0C0C6}
html[data-theme="light"] .tkp-shots .media span.n{color:rgba(0,0,0,0.6)}
html[data-theme="light"] .tkp-get{border:1px solid #E0E0E3;background:#F2F2F4}
html[data-theme="light"] .tkp-get small{color:var(--dim)}
html[data-theme="light"] .tkp-get .ghrow{border-top:1px solid #E0E0E3}
html[data-theme="light"] .tkp-notify input{border:1px solid #D2D2D6;background:#FFFFFF;color:var(--fg)}
html[data-theme="light"] .tkp-notify input:focus{border-color:var(--blue)}
html[data-theme="light"] .tkp-notify input::placeholder{color:var(--dim)}
html[data-theme="light"] .tkp-sec h4{color:var(--blue2)}
html[data-theme="light"] .tkp-sec p{color:#28282D}
html[data-theme="light"] .tkp-panel:focus{outline:none}
html[data-theme="light"] .tkp-feat li{color:#28282D}
html[data-theme="light"] .tkp-feat li::before{background:#D3E3F5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232997FF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center/12px no-repeat}
html[data-theme="light"] .tkp-steps div{border:1px solid #E0E0E3}
html[data-theme="light"] .tkp-steps b{background:var(--blue);color:#FFFFFF}
html[data-theme="light"] .tkp-steps p{color:var(--mute)}
html[data-theme="light"] .tkp-steps p strong{color:var(--fg)}
html[data-theme="light"] .tkp-ver div{border-top:1px solid #E0E0E3}
html[data-theme="light"] .tkp-ver div:last-child{border-bottom:1px solid #E0E0E3}
html[data-theme="light"] .tkp-ver span{color:var(--mute)}
html[data-theme="light"] .tkp-ver em{color:var(--dim)}
html[data-theme="light"] .tkp-nav button{border:1px solid #E0E0E3}
html[data-theme="light"] .tkp-nav button:hover{border-color:#D2D2D6;background:#F2F2F4}
html[data-theme="light"] .tkp-nav small{color:var(--dim)}
html[data-theme="light"] .tk-stats b{color:var(--fg)}
html[data-theme="light"] .tk-stats div:first-child b{color:var(--blue)}
html[data-theme="light"] .tk-stats span{color:var(--mute)}
html[data-theme="light"] .tk-card .kind.free, html[data-theme="light"] .chip.free{background:var(--blue);color:#FFFFFF;border-color:var(--blue)}
html[data-theme="light"] .tk-like{border:1px solid #D2D2D6;color:var(--mute)}
html[data-theme="light"] .tk-like:hover{border-color:#C0C0C6;color:var(--fg)}
html[data-theme="light"] .tk-like.on{color:#C40026;border-color:#E0A5B2;background:#F5E5EA}
html[data-theme="light"] .tk-like b{color:var(--fg)}
html[data-theme="light"] .tk-like:focus-visible{outline:2px solid var(--blue)}
html[data-theme="light"] .tk-stat{color:var(--mute)}
html[data-theme="light"] .tk-stat b{color:var(--fg)}
html[data-theme="light"] .tk-stat svg{color:var(--blue)}
html[data-theme="light"] .stars i{color:#D2D2D6}
html[data-theme="light"] .stars i.on{color:#CB920C}
html[data-theme="light"] .stars i.half{color:#CFB575}
html[data-theme="light"] .tkc-sum span{color:var(--mute)}
html[data-theme="light"] .tkc-form{border:1px solid #E0E0E3;background:#F2F2F4}
html[data-theme="light"] .tkc-form input, html[data-theme="light"] .tkc-form textarea{border:1px solid #D2D2D6;background:#FFFFFF;color:var(--fg)}
html[data-theme="light"] .tkc-form input:focus, html[data-theme="light"] .tkc-form textarea:focus{border-color:var(--blue)}
html[data-theme="light"] .tkc-form ::placeholder{color:var(--dim)}
html[data-theme="light"] .tkc-form small{color:var(--dim)}
html[data-theme="light"] .tkc-rate button{color:#D2D2D6}
html[data-theme="light"] .tkc-rate button.on{color:#CB920C}
html[data-theme="light"] .tkc-rate button:focus-visible{outline:2px solid var(--blue)}
html[data-theme="light"] .tkc-rate span{color:var(--mute)}
html[data-theme="light"] .tkc{border-bottom:1px solid #E0E0E3}
html[data-theme="light"] .tkc-top>span:last-child{color:var(--dim)}
html[data-theme="light"] .tkc-role{color:var(--mute)}
html[data-theme="light"] .tkc p{color:#28282D}
html[data-theme="light"] .tkc.mine{border-left:2px solid var(--blue)}
html[data-theme="light"] .tkc em{color:var(--blue2)}
/* about.css */
html[data-theme="light"] .ab-lead{color:var(--fg)}
html[data-theme="light"] .ab-p{color:var(--mute)}
html[data-theme="light"] .ab-now{border:1px solid #A3BFE1;background:#E3EDF8}
html[data-theme="light"] .ab-now p{color:#152538}
html[data-theme="light"] .ab-now b{color:var(--fg)}
html[data-theme="light"] .ab-now .dot{background:#2DBD5C}
html[data-theme="light"] .ab-portrait .fill{background:radial-gradient(55% 45% at 50% 38%,#3A4A5E 0%,transparent 70%),radial-gradient(70% 50% at 50% 100%,#1B2533 0%,transparent 70%),radial-gradient(40% 40% at 85% 15%,rgba(41,151,255,.45) 0%,transparent 70%),#07090D;filter:grayscale(.3)}
html[data-theme="light"] .ab-portrait figcaption{color:rgba(0,0,0,0.55)}
html[data-theme="light"] .ab-sec{border-top:1px solid var(--line)}
html[data-theme="light"] .ab-line{background:#E0E0E3}
html[data-theme="light"] .ab-line i{background:linear-gradient(180deg,#0059B2,var(--blue))}
html[data-theme="light"] .ab-dot{background:#FFFFFF;border:2px solid #D2D2D6}
html[data-theme="light"] .ab-job.lit .ab-dot{border-color:var(--blue);background:var(--blue);box-shadow:0 0 0 5px rgba(41,151,255,0.096)}
html[data-theme="light"] .ab-when{color:var(--dim)}
html[data-theme="light"] .ab-job.lit .ab-when{color:var(--blue2)}
html[data-theme="light"] .ab-tag{background:#D5F1DE;color:#2DBD5C}
html[data-theme="light"] .ab-job h3{color:#8E8E93}
html[data-theme="light"] .ab-job.lit h3{color:var(--fg)}
html[data-theme="light"] .ab-co{color:var(--mute)}
html[data-theme="light"] .ab-what{color:var(--mute)}
html[data-theme="light"] .ab-ic{background:#D3E3F5;color:var(--blue)}
html[data-theme="light"] .ab-up{background:#D3E3F5;color:var(--blue2)}
html[data-theme="light"] .ab-job.now .ab-dot{border-color:#2DBD5C}
html[data-theme="light"] .ab-job.now.lit .ab-dot{background:#2DBD5C;border-color:#2DBD5C;box-shadow:0 0 0 5px rgba(91,216,132,0.108)}
html[data-theme="light"] .ab-tail{background:linear-gradient(180deg,#2DBD5C,rgba(39,164,80,0.15))}
html[data-theme="light"] .ab-tail i{background:linear-gradient(180deg,transparent,#001909)}
html[data-theme="light"] .ab-gdot{border:2px dashed #B5C5BF;background:#FFFFFF}
html[data-theme="light"] .ab-gdot::after{border:1px solid rgba(39,164,80,0.0)}
html[data-theme="light"] .ab-tl.end-on .ab-gdot{border-color:#2DBD5C}
html[data-theme="light"] .ab-tl.end-on .ab-gdot::after{border-color:rgba(39,164,80,0.18)}
html[data-theme="light"] .ab-next{border:1px dashed #C5D5CE;background:radial-gradient(80% 120% at 0% 0%,rgba(39,164,80,0.07),transparent 60%),#F8FAF9}
html[data-theme="light"] .ab-tl.end-on .ab-next{border-color:#A5D0BA}
html[data-theme="light"] .ab-next::before{background:linear-gradient(110deg,transparent 30%,rgba(0,0,0,0.04) 50%,transparent 70%)}
html[data-theme="light"] .ab-tag-wip{background:#D5F1DE;color:#2DBD5C}
html[data-theme="light"] .ab-type{color:var(--fg)}
html[data-theme="light"] .ab-type .lbl{color:#93A29B}
html[data-theme="light"] .ab-caret{background:#2DBD5C}
html[data-theme="light"] .ab-chs::before{background:#E0E0E3}
html[data-theme="light"] .ab-chm{background:var(--blue);box-shadow:0 0 12px rgba(41,151,255,0.36)}
html[data-theme="light"] .ab-ch{border-bottom:1px solid #EBEBED}
html[data-theme="light"] .ab-ch:last-child{border-bottom:0}
html[data-theme="light"] .ab-ch .n{color:#B0B0B6}
html[data-theme="light"] .ab-ch .yr{color:#B0B0B6}
html[data-theme="light"] .ab-ch h3{color:#CDCDD2}
html[data-theme="light"] .ab-ch .more p{color:var(--mute)}
html[data-theme="light"] .ab-ch .more span{color:#152538;border:1px solid #A3BFE1;background:#E3EDF8}
html[data-theme="light"] .ab-ch:hover h3{color:#A5A5AB}
html[data-theme="light"] .ab-ch.on .n, html[data-theme="light"] .ab-ch.on .yr{color:var(--blue2)}
html[data-theme="light"] .ab-ch.on h3{color:var(--fg)}
html[data-theme="light"] .ab-ch:focus-visible{outline:2px solid var(--blue)}
@media (max-width:900px){html[data-theme="light"] .ab-jside{background:#FFFFFF}
html[data-theme="light"] .ab-jside::after{background:linear-gradient(180deg,#FFFFFF,rgba(255,255,255,0.0))}
html[data-theme="light"] .ab-ch{border:0}
html[data-theme="light"] .ab-ch .top .n::after{color:#B0B0B6}}
html[data-theme="light"] .sk{border:1px solid #DEDEE1;background:linear-gradient(180deg,#EDEDF0,#F3F3F5);box-shadow:0 -30px 60px -30px rgba(20,24,40,0.19)}
html[data-theme="light"] .sk-glow{background:radial-gradient(55% 80% at 95% 0%,color-mix(in srgb,var(--g) 26%,transparent),transparent 70%)}
html[data-theme="light"] .sk-n{color:var(--dim)}
html[data-theme="light"] .sk-ic{color:var(--g);background:color-mix(in srgb,var(--g) 12%,#F2F2F4);border:1px solid color-mix(in srgb,var(--g) 35%,transparent)}
html[data-theme="light"] .sk-list li{border-top:1px solid #DEDEE1;color:#28282D}
html[data-theme="light"] .sk-list li:last-child{border-bottom:1px solid #DEDEE1}
html[data-theme="light"] .sk-list li::after{background:var(--g);box-shadow:0 0 12px var(--g)}
html[data-theme="light"] .ab-ap{border:1px solid #DEDEE1;background:linear-gradient(180deg,#EBEBEE,#F3F3F5)}
html[data-theme="light"] .ab-ap::before{background:radial-gradient(closest-side,color-mix(in srgb,var(--g) 30%,transparent),transparent)}
html[data-theme="light"] .ab-ap:hover{border-color:color-mix(in srgb,var(--g) 40%,#DEDEE1)}
html[data-theme="light"] .ab-mk{background:linear-gradient(160deg,#DDDDE1,#EAEAED);border:1px solid #D2D2D6;box-shadow:inset 0 1px 0 rgba(20,24,40,0.04);color:transparent;background-clip:padding-box}
html[data-theme="light"] .ab-mk span{background:linear-gradient(180deg,#000000,#5C5C63);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-theme="light"] .ab-ap:hover .ab-mk span{background:linear-gradient(180deg,#000000,var(--g))}
html[data-theme="light"] .ab-ap small{color:var(--mute)}
html[data-theme="light"] .ab-track{border-bottom:1px solid #D2D2D6;background:repeating-linear-gradient(90deg,rgba(0,0,0,0.22) 0 1px,transparent 1px 12px) bottom/100% 7px no-repeat,repeating-linear-gradient(90deg,rgba(0,0,0,0.4) 0 1px,transparent 1px 60px) bottom/100% 13px no-repeat}
html[data-theme="light"] .ab-ph{background:var(--blue);box-shadow:0 0 12px rgba(41,151,255,0.48)}
html[data-theme="light"] .ab-ph::before{border:7px solid transparent;border-top:8px solid var(--blue);border-bottom:0}
html[data-theme="light"] .ab-phtc{color:var(--blue2)}
html[data-theme="light"] .ab-clip{border:1px solid #D2D2D6;background:#EBEBEF}
html[data-theme="light"] .ab-clip b{color:var(--dim)}
html[data-theme="light"] .ab-clip h3{color:#6A6A6F}
html[data-theme="light"] .ab-wave{background:repeating-linear-gradient(90deg,currentColor 0 2px,transparent 2px 5px);color:#C0C0C6}
html[data-theme="light"] .ab-step.on .ab-clip{background:linear-gradient(135deg,#B2D0F3,#D9E5F5);border-color:#7FAFE1}
html[data-theme="light"] .ab-step.on .ab-clip b{color:var(--blue2)}
html[data-theme="light"] .ab-step.on .ab-clip h3{color:var(--fg)}
html[data-theme="light"] .ab-step.on .ab-wave{color:var(--blue)}
html[data-theme="light"] .ab-step.done .ab-clip{border-color:#C3D3E5}
html[data-theme="light"] .ab-step.done .ab-clip h3{color:#323237}
html[data-theme="light"] .ab-step p{color:var(--mute)}
html[data-theme="light"] .ab-step.on p{color:#323237}
@media (max-width:900px){html[data-theme="light"] .ab-track{border:0;border-right:1px solid #D2D2D6;background:repeating-linear-gradient(0deg,rgba(0,0,0,0.25) 0 1px,transparent 1px 12px) right/6px 100% no-repeat}
html[data-theme="light"] .ab-ph::before{border:7px solid transparent;border-left:8px solid var(--blue);border-right:0}}
html[data-theme="light"] .lr{border:1px solid #DEDEE1;background:#F2F2F4}
html[data-theme="light"] .lr:hover{border-color:#D0D0D6}
html[data-theme="light"] .lr.feat{background:linear-gradient(135deg,#D9E2F2,#F3F3F5 70%);border-color:#A3BFE1}
html[data-theme="light"] .lr-glow{background:radial-gradient(closest-side,rgba(0,110,214,0.22),transparent)}
html[data-theme="light"] .lr-prov{color:var(--mute)}
html[data-theme="light"] .lr-st{color:#CB920C;background:rgba(174,125,10,0.08);border:1px solid rgba(174,125,10,0.25)}
html[data-theme="light"] .lr-dot{background:#CB920C}
html[data-theme="light"] .lr-bar{background:#DEDEE1}
html[data-theme="light"] .lr-bar i{background:linear-gradient(90deg,#007EF5,#0066C4)}
html[data-theme="light"] .lr-ok{background:rgba(46,207,86,0.1);color:#2DBD5C;border:1px solid rgba(46,207,86,0.25)}
html[data-theme="light"] .lr-date{color:var(--mute)}
/* contact.css */
html[data-theme="light"] .ct-open{border:1px solid #C5E1D1;background:#EDF9F2;color:#0A401D}
html[data-theme="light"] .ct-lead{color:var(--mute)}
html[data-theme="light"] .ct-formcard{border:1px solid var(--line);background:#F2F2F4}
html[data-theme="light"] .ct-about{border:0}
html[data-theme="light"] .ct-f>span:not(.sr){color:#323237}
html[data-theme="light"] .ct-f i{color:var(--blue2)}
html[data-theme="light"] .ct-f em{color:var(--dim)}
html[data-theme="light"] .ct-f input, html[data-theme="light"] .ct-f textarea{border:1px solid #D2D2D6;background:#FFFFFF;color:var(--fg)}
html[data-theme="light"] .ct-f input::placeholder, html[data-theme="light"] .ct-f textarea::placeholder{color:var(--dim)}
html[data-theme="light"] .ct-f input:hover, html[data-theme="light"] .ct-f textarea:hover{border-color:#C0C0C6}
html[data-theme="light"] .ct-f input:focus, html[data-theme="light"] .ct-f textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(41,151,255,0.084)}
html[data-theme="light"] .ct-f.bad input, html[data-theme="light"] .ct-f.bad textarea{border-color:#C40013;box-shadow:0 0 0 4px rgba(255,90,106,0.072)}
html[data-theme="light"] .ct-f .err{color:#A40011}
html[data-theme="light"] .ct-count{color:var(--dim)}
html[data-theme="light"] .ct-note{color:var(--mute)}
html[data-theme="light"] .ct-check{background:#D5F1DE;color:#2DBD5C;box-shadow:0 0 0 8px rgba(91,216,132,0.048)}
html[data-theme="light"] .ct-done p{color:var(--mute)}
html[data-theme="light"] .ct-mail{border:1px solid #A3BFE1;background:linear-gradient(135deg,#E3EDF8,#FFFFFF 75%)}
html[data-theme="light"] .ct-mail small, html[data-theme="light"] .ct-clock small, html[data-theme="light"] .ct-social small{color:var(--dim)}
html[data-theme="light"] .ct-mail a{background:linear-gradient(var(--blue),var(--blue)) 0 100%/0 2px no-repeat}
html[data-theme="light"] .ct-mail a:hover{background-size:100% 2px}
html[data-theme="light"] .ct-copy{background:#E0E0E3;color:var(--fg)}
html[data-theme="light"] .ct-copy:hover{background:#D6D6DA}
html[data-theme="light"] .ct-copy.ok{background:#2DBD5C;color:#FFFFFF}
html[data-theme="light"] .ct-copy:focus-visible, html[data-theme="light"] .ct-q:focus-visible{outline:2px solid var(--blue)}
html[data-theme="light"] .ct-q{border:1px solid var(--line);background:#F2F2F4}
html[data-theme="light"] .ct-q:hover{border-color:#D2D2D6;background:#EBEBEE}
html[data-theme="light"] .ct-q .ic{background:#E3E3E7;color:var(--blue2)}
html[data-theme="light"] .ct-q span:last-child{color:var(--mute)}
html[data-theme="light"] .ct-clock{border:1px solid var(--line);background:#F2F2F4}
html[data-theme="light"] .ct-clock::before{background:radial-gradient(80% 110% at 100% 0%,rgba(0,110,214,0.16),transparent 60%),radial-gradient(60% 80% at 0% 100%,rgba(59,207,119,0.05),transparent 60%)}
html[data-theme="light"] .ct-clock.night::before{background:radial-gradient(1.2px 1.2px at 78% 18%,rgba(0,0,0,0.7),transparent),radial-gradient(1px 1px at 88% 34%,rgba(0,0,0,0.5),transparent),radial-gradient(1.4px 1.4px at 66% 10%,rgba(0,0,0,0.6),transparent),radial-gradient(1px 1px at 94% 12%,rgba(0,0,0,0.45),transparent),radial-gradient(1px 1px at 58% 26%,rgba(0,0,0,0.35),transparent),radial-gradient(80% 110% at 100% 0%,rgba(20,0,165,0.16),transparent 60%)}
html[data-theme="light"] .ck-st{color:#2DBD5C;background:rgba(59,207,119,0.1);border:1px solid rgba(59,207,119,0.25)}
html[data-theme="light"] .ck-st .dot{background:#2DBD5C}
html[data-theme="light"] .ct-clock.night .ck-st{color:#CB920C;background:rgba(174,125,10,0.08);border-color:rgba(174,125,10,0.22)}
html[data-theme="light"] .ct-clock.night .ck-st .dot{background:#CB920C}
html[data-theme="light"] .ck-date{color:var(--mute)}
html[data-theme="light"] .ct-clock b .ap{color:var(--mute)}
html[data-theme="light"] .ck-hrs i{background:#E5E5E9}
html[data-theme="light"] .ck-hrs i.w{background:rgba(0,110,214,0.22)}
html[data-theme="light"] .ck-hrs i.now{background:#C2D1E4;box-shadow:0 0 0 1px rgba(124,194,255,0.36),0 0 16px rgba(41,151,255,0.33)}
html[data-theme="light"] .ck-hrs i.now::after{background:linear-gradient(180deg,#0056A2,var(--blue))}
html[data-theme="light"] .ck-lbl{color:var(--dim)}
html[data-theme="light"] .ck-foot{border-top:1px solid #DFDFE3}
html[data-theme="light"] .ct-clock p{color:var(--fg)}
html[data-theme="light"] .ck-you{color:var(--dim)}
html[data-theme="light"] .ct-social{border:1px solid var(--line)}
html[data-theme="light"] .ct-soc a{border:1px solid #D2D2D6;color:#28282D}
html[data-theme="light"] .ct-soc a::before{background:var(--b)}
html[data-theme="light"] .ct-soc a:hover, html[data-theme="light"] .ct-soc a:focus-visible{color:#000000;border-color:transparent}
html[data-theme="light"] .ct-soc a:focus-visible{outline:2px solid var(--blue)}
html[data-theme="light"] .ct-soc .s-li{--b:#0A66C2}
html[data-theme="light"] .ct-soc .s-ig{--b:radial-gradient(circle at 30% 107%,#685F02 0%,#685F02 5%,#D41502 45%,#D6249F 60%,#1F53EA 90%)}
html[data-theme="light"] .ct-soc .s-be{--b:#085FFF}
html[data-theme="light"] .ct-soc .s-vi{--b:#1AB7EA}
html[data-theme="light"] .ct-soc .s-gh{--b:#08080A}
html[data-theme="light"] .ct-soc .s-gh:hover, html[data-theme="light"] .ct-soc .s-gh:focus-visible{color:#E8ECF2}
html[data-theme="light"] body[data-view="contact"] .foot{border-top:0}
html[data-theme="light"] .fn-links a:focus-visible{outline:2px solid var(--blue)}
/* mobile.css */
@media (hover:none){html[data-theme="light"] .tcard.play .gif .fill{filter:none}}
@media (max-width:600px){html[data-theme="light"] .ftog{border:1px solid #D2D2D6;background:#F2F2F4;color:var(--fg)}
html[data-theme="light"] .ftog b{background:var(--blue);color:#FFFFFF}}
html[data-theme="light"] .lb .swipe-hint{color:var(--dim)}
@media (max-width:600px){html[data-theme="light"] .mas.pgrid .item .badge{background:rgba(255,255,255,0.55)}}
/* ---- hand-written light theme parts ---- */
/* the showreel hero stays a dark film frame, so its text keeps the dark-theme colours */
html[data-theme="light"] .hero,html[data-theme="light"] .cnext,html[data-theme="light"] .lb,html[data-theme="light"] .modal,
html[data-theme="light"] body[data-view="home"] .hdr:not(.scrolled){--bg:#000;--fg:#F5F5F7;--mute:#A1A1A6;--dim:#6E6E73;--line:#1C1C1F;--blue:#2997FF;--blue2:#6CB6FF;color:var(--fg)}
html[data-theme="light"] .hero .btn-p,html[data-theme="light"] body[data-view="home"] .hdr:not(.scrolled) .btn-p{background:#F5F5F7;color:#000}
html[data-theme="light"] .hero .btn-p .bi,html[data-theme="light"] body[data-view="home"] .hdr:not(.scrolled) .btn-p .bi{background:#000;color:#F5F5F7}
html[data-theme="light"] .hero .btn-p:hover,html[data-theme="light"] body[data-view="home"] .hdr:not(.scrolled) .btn-p:hover{background:var(--blue)}
html[data-theme="light"] .hero-role{color:#C7C7CC}
html[data-theme="light"] body[data-view="home"] .hdr:not(.scrolled) .nav a{color:#A1A1A6}
html[data-theme="light"] body[data-view="home"] .hdr:not(.scrolled) .nav a:hover,html[data-theme="light"] body[data-view="home"] .hdr:not(.scrolled) .nav a[aria-current="page"]{color:#F5F5F7}
/* the switch itself */
html[data-theme="light"] .thm{border-color:rgba(0,0,0,.12);background:rgba(0,0,0,.04)}
html[data-theme="light"] .thm:hover{background:rgba(0,0,0,.08)}
html[data-theme="light"] body[data-view="home"] .hdr:not(.scrolled) .thm{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.06)}
/* softer shadows and the page scrollbar on white */
html[data-theme="light"] ::selection{background:rgba(0,113,227,.2)}