.odk{--paper:#fbfdfb;--desk:#f1f6f2;--card:#fff;--line:#dfe8e2;--line-2:#e9f0eb;--ink:#132019;--muted:#56645c;--soft:#5f6c64;--green:#077a53;--green-dk:#055c3e;--mint:#e3f5eb;--mint-2:#cdeedc;--blue:#2b5bb8;--blue-bg:#e8f0fc;--purple:#7457c4;--purple-dk:#5e44a6;--purple-bg:#f0eafc;--amber:#b06f00;--amber-bg:#fbf2df;--peach:#f08a5d;--band:#0f3b2b;--shadow:0 1px 0 #1320190d,0 22px 48px -20px #13342452;--display:var(--odk-font-display),var(--odk-font-body),system-ui,sans-serif;--body:var(--odk-font-body),system-ui,-apple-system,"Segoe UI",sans-serif}@media (prefers-color-scheme:dark){.odk:not([data-theme=light]){--paper:#0c1612;--desk:#101d17;--card:#15251e;--line:#223b2f;--line-2:#1a3027;--ink:#e8f3ec;--muted:#b0c0b6;--soft:#a2b4a8;--green:#3fcf8e;--green-dk:#1f8f5e;--mint:#143326;--mint-2:#1b4433;--blue:#86aaf5;--blue-bg:#13203a;--purple:#a993ec;--purple-dk:#7a5fd0;--purple-bg:#1f1834;--amber:#f3c15a;--amber-bg:#2b2310;--peach:#f6a07a;--band:#0a2b1f;--shadow:0 1px 0 #0000004d,0 24px 50px -20px #000000bf;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.odk[data-theme=dark]{--paper:#0c1612;--desk:#101d17;--card:#15251e;--line:#223b2f;--line-2:#1a3027;--ink:#e8f3ec;--muted:#b0c0b6;--soft:#a2b4a8;--green:#3fcf8e;--green-dk:#1f8f5e;--mint:#143326;--mint-2:#1b4433;--blue:#86aaf5;--blue-bg:#13203a;--purple:#a993ec;--purple-dk:#7a5fd0;--purple-bg:#1f1834;--amber:#f3c15a;--amber-bg:#2b2310;--peach:#f6a07a;--band:#0a2b1f;--shadow:0 1px 0 #0000004d,0 24px 50px -20px #000000bf;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.odk,.odk *{box-sizing:border-box}.odk{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55;transition:background .4s;overflow-x:clip}.odk a{color:inherit;text-decoration:none}.odk h1,.odk h2,.odk h3,.odk p{margin:0}.odk .wrap{width:100%;max-width:1200px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));margin:0 auto}.odk svg.i{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.odk .kick{letter-spacing:.14em;text-transform:uppercase;color:var(--green);align-items:center;gap:8px;font-size:12px;font-weight:900;display:inline-flex}.odk .display{font-family:var(--display);letter-spacing:-.035em;text-wrap:balance;font-weight:800;line-height:.98}.odk :focus-visible{outline:3px solid color-mix(in srgb,var(--green)50%,transparent);outline-offset:3px;border-radius:10px}.odk header{top:calc(12px + env(safe-area-inset-top,0px));z-index:40;pointer-events:none;height:0;position:sticky;overflow:visible}.odk .hdOuter{z-index:1;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));position:relative}.odk .hd2{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;max-width:1180px;margin:0 auto;display:grid}.odk .hd2>*{pointer-events:auto}.odk .brand{font-family:var(--display);letter-spacing:-.03em;align-items:center;gap:10px;font-size:23px;font-weight:800;display:inline-flex}.odk .hd2 .brand{border-radius:16px;justify-self:start;padding:5px 12px 5px 5px;font-size:20px;transition:background .3s,box-shadow .3s}.odk header.scrolled .hd2 .brand{background:color-mix(in srgb,var(--card)80%,transparent);-webkit-backdrop-filter:blur(14px);box-shadow:0 0 0 1px var(--line-2)}.odk .logo{background:url(../media/odakoo-icon.a6269378.webp) 50%/cover no-repeat;border-radius:11px;flex:none;width:40px;height:40px;box-shadow:0 0 0 1px #0000000f,0 4px 10px -4px #0f3c2859}.odk .hd2 .logo{border-radius:10px;width:34px;height:34px;transition:transform .5s cubic-bezier(.3,1.6,.5,1)}.odk .hd2 .brand:hover .logo{transform:rotate(-8deg)scale(1.06)}.odk .island{--isl-bg:color-mix(in srgb,var(--card)82%,transparent);height:46px;width:var(--w,300px);background:var(--isl-bg);-webkit-backdrop-filter:blur(18px)saturate(1.5);box-shadow:0 0 0 1px var(--line-2),0 10px 30px -14px #13342459;border-radius:23px;outline:none;justify-self:center;transition:width .6s cubic-bezier(.3,1.15,.35,1),height .6s cubic-bezier(.3,1.15,.35,1),box-shadow .3s;position:relative;overflow:hidden}.odk .island:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--green)45%,transparent)}.odk .isl{white-space:nowrap;opacity:0;filter:blur(6px);pointer-events:none;align-items:center;gap:10px;height:46px;padding:0 18px;transition:opacity .35s,filter .35s,transform .5s cubic-bezier(.3,1.3,.4,1);display:flex;position:absolute;top:0;left:0;transform:scale(.94)}.odk .isl.on{opacity:1;filter:none;pointer-events:auto;transition-delay:.12s;transform:none}.odk .s-live{color:var(--ink);padding-left:8px;font-size:13.5px;font-weight:800}.odk .s-live .faces b{border-color:var(--card);width:28px;height:28px}.odk .ldot{background:var(--green);width:8px;height:8px;box-shadow:0 0 0 3px var(--mint);border-radius:50%}.odk .s-nav{gap:2px;padding:0 6px}.odk .s-nav a{z-index:1;color:var(--muted);border-radius:17px;padding:8px 14px;font-size:14px;font-weight:800;transition:color .25s;position:relative}.odk .s-nav a:hover,.odk .s-nav a:focus-visible{color:var(--ink)}.odk .s-nav .hl{background:color-mix(in srgb,var(--ink)7%,transparent);opacity:0;border-radius:17px;width:0;height:34px;transition:transform .45s cubic-bezier(.3,1.3,.4,1),width .45s cubic-bezier(.3,1.3,.4,1),opacity .25s;position:absolute;top:6px;left:0}.odk .s-sec{letter-spacing:.12em;color:var(--ink);gap:12px;padding:0 16px 0 12px;font-size:12px;font-weight:900}.odk .secIc{background:var(--sec,var(--green));color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;transition:background .5s;display:grid}.odk .secIc svg{width:14px;height:14px}.odk .secBar{background:var(--line);border-radius:2px;width:64px;height:4px;overflow:hidden}.odk .secBar i{background:var(--sec,var(--green));transform-origin:0;width:100%;height:100%;transition:background .5s;display:block;transform:scaleX(0)}.odk .hdAct{border-radius:18px;justify-self:end;align-items:center;gap:4px;padding:4px;transition:background .3s,box-shadow .3s;display:flex}.odk header.scrolled .hdAct{background:color-mix(in srgb,var(--card)80%,transparent);-webkit-backdrop-filter:blur(14px);box-shadow:0 0 0 1px var(--line-2)}.odk .lang{color:var(--muted);border-radius:12px;align-items:center;gap:6px;padding:9px 10px;font-size:13px;font-weight:900;display:inline-flex}.odk .lang:hover{background:color-mix(in srgb,var(--ink)5%,transparent);color:var(--ink)}.odk .login{color:var(--ink);border-radius:12px;padding:9px 12px;font-size:14.5px;font-weight:800}.odk .login:hover{background:color-mix(in srgb,var(--ink)5%,transparent)}.odk .cta-s{background:var(--green);color:#fff;box-shadow:0 3px 0 var(--green-dk);border-radius:14px;align-items:center;gap:10px;padding:6px 6px 6px 16px;font-size:14.5px;font-weight:900;transition:transform .15s,box-shadow .15s;display:inline-flex}.odk .cta-s span{background:#fff3;border-radius:10px;place-items:center;width:30px;height:30px;display:grid}.odk .cta-s svg{width:16px;height:16px;transition:transform .3s cubic-bezier(.3,1.4,.5,1)}.odk .cta-s:hover svg{transform:translate(3px)}.odk .cta-s:active{box-shadow:0 1px 0 var(--green-dk);transform:translateY(2px)}@media (max-width:980px){.odk .login{display:none}}@media (max-width:760px){.odk .hd2{grid-template-columns:auto 1fr auto}.odk .island{justify-self:center;max-width:100%}.odk .lang,.odk .hd2 .brand span.wm{display:none}}@media (max-width:520px){.odk .island{display:none}.odk .hd2{grid-template-columns:1fr auto}.odk .cta-s{padding-left:12px;font-size:13.5px}}.odk .mBtn{background:color-mix(in srgb,var(--card)85%,transparent);-webkit-backdrop-filter:blur(14px);width:44px;height:44px;box-shadow:0 0 0 1px var(--line-2);cursor:pointer;color:var(--ink);border:0;border-radius:14px;padding:0;display:none;position:relative}.odk .mBtn i{background:currentColor;border-radius:2px;height:2px;transition:transform .4s cubic-bezier(.3,1.3,.4,1),top .4s cubic-bezier(.3,1.3,.4,1);position:absolute;left:13px;right:13px}.odk .mBtn i:first-child{top:17px}.odk .mBtn i:last-child{top:25px}.odk .mBtn[aria-expanded=true] i:first-child{top:21px;transform:rotate(45deg)}.odk .mBtn[aria-expanded=true] i:last-child{top:21px;transform:rotate(-45deg)}.odk .mSheet{z-index:39;top:calc(68px + env(safe-area-inset-top,0px));left:max(16px,env(safe-area-inset-left,0px));right:max(16px,env(safe-area-inset-right,0px));background:var(--card);box-shadow:0 0 0 1px var(--line-2),0 24px 50px -20px #13342466;opacity:0;transform-origin:100% 0;pointer-events:none;visibility:hidden;border-radius:24px;gap:4px;padding:10px;transition:opacity .3s,transform .45s cubic-bezier(.3,1.3,.4,1),visibility 0s .45s;display:grid;position:fixed;transform:translateY(-10px)scale(.97)}.odk .mSheet.open{opacity:1;pointer-events:auto;visibility:visible;transition:opacity .25s,transform .45s cubic-bezier(.3,1.3,.4,1);transform:none}.odk .mSheet a{font-family:var(--display);letter-spacing:-.02em;border-radius:14px;justify-content:space-between;align-items:center;padding:14px;font-size:22px;font-weight:800;display:flex}.odk .mSheet a:active{background:var(--desk)}.odk .mSheet a svg{width:18px;height:18px;color:var(--soft)}.odk .mSheet .mFoot{border-top:1px solid var(--line-2);justify-content:space-between;align-items:center;gap:10px;margin-top:6px;padding:12px 6px 4px;display:flex}.odk .mSheet .mFoot a{font-family:var(--body);padding:10px 12px;font-size:15px;font-weight:900}.odk .mSheet .mLive{color:var(--muted);align-items:center;gap:8px;padding:4px 8px 10px;font-size:13px;font-weight:800;display:flex}.odk .mSheet .mLive .faces b{width:24px;height:24px}@media (max-width:980px){.odk .mBtn{display:block}}@media (min-width:981px){.odk .mSheet{display:none}}.odk .mSheet .lang{display:inline-flex}@media (max-width:760px){.odk header:before{content:"";left:0;right:0;top:calc(-12px - env(safe-area-inset-top,0px));height:calc(84px + env(safe-area-inset-top,0px));background:linear-gradient(var(--paper)45%,color-mix(in srgb,var(--paper)0%,transparent));opacity:0;pointer-events:none;transition:opacity .3s;position:absolute}.odk header.scrolled:before{opacity:1}.odk header.scrolled .hd2 .brand,.odk header.scrolled .hdAct{box-shadow:none;-webkit-backdrop-filter:none;background:0 0}}@media (prefers-reduced-motion:reduce){.odk .island,.odk .isl,.odk .s-nav .hl{transition:none!important}}.odk .acts{flex-wrap:wrap;gap:10px;display:flex}.odk .btn{will-change:transform;border-radius:16px;align-items:center;gap:9px;padding:14px 20px;font-size:15.5px;font-weight:900;transition:box-shadow .15s,background .2s;display:inline-flex}.odk .btn.pri{background:var(--green);color:#fff;box-shadow:0 4px 0 var(--green-dk),0 14px 26px -12px color-mix(in srgb,var(--green)70%,transparent)}.odk .btn.pri:active{box-shadow:0 1px 0 var(--green-dk)}.odk .btn.sec{background:var(--card);border:1.5px solid var(--line);box-shadow:0 4px 0 var(--line)}.odk .hero{background:linear-gradient(var(--paper),var(--desk));position:relative;overflow:hidden}.odk .mat{background:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--green)18%,transparent)1px,transparent 1.6px)0 0/22px 22px;-webkit-mask-image:radial-gradient(ellipse at var(--mx,70%)var(--my,40%),#000 0,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at var(--mx,70%)var(--my,40%),#000 0,transparent 70%);mask-image:radial-gradient(ellipse at var(--mx,70%)var(--my,40%),#000 0,transparent 70%);pointer-events:none;position:absolute;inset:0}.odk .heroIn{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:48px;padding-block:128px 48px;display:grid;position:relative}.odk .heroCopy{gap:20px;min-width:0;display:grid}.odk .hero h1{font-size:clamp(42px,6.2vw,78px)}.odk .hero h1 .w{display:inline-block}.odk .hero h1 em{color:var(--green);font-style:normal;position:relative}.odk .hero h1 em svg{width:104%;height:.32em;position:absolute;bottom:-.12em;left:-2%;overflow:visible}.odk .hero h1 em path{fill:none;stroke:var(--green);stroke-width:6px;stroke-linecap:round;opacity:.35}.odk .lead{color:var(--muted);max-width:54ch;font-size:17.5px;font-weight:700}.odk .guest{width:fit-content;color:var(--green);border-bottom:2px solid color-mix(in srgb,var(--green)25%,transparent);align-items:center;gap:6px;margin-top:-6px;padding:4px 2px;font-size:15px;font-weight:900;transition:border-color .2s;display:inline-flex}.odk .guest svg{width:16px;height:16px;transition:transform .25s cubic-bezier(.3,1.4,.5,1)}.odk .guest:hover{border-color:var(--green)}.odk .guest:hover svg{transform:translate(4px)}.odk .live{align-items:center;gap:9px;font-size:14px;font-weight:800;display:inline-flex}.odk .live span{background:var(--green);width:9px;height:9px;box-shadow:0 0 0 4px var(--mint);border-radius:50%}.odk .hnote{color:var(--soft);font-size:13.5px;font-weight:700}.odk .badge{background:var(--card);border:1px dashed var(--line);border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;width:fit-content;max-width:100%;padding:8px 10px 8px 14px;display:inline-flex}.odk .badge small{letter-spacing:.12em;color:var(--soft);font-size:10.5px;font-weight:900}.odk .badge b{background:var(--ink);color:var(--paper);border-radius:8px;padding:6px 10px;font-size:13px}.odk .stage{perspective:1600px;min-width:0;padding:24px 0 30px;position:relative}.odk .scene3{width:100%;max-width:580px;margin-inline:auto;position:relative;container-type:inline-size}.odk .tilt{transform-style:preserve-3d}.odk .obj{will-change:transform}.odk .halo{background:radial-gradient(closest-side,color-mix(in srgb,var(--green)14%,transparent),transparent);filter:blur(10px);pointer-events:none;border-radius:50%;position:absolute;inset:8% 6% 4%}.odk .fcard{background:var(--card);border:1px solid var(--line-2);border-radius:30px;gap:clamp(16px,4cqw,24px);padding:clamp(18px,4.4cqw,28px);display:grid;position:relative;box-shadow:0 1px #1320190a,0 30px 60px -30px #13342459}.odk .fcard:after{content:"";background:var(--card);border:1px solid var(--line-2);z-index:-1;opacity:.7;border-top:0;border-radius:0 0 26px 26px;height:24px;position:absolute;inset:auto 7% -12px}.odk .fTop{color:var(--muted);justify-content:space-between;align-items:center;font-size:13px;font-weight:800;display:flex}.odk .fTop .ok{color:var(--green);align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.odk .fTop .ok svg{stroke-width:3px;width:14px;height:14px}.odk .fMain{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(18px,5cqw,32px);display:grid}.odk .dial2{aspect-ratio:1;width:clamp(150px,40cqw,220px);position:relative}.odk .arcSvg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.odk .arcTrack{fill:none;stroke:var(--line-2);stroke-width:2.4px}.odk .arcVal{fill:none;stroke:var(--green);stroke-width:2.4px;stroke-linecap:round;stroke-dasharray:295.3;stroke-dashoffset:8.3px;transform-origin:50px 50px;transform:rotate(-90deg)}.odk .arcDot{fill:var(--card);stroke:var(--green);stroke-width:2px}.odk .dTxt{text-align:center;color:#fff;place-content:center;gap:2px;padding-top:6%;display:grid;position:absolute;inset:0}.odk .dTxt small{letter-spacing:.16em;color:#fffc;font-size:10.5px;font-weight:900}.odk .dTxt strong{font-family:var(--display);letter-spacing:-.05em;font-variant-numeric:tabular-nums;text-shadow:0 2px #8c1e1440;font-size:clamp(32px,9.6cqw,46px);font-weight:800;line-height:1}.odk .dTxt span{color:#ffffffd9;font-size:12px;font-weight:800}.odk .tomato{background:#f2584a;border-radius:50% 50% 46% 46%/56% 56% 44% 44%;position:absolute;inset:18% 16% 15%;box-shadow:inset 0 -8px #961e1429,0 10px 22px -10px #c83c2899}.odk .tomato:before{content:"";background:#961e1424;border-radius:2px;width:1.5px;height:30%;position:absolute;top:8%;left:50%;translate:-50%}.odk .leaf{transform-origin:50% 60%;width:46%;transition:transform .5s cubic-bezier(.3,1.6,.5,1);position:absolute;top:-14%;left:50%;overflow:visible;translate:-50%}.odk .leaf path{fill:#2fb36f}.odk .leaf .stem{fill:none;stroke:#23935a;stroke-width:3.4px;stroke-linecap:round}.odk .stage:hover .leaf{transform:rotate(-10deg)}.odk .blush{background:#ffaaa08c;border-radius:50%;width:14%;height:7%;position:absolute;top:60%}.odk .blush.l{left:14%}.odk .blush.r{right:14%}.odk .seeds{gap:6px;margin-top:8px;display:flex}.odk .seeds i{border:1.8px solid color-mix(in srgb,#f2584a 45%,var(--line));border-radius:50% 50% 46% 46%/56% 56% 44% 44%;width:14px;height:13px;position:relative}.odk .seeds i:before{content:"";background:#2fb36f;border-radius:4px 4px 0 0;width:6px;height:4px;position:absolute;top:-4px;left:50%;translate:-50%}.odk .seeds i.d{background:#f2584a;border-color:#f2584a}.odk .seeds i.c{background:linear-gradient(#0000 50%,#f2584a 50%);border-color:#f2584a}.odk .fInfo{gap:14px;min-width:0;display:grid}.odk .fTask small{letter-spacing:.14em;color:var(--green);font-size:11px;font-weight:900;display:block}.odk .fTask strong{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(22px,6cqw,30px);line-height:1.1;display:block}.odk .fList{border-top:1px solid var(--line-2);gap:8px;padding-top:12px;display:grid}.odk .fList h4{color:var(--soft);margin:0;font-size:12px;font-weight:900}.odk .li{grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:10px;font-size:14px;font-weight:800;display:grid}.odk .li .c{border:2px solid var(--line);border-radius:6px;place-items:center;width:18px;height:18px;display:grid}.odk .li.done .c{background:var(--green);border-color:var(--green);color:#fff}.odk .li.done .c svg{stroke-width:3.4px;width:11px;height:11px}.odk .li.done span:nth-child(2){color:var(--soft);text-decoration:line-through;text-decoration-thickness:1.5px}.odk .li em{letter-spacing:.1em;color:var(--soft);font-size:11px;font-style:normal;font-weight:900}.odk .li.cur .c{border-color:var(--green)}.odk .li.cur em{color:var(--green);letter-spacing:0;font-size:12.5px}.odk .li small{letter-spacing:.12em;color:var(--soft);font-size:10px;font-weight:900;display:block}.odk .fFoot{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.odk .chip{background:var(--desk);border-radius:16px;gap:4px;min-width:0;padding:12px;display:grid}.odk .chip small{letter-spacing:.12em;color:var(--soft);font-size:10px;font-weight:900}.odk .chip strong{font-size:13px;line-height:1.25}.odk .chip .faces{margin-bottom:2px}.odk .wave{align-items:end;gap:2px;height:14px;margin-bottom:2px;display:flex}.odk .wave i{background:var(--blue);opacity:.7;border-radius:2px;width:3px}.odk .gbar{background:var(--line);border-radius:3px;height:5px;margin-bottom:4px;overflow:hidden}.odk .gbar i{border-radius:inherit;background:var(--green);width:75%;height:100%;display:block}@container (max-width:460px){.odk .fMain{grid-template-columns:minmax(0,1fr);justify-items:center}.odk .fInfo{justify-self:stretch}.odk .fFoot{grid-template-columns:minmax(0,1fr)}}.odk .ruler{border-top:1px solid var(--line);height:44px;position:relative;overflow:hidden}.odk .ruler .ticks{background:repeating-linear-gradient(90deg,var(--line)0 1.5px,transparent 1.5px calc(100%/25))bottom/100% 10px no-repeat,repeating-linear-gradient(90deg,var(--soft)0 1.5px,transparent 1.5px calc(100%/5))bottom/100% 18px no-repeat;position:absolute;inset:0}.odk .ruler .fill{background:var(--green);transform-origin:0;width:100%;height:4px;position:absolute;bottom:0;left:0;transform:scaleX(0)}.odk .ruler span{color:var(--soft);font-size:10.5px;font-weight:900;position:absolute;bottom:20px;transform:translate(4px)}@media (max-width:960px){.odk .heroIn{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:104px 28px}}@media (max-width:560px){.odk .stage{padding:10px 0 20px}}.odk .statement{gap:34px;padding-block:120px 100px;display:grid}.odk .statement h2{font-size:clamp(50px,9.4vw,132px)}.odk .strike{color:var(--soft);display:inline-block;position:relative}.odk .strike i{background:var(--peach);transform-origin:0;border-radius:99px;height:.085em;position:absolute;top:52%;left:-2%;right:-2%;transform:rotate(-2deg)}.odk .yes{color:var(--green);display:inline-block}.odk .statement p.kick{font-family:var(--body);letter-spacing:.14em;max-width:none;margin-left:0;font-size:12px;font-weight:900;line-height:1.55}.odk .statement p:not(.kick){font-family:var(--display);letter-spacing:-.015em;max-width:30ch;margin-left:auto;font-size:clamp(22px,2.6vw,32px);font-weight:600;line-height:1.3}.odk .statement p .wd{transition:none}.odk .chapters{--tint:var(--mint);--accent:var(--green);background:var(--tint);transition:background .7s cubic-bezier(.4,0,.2,1);position:relative}.odk .chapters[data-scene="1"]{--tint:var(--blue-bg);--accent:var(--blue)}.odk .chapters[data-scene="2"]{--tint:var(--purple-bg);--accent:var(--purple)}.odk .chapters[data-scene="3"]{--tint:var(--amber-bg);--accent:var(--amber)}.odk .chIn{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;display:grid}.odk .chText{display:grid}.odk .ch{align-content:center;gap:16px;min-height:92vh;padding-block:60px;display:grid}.odk .ch .kick{color:var(--accent)}.odk .ch h2{font-size:clamp(36px,4.6vw,60px)}.odk .ch h2 span{color:var(--accent);transition:color .5s}.odk .ch p{color:var(--muted);max-width:46ch;font-size:17px;font-weight:700}.odk .ilink{color:var(--accent);border-bottom:2px solid color-mix(in srgb,var(--accent)30%,transparent);align-items:center;gap:6px;width:fit-content;padding-bottom:2px;font-weight:900;display:inline-flex}.odk .ilink:hover{border-color:var(--accent)}.odk .chStageCol{position:relative}.odk .chStage{top:calc(68px + env(safe-area-inset-top,0px));height:calc(100vh - 68px - env(safe-area-inset-top,0px));place-items:center;display:grid;position:sticky}.odk .scenes{aspect-ratio:1/1.02;width:100%;max-width:500px;position:relative}.odk .scene{opacity:0;pointer-events:none;align-content:center;transition:opacity .55s,transform .7s cubic-bezier(.2,.9,.25,1);display:grid;position:absolute;inset:0;transform:translateY(40px)scale(.94)rotate(-1.5deg)}.odk .scene.on{opacity:1;transform:none}.odk .scene.past{opacity:0;transform:translateY(-40px)scale(.96)rotate(1.5deg)}.odk .chNum{gap:6px;display:flex;position:absolute;top:24px;right:0}.odk .chNum i{background:color-mix(in srgb,var(--accent)22%,transparent);border-radius:3px;width:26px;height:5px;transition:background .4s,width .4s}.odk .chNum i.on{background:var(--accent);width:40px}.odk .panel{background:var(--card);border:1.5px solid var(--line);box-shadow:var(--shadow);border-radius:24px;padding:20px}.odk .points{gap:8px;margin:0;padding:0;list-style:none;display:grid}.odk .points li{align-items:center;gap:10px;font-weight:800;display:flex}.odk .points li span{background:var(--card);width:30px;height:30px;color:var(--purple);border:1.5px solid color-mix(in srgb,var(--purple)25%,transparent);border-radius:10px;place-items:center;display:grid}.odk .btn.buddy{background:var(--purple);color:#fff;box-shadow:0 4px 0 var(--purple-dk);width:fit-content}@media (max-width:900px){.odk .chIn{flex-direction:column;padding-bottom:48px;display:flex}.odk .chText,.odk .chStageCol,.odk .chStage,.odk .scenes{display:contents}.odk .chNum{display:none}.odk .ch{align-content:start;min-height:0;padding-block:56px 8px}.odk .ch[data-i="0"]{order:0}.odk .scene[data-i="0"]{order:1}.odk .ch[data-i="1"]{order:2}.odk .scene[data-i="1"]{order:3}.odk .ch[data-i="2"]{order:4}.odk .scene[data-i="2"]{order:5}.odk .ch[data-i="3"]{order:6}.odk .scene[data-i="3"]{order:7}.odk .scene,.odk .scene.past{opacity:1;pointer-events:auto;margin-top:18px;transition:none;position:relative;inset:auto;transform:none}.odk .scene .panel,.odk .scene .bwrap{width:100%;max-width:440px}}.odk .start{background:var(--ink);color:var(--paper);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:13px;font-weight:900;display:flex}.odk .presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.odk .presets span{border:1.5px solid var(--line-2);border-radius:12px;padding:10px;display:grid}.odk .presets span:first-child{border-color:var(--green);background:var(--mint)}.odk .presets small{color:var(--muted);font-size:11.5px;font-weight:800}.odk .presets strong{overflow-wrap:anywhere;font-size:14px}.odk .tm{--c:var(--green);--c2:#3fcf8e;gap:18px;padding:22px 22px 20px;transition:--c .6s;display:grid}.odk .tm.brk{--c:var(--blue);--c2:#7fb0ff}.odk .tSeg{background:var(--desk);text-align:center;border-radius:13px;grid-template-columns:repeat(3,1fr);padding:3px;font-size:13px;font-weight:800;display:grid;position:relative}.odk .tSeg span{z-index:1;color:var(--muted);padding:8px 4px;transition:color .35s;position:relative}.odk .tSeg span.on{color:var(--ink)}.odk .tSeg .thumb{background:var(--card);border-radius:10px;width:calc(33.3333% - 2px);transition:transform .55s cubic-bezier(.3,1.2,.4,1);position:absolute;top:3px;bottom:3px;left:3px;box-shadow:0 1px 2px #0000000f,0 4px 10px -4px #00000024}.odk .tDial{aspect-ratio:1;justify-self:center;width:min(100%,268px);position:relative}.odk .tDial svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.odk .tTrack{fill:none;stroke:color-mix(in srgb,var(--c)10%,var(--desk));stroke-width:11px;transition:stroke .6s}.odk .tArc{fill:none;stroke:url(#tGrad);stroke-width:11px;stroke-linecap:round;stroke-dasharray:289;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--c)45%,transparent))}.odk .tStop1{stop-color:var(--c2);transition:stop-color .6s}.odk .tStop2{stop-color:var(--c);transition:stop-color .6s}.odk .tKnob{fill:#fff;filter:drop-shadow(0 1px 3px #0000004d)}.odk .tRead{text-align:center;place-content:center;gap:4px;display:grid;position:absolute;inset:0}.odk .tRead small{letter-spacing:.16em;color:var(--c);font-size:11px;font-weight:900;transition:color .6s}.odk .tRead strong{letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--ink);font-family:-apple-system,SF Pro Display,Segoe UI Variable Display,Segoe UI,system-ui,sans-serif;font-size:64px;font-weight:200;line-height:1}.odk .tRead span{color:var(--soft);font-size:13px;font-weight:700;transition:opacity .4s}.odk .tm.run .tRead span{opacity:0}.odk .tCtl{justify-content:space-between;align-items:center;margin-top:-8px;padding:0 6px;display:flex}.odk .tSm{background:var(--desk);width:52px;height:52px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.odk .tGo{background:color-mix(in srgb,var(--c)14%,var(--card));width:74px;height:74px;color:var(--c);box-shadow:0 0 0 3px var(--card),0 0 0 4.5px color-mix(in srgb,var(--c)30%,transparent);border-radius:50%;align-content:center;place-items:center;gap:1px;transition:background .5s,color .5s,transform .2s;display:grid;position:relative}.odk .tGo b{font-size:12.5px;font-weight:900}.odk .tGo .pz,.odk .tm.run .tGo .pl,.odk .tm.run .tGo b{display:none}.odk .tm.run .tGo .pz{width:24px;height:24px;display:block}.odk .tGo.press{transform:scale(.9)}.odk .tPresets{background:var(--desk);border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px;display:grid}.odk .tPresets span{text-align:center;border-radius:12px;gap:1px;padding:9px 10px;transition:background .4s,box-shadow .4s;display:grid}.odk .tPresets small{color:var(--soft);font-size:11px;font-weight:800}.odk .tPresets strong{overflow-wrap:anywhere;color:var(--muted);font-size:14px;font-weight:900;transition:color .4s}.odk .tPresets span.on{background:var(--card);box-shadow:0 1px 2px #0000000d,0 4px 10px -4px #0000001f}@media (prefers-reduced-motion:reduce){.odk .tm *,.odk .tm{transition:none!important}}.odk .tm{gap:22px;padding:22px 24px}.odk .tDial{width:min(100%,220px)}.odk .tTrack{stroke:var(--line-2);stroke-width:3px}.odk .tArc{stroke:var(--c);stroke-width:3px;filter:none}.odk .tKnob{r:3.2;fill:var(--c);filter:none;stroke:var(--card);stroke-width:1.6px}.odk .tRead strong{font-size:52px}.odk .tRead small{font-size:10.5px}.odk .tCtl{margin-top:0;padding:0 24px}.odk .tSm{width:40px;height:40px;color:var(--soft);background:0 0}.odk .tSm svg{width:19px;height:19px}.odk .tGo{background:var(--c);color:#fff;width:66px;height:66px;box-shadow:none}.odk .tGo b{font-size:11.5px}.odk .tGo svg{width:18px;height:18px}.odk .tPresets{border-top:1px solid var(--line-2);padding:0;background:0 0;border-radius:0;gap:0;padding-top:14px}.odk .tPresets span{padding:4px;box-shadow:none!important;background:0 0!important}.odk .tPresets span.on strong{color:var(--ink)}.odk .tPresets span.on small{color:var(--c)}.odk .tPresets small{transition:color .4s}.odk .tSeg{font-size:12.5px}.odk .faces{display:flex}.odk .faces b{border:2px solid var(--card);border-radius:50%;width:26px;height:26px;margin-left:-8px}.odk .faces b:first-child{margin-left:0}.odk .ph{background-position:50%;background-size:cover;color:#0000!important}.odk .ph-ece{background-image:url(../media/face-ece.72afa4c5.webp)}.odk .ph-mert{background-image:url(../media/face-mert.7a9e27d2.webp)}.odk .ph-selin{background-image:url(../media/face-selin.581c88ea.webp)}.odk .ph-x1{background-image:url(../media/face-x1.df8cff30.webp)}.odk .ph-x2{background-image:url(../media/face-x2.ae351c9c.webp)}.odk .pill{background:var(--mint);color:var(--green);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:99px;align-items:center;gap:6px;padding:6px 11px;font-size:12.5px;font-weight:900;display:inline-flex}.odk .pill:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.odk .lib{background:linear-gradient(180deg,color-mix(in srgb,var(--blue)9%,var(--card)),var(--card)75%);border-radius:20px;margin:16px 0 14px;padding:26px 14px 0;position:relative;overflow:hidden}.odk .lib:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#ffd68c61,#0000);width:220px;height:140px;position:absolute;top:-60px;left:50%;translate:-50%}.odk .seat{justify-items:center;gap:4px;display:grid;position:relative}.odk .seat strong{margin-top:2px;font-size:14.5px;line-height:1.1}.odk .more{align-items:center;gap:10px;margin-bottom:14px;display:flex}.odk .stack{display:flex}.odk .stack b{border:2.5px solid var(--card);border-radius:50%;width:28px;height:28px;margin-left:-8px}.odk .stack b:first-child{margin-left:0}.odk .stack i{border:2.5px solid var(--card);background:var(--blue-bg);width:28px;height:28px;color:var(--blue);border-radius:50%;place-items:center;margin-left:-8px;font-size:11px;font-style:normal;font-weight:900;display:grid}.odk .tools{border-top:1px solid var(--line-2);align-items:center;gap:8px;padding-top:12px;display:flex}.odk .tools span{border:1.5px solid var(--line);width:36px;height:36px;color:var(--muted);border-radius:11px;place-items:center;display:grid}.odk .tools strong{background:var(--blue-bg);color:var(--blue);border-radius:12px;align-items:center;gap:6px;margin-left:auto;padding:8px 12px;font-size:13px;display:inline-flex}.odk .lib{display:none}.odk .rm{gap:26px;padding:26px 24px 18px;display:grid}.odk .rmTop{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.odk .rmTop>div{gap:4px;display:grid}.odk .rmKick{letter-spacing:.14em;color:var(--soft);font-size:11px;font-weight:900}.odk .rmTitle{font-family:var(--display);letter-spacing:-.03em;font-size:26px;font-weight:800;line-height:1.05}.odk .rm .pill{color:var(--muted);background:0 0;padding:4px 0;font-size:13px}.odk .rm .pill:before{background:var(--green);box-shadow:0 0 0 3px var(--mint)}.odk .rmPeople{text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.odk .rm .seat{justify-items:center;gap:2px;display:grid;position:relative}.odk .rm .pic{border-radius:50%;width:84px;height:84px;margin-bottom:10px;position:relative}.odk .rm .pic i{background:var(--green);width:16px;height:16px;box-shadow:0 0 0 3px var(--card);border-radius:50%;position:absolute;bottom:3px;right:3px}.odk .rm .seat strong{font-size:15px;font-weight:800}.odk .rm .seat small{color:var(--soft);font-size:13px;font-weight:700}.odk .rmFoot{border-top:1px solid var(--line-2);justify-content:space-between;align-items:center;gap:10px;padding-top:16px;display:flex}.odk .rm .stack b,.odk .rm .stack i{width:30px;height:30px}.odk .rm .stack i{background:var(--desk);color:var(--muted)}.odk .seg{background:var(--desk);border-radius:12px;padding:3px;display:inline-flex}.odk .seg span{width:38px;height:32px;color:var(--muted);border-radius:9px;place-items:center;display:grid}.odk .seg span:first-child{background:var(--card);color:var(--ink);box-shadow:0 1px 3px #00000014}.odk .seg svg{width:17px;height:17px}.odk .rmTalk{color:var(--blue);justify-self:center;align-items:center;gap:7px;margin-top:-10px;font-size:13.5px;font-weight:800;display:inline-flex}.odk .rmTalk svg{width:15px;height:15px}.odk .rmKick b{color:var(--green);font-weight:900;transition:color .4s}.odk .rm.brk .rmKick b{color:var(--amber)}.odk .rm .pic i{transition:background .4s}.odk .rm.brk .pic i{background:var(--amber)}.odk .rmChat{grid-template-rows:0fr;margin-top:-26px;transition:grid-template-rows .55s cubic-bezier(.3,.9,.3,1),margin .55s;display:grid}.odk .rm.brk .rmChat{grid-template-rows:1fr;margin-top:0}.odk .rmChatIn{min-height:0;overflow:hidden}.odk .rmMsgs{background:var(--desk);border-radius:18px;align-content:end;gap:8px;height:168px;padding:14px;display:grid;overflow:hidden}.odk .msg{align-items:flex-end;gap:8px;animation:.35s cubic-bezier(.3,1.3,.5,1) msgIn;display:flex}.odk .msg b{border-radius:50%;flex:none;width:24px;height:24px}.odk .msg p{background:var(--card);border-radius:16px 16px 16px 5px;max-width:78%;padding:8px 12px;font-size:13.5px;font-weight:700;line-height:1.35;box-shadow:0 1px 2px #0000000d}.odk .msg p small{color:var(--soft);font-size:11px;font-weight:900;display:block}.odk .msg.typing p{gap:4px;padding:11px 12px;display:flex}.odk .msg.typing p i{background:var(--soft);border-radius:50%;width:6px;height:6px;animation:1s infinite dot}.odk .msg.typing p i:nth-child(2){animation-delay:.15s}.odk .msg.typing p i:nth-child(3){animation-delay:.3s}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)scale(.96)}}@keyframes dot{0%,60%,to{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-2px)}}.odk .seg span{transition:background .3s,color .3s,box-shadow .3s}.odk .rm.brk .seg span:first-child{color:var(--muted);box-shadow:none;background:0 0}.odk .rm.brk .seg span:nth-child(2){background:var(--card);color:var(--blue);box-shadow:0 1px 3px #00000014}@media (prefers-reduced-motion:reduce){.odk .msg,.odk .msg.typing p i{animation:none}.odk .rmChat{transition:none}}.odk .bwrap{padding-top:42px;position:relative}.odk .btimer{z-index:3;background:var(--card);border:1.5px solid var(--line);box-shadow:var(--shadow);white-space:nowrap;border-radius:99px;align-items:center;gap:8px;padding:8px 14px;display:flex;position:absolute;top:0;left:50%;translate:-50%}.odk .btimer strong{font-family:var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:20px}.odk .btimer small{color:var(--muted);font-size:12px;font-weight:800}.odk .btimer i{background:var(--purple);border-radius:50%;width:8px;height:8px}.odk .bdesk{background:var(--purple);box-shadow:0 5px 0 var(--purple-dk);background-image:radial-gradient(#ffffff1a 1.2px,#0000 1.4px);background-size:16px 16px;border-radius:26px;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);align-items:center;padding:34px 18px 24px;display:grid;position:relative}.odk .bdesk:before{content:"";pointer-events:none;border:1.5px dashed #ffffff73;border-radius:20px;position:absolute;inset:8px}.odk .note{z-index:2;color:#2b2a27;background:#fffdf8;border-radius:6px 6px 14px 14px;gap:8px;padding:16px 14px 14px;display:grid;position:relative;box-shadow:0 10px 20px -10px #28145080}.odk .note:before{content:"";background:#ffd6a0e6;width:50px;height:15px;position:absolute;top:-8px;left:50%;transform:translate(-50%)rotate(-4deg)}.odk .n1{rotate:-3deg}.odk .n2{rotate:2.5deg}.odk .who{align-items:center;gap:7px;font-size:13px;font-weight:900;display:flex}.odk .who b{color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;display:grid}.odk .note p{color:#2b2a27;font-size:14.5px;font-weight:800;line-height:1.3}.odk .stamp{color:#0f9f6e;text-transform:uppercase;letter-spacing:.06em;border:2px solid;border-radius:6px;justify-self:start;padding:2px 7px;font-size:11.5px;font-style:normal;font-weight:900;rotate:-6deg}.odk .cheer{color:#6a4fb4;background:#f1ecfc;border-radius:99px;justify-self:start;align-items:center;gap:5px;padding:4px 9px;font-size:12px;font-weight:900;display:inline-flex}.odk .knot{z-index:2;color:#6a4fb4;background:#fff;border-radius:50%;justify-self:center;place-items:center;width:38px;height:38px;display:grid;position:relative;box-shadow:0 0 0 4px #ffffff4d}.odk .thread{z-index:1;height:40px;position:absolute;top:50%;left:18%;right:18%;overflow:visible;translate:0 -50%}.odk .thread path{fill:none;stroke:#ffffffd9;stroke-width:2.4px;stroke-dasharray:130;stroke-dashoffset:0}.odk .streak{background:var(--card);border:1.5px solid var(--line);border-radius:99px;align-items:center;gap:10px;width:fit-content;margin:16px auto 0;padding:8px 14px;font-size:14px;font-weight:900;display:flex}.odk .streak small{background:var(--amber-bg);color:var(--amber);border-radius:99px;padding:3px 9px;font-size:12px}@media (max-width:480px){.odk .bdesk{grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);padding-inline:10px}.odk .note p{font-size:13px}}.odk .bd{padding-top:92px}.odk .bsteps{justify-content:center;gap:4px;display:flex;position:absolute;top:0;left:0;right:0}.odk .bsteps span{color:color-mix(in srgb,var(--purple)55%,var(--soft));border-radius:99px;padding:5px 10px;font-size:11.5px;font-weight:900;transition:background .35s,color .35s}.odk .bsteps span.on{background:var(--purple);color:#fff}.odk .bd .btimer{transition:transform .35s;top:42px}.odk .bd .btimer.bump{animation:.45s cubic-bezier(.3,1.6,.5,1) bump}.odk .bd .btimer small{text-overflow:clip;white-space:nowrap;max-width:220px;overflow:hidden}.odk .bd .note{align-content:start;min-height:132px;transition:opacity .45s,transform .55s cubic-bezier(.3,1.4,.5,1)}.odk .bd .note p{min-height:2.6em}.odk .bd .note p.caret:after{content:"";vertical-align:-2px;background:#6a4fb4;width:2px;height:1em;margin-left:2px;display:inline-block}.odk .bd .stamp{opacity:0;position:absolute;bottom:10px;right:10px}.odk .bd .stamp.ready{color:#6a4fb4}.odk .bd .stamp.show{opacity:.95;animation:.45s cubic-bezier(.3,1.8,.5,1) slam}.odk .bd .cheer{opacity:0;transition:opacity .3s,transform .45s cubic-bezier(.3,1.8,.5,1);transform:scale(.6)}.odk .bd .cheer.show{opacity:1;transform:none}.odk .bd.seek .n2{opacity:0;transform:translate(20px)scale(.9)rotate(6deg)}.odk .bd.seek .knot,.odk .bd.seek .thread{opacity:0}.odk .bd .knot,.odk .bd .thread{transition:opacity .4s}.odk .seekCard{color:#fff;text-align:center;opacity:0;pointer-events:none;border:2px dashed #ffffff8c;border-radius:14px;place-content:center;justify-items:center;gap:8px;width:calc(50% - 38px);transition:opacity .35s;display:grid;position:absolute;top:34px;bottom:24px;right:18px}.odk .bd.seek .seekCard{opacity:1}.odk .seekCard .q{background:#ffffff2e;border-radius:50%;place-items:center;width:42px;height:42px;font-size:18px;font-weight:900;display:grid}.odk .seekCard small{opacity:.9;max-width:16ch;font-size:12px;font-weight:800}.odk .bdOver{z-index:5;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#fff;text-align:center;opacity:0;pointer-events:none;background:#3c28788c;border-radius:26px;place-content:center;justify-items:center;gap:6px;transition:opacity .3s;display:grid;position:absolute;inset:0}.odk .bdOver.show{opacity:1}.odk .bdOver small{letter-spacing:.16em;background:#fff3;border-radius:99px;padding:5px 10px;font-size:11.5px;font-weight:900}.odk .bdOver strong{font-family:var(--display);letter-spacing:-.02em;font-size:28px;line-height:1.1}.odk .bdOver .big{font-size:84px;line-height:.9}.odk .bdOver .pop{animation:.5s cubic-bezier(.3,1.6,.5,1) pop2}.odk .plane{z-index:4;color:#6a4fb4;opacity:0;pointer-events:none;background:#fff;border-radius:99px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex;position:absolute;top:30%;right:22%;box-shadow:0 8px 18px -8px #28145099}.odk .plane.fly{animation:1.3s cubic-bezier(.5,0,.3,1) forwards fly2}.odk .bd .streak{transition:transform .3s}.odk .bd .streak.bump{animation:.5s cubic-bezier(.3,1.6,.5,1) bump}.odk .bd .streak em{color:var(--green);margin-left:2px;font-size:12.5px;font-style:normal}@keyframes slam{0%{opacity:0;transform:scale(2.4)rotate(-14deg)}}@keyframes bump{40%{transform:scale(1.08)}}@keyframes pop2{0%{opacity:0;transform:scale(.5)}}@keyframes fly2{0%{opacity:0;transform:translate(0)scale(.7)}15%{opacity:1;transform:translateY(-10px)scale(1)}85%{opacity:1;transform:translate(-190%,-18px)scale(1)}to{opacity:0;transform:translate(-210%,10px)scale(.8)}}@media (prefers-reduced-motion:reduce){.odk .bd *,.odk .bd{transition:none!important;animation:none!important}}.odk .stTop{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.odk .stTop span{display:grid}.odk .stTop small{letter-spacing:.12em;color:var(--soft);font-size:10.5px;font-weight:900}.odk .stTop strong{font-family:var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:34px;line-height:1.05}.odk .trend{background:var(--mint);color:var(--green);border-radius:99px;padding:6px 11px;font-size:12.5px;font-weight:900}.odk .chart{background:repeating-linear-gradient(to top,var(--line-2)0 1px,transparent 1px 45px);grid-template-columns:repeat(7,1fr);gap:10px;height:180px;margin:18px 0 14px;display:grid}.odk .chart div{text-align:center;grid-template-rows:1fr auto;gap:6px;height:100%;display:grid}.odk .chart .bar{height:var(--h);background:color-mix(in srgb,var(--amber)45%,var(--card));transform-origin:bottom;border-radius:8px 8px 4px 4px;align-self:end}.odk .chart div:nth-child(6) .bar{background:var(--amber)}.odk .chart small{color:var(--soft);font-size:12px;font-weight:900}.odk .stFoot{grid-template-columns:1fr 1fr;gap:10px;display:grid}.odk .stFoot span{background:var(--desk);border-radius:14px;align-items:center;gap:10px;padding:12px;display:flex}.odk .stFoot i{border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.odk .stFoot p{line-height:1.2;display:grid}.odk .stFoot small{color:var(--muted);font-size:12px;font-weight:800}.odk .stFoot strong{font-variant-numeric:tabular-nums;font-size:18px}.odk .f1{background:var(--amber-bg);color:var(--amber)}.odk .f2{background:var(--mint);color:var(--green)}.odk .chart,.odk .chart>div{position:relative}.odk .chart .bar{transform:scaleY(var(--s,1));transition:transform .7s cubic-bezier(.3,1.2,.4,1),background .4s}.odk .chart .val{left:50%;bottom:calc(24px + (100% - 24px)*var(--top,.5));background:var(--ink);color:var(--paper);white-space:nowrap;opacity:0;pointer-events:none;font-variant-numeric:tabular-nums;border-radius:8px;padding:3px 7px;font-size:11px;font-weight:900;transition:opacity .25s,bottom .7s cubic-bezier(.3,1.2,.4,1);position:absolute;translate:-50% -6px}.odk .chart .val.show{opacity:1}.odk .goalLine{border-top:2px dashed color-mix(in srgb,var(--green)65%,transparent);transform-origin:0;z-index:1;pointer-events:none;transition:transform .9s cubic-bezier(.5,0,.2,1);position:absolute;bottom:calc(60% + 9.6px);left:-4px;right:-4px}.odk .goalLine.off{transform:scaleX(0)}.odk .trend{transition:opacity .3s,transform .45s cubic-bezier(.3,1.7,.5,1)}.odk .trend.off{opacity:0;transform:scale(.6)}.odk .drop{background:var(--green);color:#fff;white-space:nowrap;opacity:0;z-index:2;pointer-events:none;border-radius:99px;padding:4px 8px;font-size:11.5px;font-weight:900;position:absolute;top:-6px;left:50%;translate:-50%}.odk .drop.go{animation:1.1s cubic-bezier(.4,0,.3,1) forwards drop2}@keyframes drop2{0%{opacity:0;transform:translateY(-24px)scale(.8)}25%{opacity:1;transform:translateY(0)scale(1)}75%{opacity:1;transform:translateY(70px)scale(.9)}to{opacity:0;transform:translateY(100px)scale(.5)}}.odk .stFoot strong{display:inline-block}.odk .stFoot strong.tick{animation:.45s cubic-bezier(.3,1.6,.5,1) tick2}@keyframes tick2{0%{opacity:0;transform:translateY(-10px)}}@media (prefers-reduced-motion:reduce){.odk .chart .bar,.odk .goalLine,.odk .trend,.odk .chart .val{transition:none}.odk .drop,.odk .stFoot strong.tick{animation:none}}.odk .toolsSec{background:var(--desk);padding-block:110px}.odk .tIntro{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:end;gap:32px;margin-bottom:44px;display:grid}.odk .tIntro h2{font-size:clamp(38px,5.4vw,68px)}.odk .tIntro h2 span{color:var(--green)}.odk .tIntro>div{gap:14px;display:grid}.odk .tIntro p{color:var(--muted);max-width:44ch;font-size:17px;font-weight:700}.odk .bento{perspective:1200px;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.odk .tool{--c:var(--green);background:var(--card);border:1.5px solid var(--line);transform-style:preserve-3d;border-radius:22px;align-content:start;gap:8px;padding:20px;transition:border-color .25s,box-shadow .25s;display:grid;position:relative;overflow:hidden}.odk .tool:after{content:"";background:radial-gradient(260px circle at var(--px,50%)var(--py,50%),color-mix(in srgb,var(--c)16%,transparent),transparent 65%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.odk .tool:hover:after{opacity:1}.odk .tool:hover{border-color:color-mix(in srgb,var(--c)45%,var(--line));box-shadow:var(--shadow)}.odk .tool h3{font-size:17px;font-weight:900}.odk .tool p{color:var(--muted);font-size:14px;font-weight:700}.odk .tool:not(.big){gap:6px;padding:14px 14px 20px}.odk .vis{background:color-mix(in srgb,var(--c)6%,var(--desk));border-radius:16px;place-items:center;height:92px;margin-bottom:10px;display:grid;overflow:hidden}.odk .vis svg{width:132px;height:70px;transition:transform .5s cubic-bezier(.3,1.3,.5,1);overflow:visible}.odk .tool:hover .vis svg{transform:translateY(-3px)scale(1.04)}.odk .tool:not(.big) h3{letter-spacing:-.01em;padding-inline:6px;font-size:17px}.odk .tool:not(.big) p{padding-inline:6px}.odk .vis .p{fill:var(--card);stroke:var(--line);stroke-width:1px}.odk .vis .s{fill:var(--line)}.odk .vis .k{fill:color-mix(in srgb,var(--ink)70%,var(--card))}.odk .vis .sl{stroke:#e5484d73;stroke-width:1.2px}.odk .vis .a{fill:var(--c)}.odk .vis .a2{stroke:var(--c)}.odk .vis .a3{fill:color-mix(in srgb,var(--c)35%,var(--card))}.odk .vis .o{fill:none;stroke:var(--line);stroke-width:1.8px}.odk .vis .o2{fill:color-mix(in srgb,var(--c)18%,var(--card))}.odk .vis .ring{fill:var(--card);stroke:var(--card);stroke-width:3px}.odk .vis .g{fill:var(--green);stroke:var(--card);stroke-width:2.4px}.odk .vis .w rect{fill:#fff}.odk .vis .area{fill:color-mix(in srgb,var(--c)16%,transparent)}.odk .vis .line{fill:none;stroke:var(--c);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.odk .vis .dot{fill:var(--card);stroke:var(--c);stroke-width:2.4px}.odk .vis .eq rect{transform-box:fill-box;transform-origin:bottom;transition:transform .4s cubic-bezier(.3,1.4,.5,1)}.odk .tool:hover .vis .eq rect:nth-child(odd){transform:scaleY(.6)}.odk .tool:hover .vis .eq rect:nth-child(2n){transform:scaleY(1.15)}.odk .vis .flip{transform-box:fill-box;transform-origin:50%;transition:transform .6s cubic-bezier(.3,1.3,.5,1)}.odk .tool:hover .vis .flip{transform:rotate(6deg)translate(4px)}.odk .vRoom{width:132px;height:70px;position:relative}.odk .vRoom b{width:34px;height:34px;box-shadow:0 0 0 3px var(--card);border-radius:50%;position:absolute;top:10px}.odk .vRoom b:first-child{left:22px}.odk .vRoom b:nth-child(2){z-index:1;left:49px}.odk .vRoom b:nth-child(3){left:76px}.odk .vRoom i{z-index:2;background:var(--green);width:11px;height:11px;box-shadow:0 0 0 2.5px var(--card);border-radius:50%;position:absolute;top:34px;left:104px}.odk .vRoom span{background:var(--line);border-radius:2px;width:56px;height:4px;position:absolute;top:54px;left:38px}.odk .tool.wide .vis svg{width:260px}.odk .tool.big{background:linear-gradient(180deg,color-mix(in srgb,var(--c)7%,var(--card)),var(--card)62%);border:1px solid var(--line-2);flex-direction:column;grid-area:span 2/span 2;gap:0;min-height:360px;padding:30px 30px 0;display:flex}.odk .tool.big:after{background:radial-gradient(320px circle at var(--px,50%)var(--py,50%),color-mix(in srgb,var(--c)10%,transparent),transparent 65%)}.odk .eye{color:var(--c);align-items:center;gap:7px;margin-bottom:10px;font-size:13px;font-weight:900;display:inline-flex}.odk .eye svg{width:17px;height:17px}.odk .tool.big h3{font-family:var(--display);letter-spacing:-.035em;font-size:clamp(30px,3.2vw,42px);line-height:1.02}.odk .tool.big p{color:var(--muted);max-width:30ch;margin-top:8px;font-size:16.5px}.odk .shot{background:var(--card);border:1px solid var(--line);width:min(100%,360px);box-shadow:0 -18px 40px -26px color-mix(in srgb,var(--c)45%,transparent);border-bottom:0;border-radius:24px 24px 0 0;align-self:center;margin-top:auto;padding:18px 18px 30px;transition:translate .5s cubic-bezier(.2,.9,.3,1);translate:0 18px}.odk .tool.big:hover .shot{translate:0 6px}.odk .segs{background:var(--desk);color:var(--muted);text-align:center;border-radius:11px;grid-template-columns:repeat(3,1fr);padding:3px;font-size:12px;font-weight:800;display:grid}.odk .segs span{white-space:nowrap;border-radius:8px;padding:6px 2px}.odk .segs .on{background:var(--card);color:var(--ink);box-shadow:0 1px 3px #00000014}.odk .bigNum{text-align:center;font-family:var(--display);letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:var(--ink);margin:16px 0 14px;font-size:56px;font-weight:600;line-height:1;display:block}.odk .presets2{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.odk .presets2 span{border:1px solid var(--line);color:var(--muted);border-radius:99px;padding:6px 11px;font-size:12.5px;font-weight:800;transition:background .3s,color .3s,border-color .3s}.odk .presets2 span.on{background:var(--c);border-color:var(--c);color:#fff}.odk .duo{justify-content:center;align-items:center;display:flex}.odk .duo b{width:62px;height:62px;box-shadow:0 0 0 4px var(--card);border-radius:50%;transition:transform .5s cubic-bezier(.3,1.4,.5,1)}.odk .duo .hk{z-index:1;background:var(--c);color:#fff;width:30px;height:30px;box-shadow:0 0 0 4px var(--card);border-radius:50%;place-items:center;margin:0 -10px;display:grid;position:relative}.odk .duo .hk svg{width:15px;height:15px}.odk .tool.big:hover .duo b:first-child{transform:translate(6px)}.odk .tool.big:hover .duo b:last-child{transform:translate(-6px)}.odk .duoTime{justify-content:center;align-items:baseline;gap:8px;margin:14px 0 10px;display:flex}.odk .duoTime strong{font-family:var(--display);letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:40px;font-weight:600;line-height:1}.odk .duoTime small{color:var(--soft);font-size:13px;font-weight:800}.odk .duoBar{background:var(--desk);border-radius:3px;height:5px;overflow:hidden}.odk .duoBar i{border-radius:inherit;background:var(--c);width:38%;height:100%;display:block}@media (max-width:480px){.odk .tool.big{min-height:0;padding:24px 22px 0}}.odk .tool.wide{grid-column:span 2}.odk .c-blue{--c:var(--blue)}.odk .c-purple{--c:var(--purple)}.odk .c-amber{--c:var(--amber)}.odk .c-peach{--c:var(--peach)}.odk .allLink{background:var(--card);border:1.5px solid var(--line);border-radius:14px;align-items:center;gap:8px;margin-top:28px;padding:12px 18px;font-weight:900;display:inline-flex}.odk .allLink svg{transition:transform .25s}.odk .allLink:hover svg{transform:translate(4px)}@media (max-width:900px){.odk .bento{grid-template-columns:repeat(2,minmax(0,1fr))}.odk .tIntro{grid-template-columns:minmax(0,1fr)}}@media (max-width:480px){.odk .bento{grid-template-columns:minmax(0,1fr)}.odk .tool.big,.odk .tool.wide{grid-area:auto;min-height:0}}.odk .startSec{padding-block:60px}.odk .band{background:var(--band);color:#eafaf1;text-align:center;border-radius:36px;justify-items:center;gap:18px;padding:clamp(36px,6vw,80px) clamp(22px,5vw,64px) 0;display:grid;position:relative;overflow:hidden}.odk .band:before{content:"";pointer-events:none;border:1.5px dashed #eafaf12e;border-radius:28px;position:absolute;inset:12px}.odk .bigClock{font-family:var(--display);letter-spacing:-.06em;color:#0000;-webkit-text-stroke:1.5px #7ee2b059;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;font-size:clamp(80px,16vw,210px);font-weight:800;line-height:.85}.odk .band .kick{color:#7ee2b0}.odk .band h2{color:#fff;font-size:clamp(40px,6.6vw,84px)}.odk .band h2 span{color:#7ee2b0}.odk .band p{color:#eafaf1bf;max-width:44ch;font-size:18px;font-weight:700}.odk .band .btn.sec{color:#fff;box-shadow:none;background:0 0;border-color:#eafaf14d}.odk .band .btn.pri{color:#08251a;background:#3fcf8e;box-shadow:0 4px #1f8f5e}.odk .dl{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.odk .store{text-align:left;color:#fff;border-radius:16px;align-items:center;gap:12px;min-width:210px;padding:10px 18px 10px 14px;display:inline-flex}.odk .store span{line-height:1.15;display:grid}.odk .store small{opacity:.75;font-size:11.5px;font-weight:800}.odk .store strong{letter-spacing:-.01em;font-size:18px;font-weight:900}.odk .store svg{flex:none;width:28px;height:28px}.odk .store.play{background:#0b0f0d;border:1px solid #ffffff2e;transition:transform .2s,border-color .2s}.odk .store.play:hover{border-color:#fff6;transform:translateY(-2px)}.odk .store.soon{color:#eafaf1bf;cursor:default;background:#ffffff0f;border:1px dashed #eafaf140}.odk .store.soon em{letter-spacing:.1em;color:#7ee2b0;background:#7ee2b02e;border-radius:99px;margin-left:4px;padding:3px 8px;font-size:10.5px;font-style:normal;font-weight:900}.odk .trust{color:#eafaf1d9;flex-wrap:wrap;justify-content:center;gap:8px 18px;font-size:14px;font-weight:800;display:flex}.odk .trust span{align-items:center;gap:6px;display:inline-flex}.odk .trust svg{color:#7ee2b0}.odk .bandRuler{border-top:1px solid #eafaf11f;place-self:stretch stretch;height:48px;margin:22px calc(-1*clamp(22px,5vw,64px)) 0;position:relative}.odk .bandRuler .ticks{background:repeating-linear-gradient(90deg,#eafaf138 0 1.5px,#0000 1.5px 4%) bottom/100% 12px no-repeat,repeating-linear-gradient(90deg,#eafaf180 0 1.5px,#0000 1.5px 20%) bottom/100% 22px no-repeat;position:absolute;inset:0}.odk .bandRuler .fill{transform-origin:0;background:#3fcf8e;width:100%;height:5px;position:absolute;bottom:0;left:0;transform:scaleX(0)}.odk .bandRuler span{color:#eafaf18c;font-size:11px;font-weight:900;position:absolute;bottom:25px;transform:translate(4px)}.odk .faqSec{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:48px;padding-block:72px 110px;display:grid}.odk .faqIntro{top:calc(96px + env(safe-area-inset-top,0px));gap:14px;display:grid;position:sticky}.odk .faqIntro h2{font-size:clamp(40px,5vw,64px)}.odk .faqIntro p{color:var(--muted);font-weight:700}.odk .faqIntro p a{color:var(--green);border-bottom:2px solid var(--mint-2);font-weight:900}.odk .faqList{gap:10px;min-width:0;display:grid}.odk details{background:var(--card);border:1.5px solid var(--line);border-radius:18px;transition:border-color .25s,box-shadow .25s}.odk details[open]{border-color:color-mix(in srgb,var(--green)45%,var(--line));box-shadow:var(--shadow)}.odk summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;font-size:16px;font-weight:900;list-style:none;display:flex}.odk summary::-webkit-details-marker{display:none}.odk summary span{background:var(--mint);width:30px;height:30px;color:var(--green);border-radius:10px;flex:none;place-items:center;font-size:18px;transition:transform .3s cubic-bezier(.3,1.5,.5,1);display:grid}.odk details[open] summary span{transform:rotate(135deg)}.odk details p{color:var(--muted);padding:0 20px 18px;font-weight:700}@media (max-width:860px){.odk .faqSec{grid-template-columns:minmax(0,1fr);gap:24px}.odk .faqIntro{position:static}}.odk footer{--f-bg:var(--desk);--f-ink:var(--ink);--f-accent:var(--green);--f-text:var(--muted);--f-faint:var(--soft);--f-line:var(--line);--f-btn:var(--card);--f-btn-line:var(--line);--f-btn-hover:var(--mint);--f-icon-bg:#0b1f16;--f-giant:14,159,110;background:var(--f-bg);color:var(--f-ink);border-top:1px solid var(--line-2);padding-top:72px;position:relative;overflow:hidden}@media (prefers-color-scheme:dark){.odk:not([data-theme=light]) footer{--f-bg:#0c241a;--f-ink:#fff;--f-accent:#7ee2b0;--f-text:#e6f4ecd1;--f-faint:#e6f4ecb8;--f-line:#e6f4ec1a;--f-btn:#ffffff0f;--f-btn-line:#ffffff1f;--f-btn-hover:#3ddc841f;--f-giant:255,255,255;border-top-color:#0000}}.odk[data-theme=dark] footer{--f-bg:#0c241a;--f-ink:#fff;--f-accent:#7ee2b0;--f-text:#e6f4ecd1;--f-faint:#e6f4ecb8;--f-line:#e6f4ec1a;--f-btn:#ffffff0f;--f-btn-line:#ffffff1f;--f-btn-hover:#3ddc841f;--f-giant:255,255,255;border-top-color:#0000}.odk footer .fTop{border-bottom:1px solid var(--f-line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:28px;padding-bottom:48px;display:flex}.odk footer .fTop .tag{font-family:var(--display);letter-spacing:-.04em;max-width:13ch;color:var(--f-ink);text-wrap:balance;font-size:clamp(36px,5.4vw,68px);font-weight:800;line-height:1}.odk footer .fTop .tag span{color:var(--f-accent)}.odk .droid{background:var(--f-btn);border:1px solid var(--f-btn-line);color:var(--f-ink);border-radius:18px;align-items:center;gap:14px;padding:12px 16px 12px 12px;transition:background .25s,border-color .25s,transform .25s;display:inline-flex}.odk .droid:hover{background:var(--f-btn-hover);border-color:#3ddc8473;transform:translateY(-2px)}.odk .droid>svg:first-child{background:var(--f-icon-bg);border-radius:12px;flex:none;width:44px;height:44px;padding:4px}.odk .droid span{line-height:1.15;display:grid}.odk .droid small{color:var(--f-faint);font-size:12px;font-weight:800}.odk .droid strong{letter-spacing:-.01em;font-size:19px;font-weight:900}.odk .droid .go{width:18px;height:18px;color:var(--f-accent);margin-left:6px;transition:transform .25s}.odk .droid:hover .go{transform:translate(4px)}.odk .ft{grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:32px;padding-block:40px 36px;display:grid}.odk .ft>div{align-content:start;gap:10px;display:grid}.odk .ft strong{letter-spacing:.14em;text-transform:uppercase;color:var(--f-faint);margin-bottom:2px;font-size:12px;font-weight:900}.odk .ft a{color:var(--f-text);width:fit-content;font-weight:800;transition:color .2s}.odk .ft a:hover{color:var(--f-accent)}.odk .fBrand .brand{color:var(--f-ink);font-size:22px}.odk .fb{border-top:1px solid var(--f-line);color:var(--f-faint);flex-wrap:wrap;justify-content:space-between;gap:10px;padding-block:18px 0;font-size:13.5px;font-weight:800;display:flex}.odk .fb span{align-items:center;gap:6px;display:inline-flex}.odk .giant{font-family:var(--odk-font-round),var(--display);letter-spacing:-.03em;text-align:center;color:#0000;background:linear-gradient(180deg,rgba(var(--f-giant),.9)12%,rgba(var(--f-giant),.28)95%);-webkit-user-select:none;user-select:none;white-space:nowrap;-webkit-background-clip:text;background-clip:text;margin-top:18px;margin-bottom:-.03em;font-size:clamp(90px,23vw,330px);font-weight:700;line-height:.86}.odk .giant small{letter-spacing:-.02em;margin-left:.04em;font-size:.22em}@media (max-width:760px){.odk .ft{grid-template-columns:repeat(2,minmax(0,1fr))}.odk .ft>div:first-child{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.odk .scene,.odk .ch,.odk .chapters,.odk .tilt{transition:none!important}}.odk{min-height:100vh}.odk button.lang{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:13px;font-weight:900}.odk button.lang:hover{color:var(--ink)}.odk .badge img{width:auto;max-width:100%;height:30px;display:block}.odk .chapters,.odk #neden-odakoo,.odk #ozellikler{scroll-margin-top:72px}.odk .faqSec,.odk footer{content-visibility:auto;contain-intrinsic-size:auto 900px}@media (prefers-reduced-motion:no-preference){.odk #swash{stroke-dasharray:120;stroke-dashoffset:120px;animation:.9s cubic-bezier(.6,0,.3,1) .15s forwards odkDraw}.odk #win{animation:1.2s cubic-bezier(.16,1,.3,1) backwards odkSettle}}@keyframes odkDraw{to{stroke-dashoffset:0}}@keyframes odkSettle{0%{transform:translateY(24px)}}.odk .btn.pri,.odk .cta-s{background:#0a7f55}@media (prefers-color-scheme:dark){.odk:not([data-theme=light]) .btn.pri,.odk:not([data-theme=light]) .cta-s{color:#06281b;background:#3fcf8e}}.odk[data-theme=dark] .btn.pri,.odk[data-theme=dark] .cta-s{color:#06281b;background:#3fcf8e}.odk .btn.buddy{background:var(--purple-dk);box-shadow:0 4px #4e3790}.odk .tm:not(.brk) .tGo{background:#0a7f55}@media (prefers-color-scheme:dark){.odk:not([data-theme=light]) .btn.buddy{background:#6a4fb4;box-shadow:0 4px #3f2d7d}.odk:not([data-theme=light]) .tm:not(.brk) .tGo{color:#06281b;background:#3fcf8e}}.odk[data-theme=dark] .btn.buddy{background:#6a4fb4;box-shadow:0 4px #3f2d7d}.odk[data-theme=dark] .tm:not(.brk) .tGo{color:#06281b;background:#3fcf8e}.odk .bsteps span.on{color:#fff;background:#6a4fb4}.odk .store small{opacity:1;color:#eafaf1d1}.odk .bandRuler span{color:#eafaf1b3}.odk .bsteps span{color:var(--purple-dk)}.odk .bsteps span.on{color:#fff}.odk .streak small{color:#6f4600}@media (prefers-color-scheme:dark){.odk:not([data-theme=light]) .bsteps span{color:var(--purple)}.odk:not([data-theme=light]) .bsteps span.on{color:#fff}.odk:not([data-theme=light]) .streak small{color:var(--amber)}}.odk[data-theme=dark] .bsteps span{color:var(--purple)}.odk[data-theme=dark] .bsteps span.on{color:#fff}.odk[data-theme=dark] .streak small{color:var(--amber)}.odk .themeBtn{justify-content:center;min-width:38px}.odk .themeBtn svg{flex:none;width:17px;height:17px}.odk .themeBtn .tSun{display:none}@media (prefers-color-scheme:dark){.odk:not([data-theme=light]) .themeBtn .tSun{display:block}.odk:not([data-theme=light]) .themeBtn .tMoon{display:none}}.odk[data-theme=dark] .themeBtn .tSun{display:block}.odk[data-theme=dark] .themeBtn .tMoon{display:none}