#okdemo{box-sizing:border-box;display:block}#okdemo svg{display:inline-block;vertical-align:middle}#okdemo kbd{font-family:var(--f)}#okdemo img{display:inline-block}
#okdemo{--page:#FFFAF6; --surface:#FFFFFF; --canvas:#F8F4F0; --side:#FCF9F6; --hover:#FBF1EA;
  --line:#EEE6DF; --line2:#E2D7CE; --ink:#1F1B22; --muted:#6D6670; --faint:#A29AA3;
  --accent:#FF6320; --accent2:#F2335F; --accent-ink:#D4491B; --soft:#FFF1E6; --soft2:#FFE6D6;
  --grad:linear-gradient(105deg,#FF6320 0%,#FF6320 18%,#F2335F 100%);
  --ok:#14936A; --warn:#C27C06; --bad:#D83B55; --info:#3767D8;
  --a1:#E0702F; --a2:#7C5CE0; --a3:#0E9A94; --a4:#3B74E0; --a5:#D1467A;
  --tip:#505361;
  --shadow:0 1px 2px rgba(60,30,10,.05),0 10px 30px -12px rgba(60,30,10,.18);
  --shadow-lg:0 2px 4px rgba(60,30,10,.05),0 30px 60px -24px rgba(60,30,10,.28);
  --f:'Poppins',ui-sans-serif,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --r:14px; --r-sm:9px;}#okdemo *{box-sizing:border-box}#okdemo{background:var(--page);color:var(--ink);font-family:var(--f);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;padding-inline:clamp(16px,3vw,40px);padding-block:0 48px}#okdemo button{font:inherit;color:inherit;cursor:pointer}#okdemo a{color:inherit}#okdemo :focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}#okdemo .num{font-variant-numeric:tabular-nums}#okdemo h1,#okdemo h2,#okdemo h3{text-wrap:balance;margin:0}#okdemo .top{max-width:1320px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:20px 8px;flex-wrap:wrap}#okdemo .brand{display:flex;align-items:center;gap:10px;text-decoration:none}#okdemo .brand img{width:30px;height:30px}#okdemo .brand b{font-weight:700;font-size:17px;letter-spacing:-.01em}#okdemo .pill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-ink);background:var(--soft);padding:4px 10px;border-radius:99px}#okdemo .cta{display:inline-flex;align-items:center;gap:8px;background:var(--grad);color:#fff;border:0;border-radius:99px;padding:10px 18px 10px 20px;font-weight:600;text-decoration:none;box-shadow:0 8px 20px -10px rgba(242,51,95,.7);transition:transform .15s,box-shadow .15s;white-space:nowrap}#okdemo .cta:hover{transform:translateY(-1px);box-shadow:0 12px 26px -10px rgba(242,51,95,.75)}#okdemo .cta svg{width:16px;height:16px}#okdemo .cta.ghost{background:transparent;color:var(--ink);border:1px solid var(--line2);box-shadow:none}#okdemo .cta.ghost:hover{background:var(--hover)}#okdemo .hero{max-width:1320px;margin:0 auto;padding-block:26px 22px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end}#okdemo .hero h1{font-size:clamp(28px,4.2vw,46px);line-height:1.08;letter-spacing:-.035em;font-weight:700;max-width:18ch}#okdemo .hero h1 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}#okdemo .hero p{color:var(--muted);max-width:56ch;margin:12px 0 0;font-size:15px}#okdemo .hero .facts{display:flex;gap:22px;color:var(--muted);font-size:12.5px}#okdemo .hero .facts b{display:block;color:var(--ink);font-size:20px;font-weight:700;letter-spacing:-.02em}@media (max-width:760px){#okdemo .hero{grid-template-columns:1fr}}#okdemo .rail{max-width:1320px;margin:0 auto 18px;display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}#okdemo .rail button{flex:0 0 auto;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:6px 13px 6px 6px;font-size:12.5px;font-weight:500;color:var(--muted);transition:background .15s,border-color .15s,color .15s}#okdemo .rail button i{font-style:normal;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;background:var(--canvas);color:var(--muted)}#okdemo .rail button.done{color:var(--ink)}#okdemo .rail button.done i{background:var(--soft2);color:var(--accent-ink)}#okdemo .rail button.cur{border-color:transparent;background:var(--grad);color:#fff}#okdemo .rail button.cur i{background:rgba(255,255,255,.22);color:#fff}#okdemo .player{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 318px;gap:22px;align-items:start}@media (max-width:1040px){#okdemo .player{grid-template-columns:minmax(0,1fr)}#okdemo .guide{order:-1;position:static!important}}#okdemo .stage{position:relative;min-width:0;overflow-x:clip}#okdemo .guide{position:sticky;top:calc(env(safe-area-inset-top,0px) + 16px);background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px}#okdemo .g-step{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);font-weight:500}#okdemo .g-bar{height:4px;background:var(--canvas);border-radius:9px;overflow:hidden}#okdemo .g-bar span{display:block;height:100%;background:var(--grad);border-radius:9px;transition:width .45s cubic-bezier(.2,.8,.2,1)}#okdemo .g-eyebrow{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink)}#okdemo .guide h2{font-size:21px;line-height:1.22;letter-spacing:-.02em;font-weight:700}#okdemo .guide p{margin:0;color:var(--muted);font-size:13.5px}#okdemo .g-gain{display:flex;gap:10px;align-items:flex-start;background:var(--soft);border-radius:12px;padding:11px 12px;font-size:13px;color:var(--ink)}#okdemo .g-gain svg{flex:0 0 18px;width:18px;height:18px;color:var(--accent-ink);margin-top:1px}#okdemo .g-do{display:flex;gap:8px;align-items:center;font-size:12.5px;color:var(--muted)}#okdemo .g-do .dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent);flex:0 0 10px}#okdemo .g-nav{display:flex;gap:8px}#okdemo .g-nav button{flex:1;border-radius:11px;padding:10px 12px;font-weight:600;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line2);background:var(--surface)}#okdemo .g-nav button:hover{background:var(--hover)}#okdemo .g-nav button.next{background:var(--grad);border-color:transparent;color:#fff}#okdemo .g-nav button:disabled{opacity:.4;cursor:default}#okdemo .g-nav svg{width:15px;height:15px}#okdemo .g-keys{font-size:11.5px;color:var(--faint);text-align:center}#okdemo .g-keys kbd{font-family:var(--f);font-size:11px;border:1px solid var(--line2);border-bottom-width:2px;border-radius:5px;padding:0 5px;color:var(--muted)}#okdemo .g-end{display:flex;flex-direction:column;gap:8px}#okdemo .g-end .cta{justify-content:center}#okdemo .app{container-type:inline-size;container-name:app;background:var(--surface);border:1px solid var(--line2);border-radius:18px;box-shadow:var(--shadow-lg);overflow:hidden;position:relative}#okdemo .chrome{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--canvas);border-bottom:1px solid var(--line)}#okdemo .dots{display:flex;gap:6px}#okdemo .dots i{width:10px;height:10px;border-radius:50%;background:var(--line2)}#okdemo .url{flex:1;min-width:0;max-width:420px;margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:4px 10px;font-size:12px;color:var(--muted);display:flex;gap:6px;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#okdemo .url svg{width:12px;height:12px;flex:0 0 12px}#okdemo .fict{font-size:10.5px;font-weight:600;color:var(--accent-ink);background:var(--soft);border-radius:99px;padding:3px 9px;white-space:nowrap;letter-spacing:.02em}#okdemo .body{display:grid;grid-template-columns:214px minmax(0,1fr);min-height:660px;position:relative}#okdemo .side{background:var(--side);border-right:1px solid var(--line);padding:16px 10px;display:flex;flex-direction:column;gap:2px}#okdemo .side .org{display:flex;align-items:center;gap:9px;padding:4px 8px 14px;margin-bottom:6px;border-bottom:1px solid var(--line)}#okdemo .side .org img{width:26px;height:26px}#okdemo .side .org b{display:block;font-size:13px;line-height:1.2}#okdemo .side .org small{font-size:11px;color:var(--muted)}#okdemo .side h4{margin:12px 8px 4px;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:var(--faint)}#okdemo .nav{display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:9px;font-size:13px;color:var(--muted);border:0;background:none;text-align:left;width:100%;transition:background .12s,color .12s}#okdemo .nav svg{width:17px;height:17px;flex:0 0 17px}#okdemo .nav:hover{background:var(--hover);color:var(--ink)}#okdemo .nav.on{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.06),0 0 0 1px var(--line)}#okdemo .nav.on svg{color:var(--accent-ink)}#okdemo .nav .cnt{margin-left:auto;font-size:11px;font-weight:600;color:var(--muted);background:var(--canvas);border-radius:99px;padding:0 7px;min-width:22px;text-align:center}#okdemo .nav.on .cnt{background:var(--soft2);color:var(--accent-ink)}#okdemo .side .foot{margin-top:auto;padding:10px 8px 0;font-size:11px;color:var(--faint)}#okdemo .mnav{display:none}#okdemo .main{min-width:0;display:flex;flex-direction:column}#okdemo .bar{display:flex;align-items:center;gap:10px;padding:12px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}#okdemo .search{flex:1;min-width:160px;max-width:340px;display:flex;align-items:center;gap:8px;background:var(--canvas);border:1px solid var(--line);border-radius:10px;padding:7px 11px;color:var(--faint);font-size:12.5px}#okdemo .search svg{width:15px;height:15px}#okdemo .search kbd{margin-left:auto;font-family:var(--f);font-size:10.5px;border:1px solid var(--line2);border-radius:5px;padding:0 5px}#okdemo .sector{display:flex;align-items:center;background:var(--canvas);border:1px solid var(--line);border-radius:10px;padding:3px;gap:2px;margin-left:auto}#okdemo .sector span{font-size:11px;color:var(--faint);padding:0 6px 0 5px;white-space:nowrap}#okdemo .sector button{border:0;background:none;border-radius:7px;padding:4px 10px;font-size:12px;font-weight:500;color:var(--muted);white-space:nowrap}#okdemo .sector button.on{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.08),0 0 0 1px var(--line)}#okdemo .ibtn{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--muted);position:relative}#okdemo .ibtn svg{width:17px;height:17px}#okdemo .ibtn .badge{position:absolute;top:-4px;right:-4px;background:var(--accent2);color:#fff;font-size:9.5px;font-weight:700;border-radius:99px;min-width:16px;height:16px;display:grid;place-items:center;padding:0 4px}#okdemo .okbtn{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:10px;padding:8px 13px 8px 11px;background:var(--grad);color:#fff;font-weight:600;font-size:12.5px}#okdemo .okbtn svg{width:16px;height:16px}#okdemo .av{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:11.5px;font-weight:600;color:#fff;flex:0 0 auto}#okdemo .av.sm{width:26px;height:26px;font-size:10px}#okdemo .content{padding:22px 22px 28px;display:flex;flex-direction:column;gap:18px;min-width:0}#okdemo .ph{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap}#okdemo .ph .eb{font-size:11.5px;color:var(--muted);font-weight:500;display:flex;gap:8px;align-items:center;flex-wrap:wrap}#okdemo .ph h2{font-size:23px;letter-spacing:-.025em;font-weight:700;line-height:1.2;margin-top:3px}#okdemo .ph .sub{color:var(--muted);font-size:12.5px;margin-top:3px}#okdemo .acts{display:flex;gap:8px;flex-wrap:wrap}#okdemo .btn{display:inline-flex;align-items:center;gap:7px;border-radius:10px;padding:8px 14px;font-size:12.5px;font-weight:600;border:1px solid var(--line2);background:var(--surface);color:var(--ink);white-space:nowrap;transition:background .12s,transform .12s}#okdemo .btn:hover{background:var(--hover)}#okdemo .btn svg{width:15px;height:15px}#okdemo .btn.pri{background:var(--grad);border-color:transparent;color:#fff}#okdemo .btn.pri:hover{filter:brightness(1.04)}#okdemo .btn.pri:disabled{filter:saturate(.3);opacity:.55;cursor:default}#okdemo .btn.okd{background:color-mix(in srgb,var(--ok) 14%,transparent);border-color:transparent;color:var(--ok);cursor:default}#okdemo .btn.sm{padding:5px 10px;font-size:12px;border-radius:8px}#okdemo .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);min-width:0}#okdemo .card-h{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px 0}#okdemo .card-h h3{font-size:14px;font-weight:600;letter-spacing:-.01em}#okdemo .card-h small{color:var(--muted);font-size:11.5px}#okdemo .card-b{padding:12px 16px 16px}#okdemo .grid2{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px}#okdemo .grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}#okdemo .kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}#okdemo .kpi{padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}#okdemo .kpi .l{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px}#okdemo .kpi .l svg{width:15px;height:15px;color:var(--faint)}#okdemo .kpi .v{font-size:24px;font-weight:700;letter-spacing:-.03em;margin-top:4px;line-height:1.15}#okdemo .kpi .d{font-size:11.5px;color:var(--muted);margin-top:2px}#okdemo .kpi .d b{color:var(--ok);font-weight:600}#okdemo .kpi .d b.neg{color:var(--bad)}#okdemo .chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;border-radius:99px;padding:2px 9px;white-space:nowrap;line-height:1.6}#okdemo .chip::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}#okdemo .chip.nodot::before{display:none}#okdemo .c-ok{color:var(--ok);background:color-mix(in srgb,var(--ok) 13%,transparent)}#okdemo .c-warn{color:var(--warn);background:color-mix(in srgb,var(--warn) 14%,transparent)}#okdemo .c-bad{color:var(--bad);background:color-mix(in srgb,var(--bad) 12%,transparent)}#okdemo .c-info{color:var(--info);background:color-mix(in srgb,var(--info) 12%,transparent)}#okdemo .c-mut{color:var(--muted);background:var(--canvas)}#okdemo .c-acc{color:var(--accent-ink);background:var(--soft)}#okdemo .mbars{display:flex;flex-direction:column;gap:4px;position:relative}#okdemo .mrow{display:grid;grid-template-columns:minmax(0,180px) minmax(0,1fr) 52px;gap:12px;align-items:center;padding:7px 8px;border-radius:9px;border:0;background:none;text-align:left;width:100%}#okdemo .mrow:hover{background:var(--hover)}#okdemo .mrow .n{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#okdemo .mrow .tr{height:10px;background:var(--canvas);border-radius:6px;position:relative}#okdemo .mrow .fl{position:absolute;inset:0 auto 0 0;border-radius:6px;background:var(--grad)}#okdemo .mrow .fl.low{background:var(--bad);opacity:.85}#okdemo .mrow .tgt{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--ink);opacity:.35;border-radius:2px}#okdemo .mrow .v{font-size:12.5px;font-weight:600;text-align:right}#okdemo .axis{display:grid;grid-template-columns:minmax(0,180px) minmax(0,1fr) 52px;gap:12px;padding:0 8px;font-size:10.5px;color:var(--faint)}#okdemo .axis div:nth-child(2){display:flex;justify-content:space-between}#okdemo .legend{display:flex;gap:14px;font-size:11px;color:var(--muted);padding:2px 8px 0}#okdemo .legend i{display:inline-block;width:10px;height:10px;border-radius:3px;background:var(--grad);margin-right:5px;vertical-align:-1px}#okdemo .legend i.t{width:2px;background:var(--ink);opacity:.4;border-radius:1px}#okdemo .alist{display:flex;flex-direction:column;gap:8px}#okdemo .aitem{display:flex;gap:11px;padding:10px 12px;border-radius:11px;background:var(--canvas);font-size:12.5px;align-items:flex-start}#okdemo .aitem .sv{width:3px;align-self:stretch;border-radius:3px;flex:0 0 3px}#okdemo .aitem b{font-weight:600}#okdemo .aitem small{display:block;color:var(--muted);font-size:11.5px;margin-top:1px}#okdemo .tw{overflow-x:auto}#okdemo table{width:100%;border-collapse:collapse;font-size:12.5px}#okdemo th{text-align:left;font-weight:500;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--faint);padding:8px 12px;border-bottom:1px solid var(--line);white-space:nowrap}#okdemo td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:middle}#okdemo tr:last-child td{border-bottom:0}#okdemo tbody tr.click{cursor:pointer}#okdemo tbody tr.click:hover td{background:var(--hover)}#okdemo td.r,#okdemo th.r{text-align:right}#okdemo .prog{display:flex;align-items:center;gap:8px;min-width:110px}#okdemo .prog .tr{flex:1;height:6px;border-radius:4px;background:var(--canvas);overflow:hidden}#okdemo .prog .tr span{display:block;height:100%;background:var(--grad);border-radius:4px}#okdemo .prog b{font-size:11.5px;font-weight:600;width:34px;text-align:right}#okdemo .who{display:flex;align-items:center;gap:9px;white-space:nowrap}#okdemo .muted{color:var(--muted)}#okdemo .tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);overflow-x:auto}#okdemo .tab{border:0;background:none;padding:9px 12px;font-size:13px;font-weight:500;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;display:flex;gap:6px;align-items:center}#okdemo .tab:hover{color:var(--ink)}#okdemo .tab.on{color:var(--ink);font-weight:600;border-bottom-color:var(--accent)}#okdemo .tab .cnt{font-size:10.5px;background:var(--canvas);border-radius:99px;padding:0 6px;color:var(--muted);font-weight:600}#okdemo .tab.on .cnt{background:var(--soft2);color:var(--accent-ink)}#okdemo .phases{display:flex;flex-direction:column;gap:12px}#okdemo .phase{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:10px;align-items:center}#okdemo .phase .ic{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--line2);color:var(--faint)}#okdemo .phase .ic svg{width:12px;height:12px}#okdemo .phase.done .ic{background:var(--ok);border-color:var(--ok);color:#fff}#okdemo .phase.cur .ic{border-color:var(--accent);background:var(--soft)}#okdemo .phase.cur .ic::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent)}#okdemo .phase .t{font-size:13px;font-weight:500}#okdemo .phase .pb{height:5px;border-radius:4px;background:var(--canvas);margin-top:5px;overflow:hidden}#okdemo .phase .pb span{display:block;height:100%;background:var(--grad)}#okdemo .phase.done .pb span{background:var(--ok)}#okdemo .hbud{position:relative;height:16px;background:var(--canvas);border-radius:8px;margin-top:10px}#okdemo .hbud .fl{position:absolute;inset:0 auto 0 0;background:var(--grad);border-radius:8px}#okdemo .hbud .mk{position:absolute;top:-6px;bottom:-6px;width:2px;background:var(--ink);border-radius:2px}#okdemo .hbud .mk::after{content:attr(data-l);position:absolute;top:-19px;left:50%;transform:translateX(-50%);font-size:10.5px;font-weight:600;white-space:nowrap;color:var(--ink)}#okdemo .hleg{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted);margin-top:8px;gap:10px;flex-wrap:wrap}#okdemo .stat{display:flex;flex-direction:column;gap:2px}#okdemo .stat .l{font-size:11.5px;color:var(--muted)}#okdemo .stat .v{font-size:19px;font-weight:700;letter-spacing:-.02em}#okdemo .stat .v.acc{color:var(--ok)}#okdemo .foot-note{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;background:var(--soft);border-top:1px solid var(--line);border-radius:0 0 var(--r) var(--r);font-size:12.5px}#okdemo .inv{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:16px}#okdemo .inv-doc{padding:22px 22px 18px}#okdemo .inv-top{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}#okdemo .inv-top b{font-size:15px}#okdemo .inv-top .muted{font-size:12px;line-height:1.6}#okdemo .tot{margin-left:auto;width:min(290px,100%);display:flex;flex-direction:column;gap:5px;margin-top:14px;font-size:13px}#okdemo .tot div{display:flex;justify-content:space-between;gap:12px}#okdemo .tot .g{font-size:17px;font-weight:700;border-top:1px solid var(--line);padding-top:8px;margin-top:4px}#okdemo .src{font-size:10.5px;color:var(--muted);display:block;margin-top:1px}#okdemo .side-list{display:flex;flex-direction:column;gap:10px;font-size:12.5px}#okdemo .side-list div{display:flex;gap:9px;align-items:flex-start}#okdemo .side-list svg{width:16px;height:16px;flex:0 0 16px;color:var(--ok);margin-top:2px}#okdemo .ts td,#okdemo .ts th{padding:8px 8px}#okdemo .ts .cell{width:44px;height:32px;border-radius:8px;border:1px dashed var(--line2);background:var(--surface);font-weight:600;font-size:12.5px;color:var(--ink);transition:background .2s,border-color .2s}#okdemo .ts .cell.f{border-style:solid;border-color:transparent;background:var(--soft)}#okdemo .ts .cell.z{color:var(--faint)}#okdemo .ts .cell.pop{animation:okd-pop .45s ease}@keyframes okd-pop{0%{transform:scale(.7);background:var(--soft2)}60%{transform:scale(1.08)}100%{transform:scale(1)}}#okdemo .ts tfoot td{font-weight:700;border-top:1px solid var(--line);border-bottom:0}#okdemo .code{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;border:1px solid var(--line);border-radius:7px;padding:2px 7px;color:var(--muted);white-space:nowrap}#okdemo .code svg{width:11px;height:11px}#okdemo .sumrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}#okdemo .cal{display:grid;grid-template-columns:170px repeat(5,minmax(96px,1fr));border:1px solid var(--line);border-radius:var(--r);overflow:hidden;min-width:680px}#okdemo .cal>div{padding:9px 10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;min-height:64px}#okdemo .cal>div:nth-child(6n){border-right:0}#okdemo .cal .hd{min-height:0;background:var(--canvas);font-weight:600;font-size:11.5px;color:var(--muted)}#okdemo .cal .hd.today{color:var(--accent-ink)}#okdemo .cal .pj b{display:block;font-size:12.5px}#okdemo .cal .pj small{color:var(--muted);font-size:11px}#okdemo .cal .crew{display:flex;flex-wrap:wrap;gap:4px}#okdemo .cal .gap{background:color-mix(in srgb,var(--bad) 7%,transparent)}#okdemo .av.out{opacity:.35;text-decoration:line-through;outline:2px dashed var(--bad);outline-offset:1px}#okdemo .av.pend{outline:2px dashed var(--warn);outline-offset:1px}#okdemo .av.new{outline:2px solid var(--ok);outline-offset:1px;animation:okd-pop .5s ease}#okdemo .repl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;border-radius:var(--r);border:1px solid color-mix(in srgb,var(--bad) 30%,var(--line));background:color-mix(in srgb,var(--bad) 5%,var(--surface))}#okdemo .repl .who b{font-size:13px}#okdemo .repl p{margin:4px 0 0;font-size:12.5px;color:var(--muted)}#okdemo .tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}#okdemo .steps3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}#okdemo .s3{border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:4px;font-size:12.5px}#okdemo .s3 .h{display:flex;align-items:center;gap:8px;font-weight:600}#okdemo .s3 .h i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11px;background:var(--canvas);color:var(--muted)}#okdemo .s3.ok .h i{background:var(--ok);color:#fff}#okdemo .s3.warn{border-color:color-mix(in srgb,var(--warn) 45%,var(--line));background:color-mix(in srgb,var(--warn) 5%,var(--surface))}#okdemo .s3.warn .h i{background:var(--warn);color:#fff}#okdemo .s3 small{color:var(--muted)}#okdemo .gap-box{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--warn) 9%,transparent);font-size:12.5px}#okdemo .gap-box svg{width:18px;height:18px;color:var(--warn);flex:0 0 18px;margin-top:1px}#okdemo .gap-box.okk{background:color-mix(in srgb,var(--ok) 10%,transparent)}#okdemo .gap-box.okk svg{color:var(--ok)}#okdemo .equip{display:flex;flex-direction:column;gap:10px;font-size:12.5px}#okdemo .equip .row{display:flex;justify-content:space-between;gap:10px}#okdemo .equip .row span:first-child{color:var(--muted)}#okdemo .meter{height:6px;border-radius:4px;background:var(--canvas);overflow:hidden}#okdemo .meter span{display:block;height:100%;background:var(--warn)}#okdemo .ql{display:flex;flex-direction:column}#okdemo .qline{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:13px 16px;border-top:1px solid var(--line);transition:background .2s,opacity .2s}#okdemo .qline:first-child{border-top:0}#okdemo .qline .t{font-size:13px;font-weight:500}#okdemo .qline .s{display:inline-flex;align-items:center;gap:5px;margin-top:4px;font-size:11px;color:var(--accent-ink);background:var(--soft);border-radius:7px;padding:2px 8px}#okdemo .qline .s svg{width:12px;height:12px}#okdemo .qline .m{font-weight:600;font-size:13px;text-align:right;white-space:nowrap}#okdemo .qline .m small{display:block;font-weight:400;color:var(--muted);font-size:11px}#okdemo .qline.acc{background:color-mix(in srgb,var(--ok) 5%,transparent)}#okdemo .qline.ref{opacity:.45}#okdemo .qline.ref .m{text-decoration:line-through}#okdemo .yn{display:flex;gap:4px}#okdemo .yn button{width:32px;height:32px;border-radius:9px;border:1px solid var(--line2);background:var(--surface);display:grid;place-items:center;color:var(--muted)}#okdemo .yn button svg{width:15px;height:15px}#okdemo .yn button.y.on{background:var(--ok);border-color:var(--ok);color:#fff}#okdemo .yn button.n.on{background:var(--bad);border-color:var(--bad);color:#fff}#okdemo .okd{position:absolute;top:0;right:0;bottom:0;width:390px;max-width:100%;background:var(--surface);border-left:1px solid var(--line);box-shadow:-24px 0 50px -30px rgba(0,0,0,.35);transform:translateX(104%);transition:transform .38s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;z-index:5}#okdemo .okd.open{transform:none}#okdemo .okd-h{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}#okdemo .okd-h .lg{width:32px;height:32px;border-radius:10px;background:var(--grad);display:grid;place-items:center;color:#fff}#okdemo .okd-h .lg svg{width:18px;height:18px}#okdemo .okd-h b{display:block;font-size:14px}#okdemo .okd-h small{font-size:11px;color:var(--muted)}#okdemo .okd-h .x{margin-left:auto}#okdemo .okd-m{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}#okdemo .msg{max-width:92%;font-size:13px;line-height:1.5}#okdemo .msg.me{align-self:flex-end;background:var(--grad);color:#fff;padding:9px 13px;border-radius:14px 14px 4px 14px}#okdemo .msg.bot{align-self:flex-start;background:var(--canvas);padding:11px 13px;border-radius:14px 14px 14px 4px}#okdemo .msg.bot .calc{font-size:11px;color:var(--muted);display:flex;gap:6px;align-items:center;margin-bottom:6px}#okdemo .msg.bot .calc svg{width:12px;height:12px}#okdemo .hb{display:flex;flex-direction:column;gap:6px;margin:8px 0}#okdemo .hb div{display:grid;grid-template-columns:minmax(0,118px) minmax(0,1fr) 54px;gap:8px;align-items:center;font-size:12px}#okdemo .hb div span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#okdemo .hb i{display:block;height:8px;border-radius:5px;background:var(--grad)}#okdemo .hb b{text-align:right;font-weight:600}#okdemo .typing{display:flex;gap:4px;padding:12px 14px;background:var(--canvas);border-radius:14px;align-self:flex-start}#okdemo .typing i{width:6px;height:6px;border-radius:50%;background:var(--faint);animation:okd-blink 1s infinite}#okdemo .typing i:nth-child(2){animation-delay:.15s}#okdemo .typing i:nth-child(3){animation-delay:.3s}@keyframes okd-blink{0%,100%{opacity:.25}50%{opacity:1}}#okdemo .prop{margin-top:10px;border:1px solid var(--line2);background:var(--surface);border-radius:12px;padding:11px 12px;font-size:12.5px}#okdemo .prop .ph2{font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;font-weight:600;color:var(--accent-ink);margin-bottom:4px}#okdemo .prop .bt{display:flex;gap:6px;margin-top:10px}#okdemo .okmenu{padding:0}#okdemo .okcats{display:flex;flex-wrap:wrap;gap:5px;padding:2px 16px 8px}#okdemo .okcat{font-size:11px;font-weight:600;color:var(--muted);background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:3px 10px}#okdemo .okcat.on{color:#fff;background:var(--grad);border-color:transparent}#okdemo .oktel{display:flex;align-items:center;gap:7px;padding:4px 16px 10px;font-size:11.5px;color:var(--muted)}#okdemo .oktel svg{width:14px;height:14px;color:var(--accent-ink);flex:0 0 14px}#okdemo .oktel b{font-weight:600;color:var(--ink)}#okdemo .sugg{display:flex;flex-direction:column;gap:6px;padding:0 16px 10px}#okdemo .sugg button{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:11px;padding:8px 11px;font-size:12.5px;display:flex;gap:8px;align-items:center}#okdemo .sugg button:hover{background:var(--hover);border-color:var(--line2)}#okdemo .sugg button svg{width:14px;height:14px;color:var(--accent-ink);flex:0 0 14px}#okdemo .sugg button:disabled{opacity:.45;cursor:default}#okdemo .okd-in{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--line)}#okdemo .okd-in input{flex:1;min-width:0;font:inherit;font-size:13px;border:1px solid var(--line2);border-radius:10px;padding:8px 11px;background:var(--canvas);color:var(--ink)}#okdemo .okd-in button{border:0;border-radius:10px;background:var(--grad);color:#fff;width:38px;display:grid;place-items:center}#okdemo .okd-in button svg{width:16px;height:16px}#okdemo .okd-f{font-size:10.5px;color:var(--faint);padding:0 16px 12px;display:flex;gap:6px;align-items:center}#okdemo .okd-f svg{width:12px;height:12px;flex:0 0 12px}#okdemo .fin{display:grid;place-items:center;padding:36px 22px}#okdemo .fin-card{max-width:620px;width:100%;text-align:left;display:flex;flex-direction:column;gap:18px}#okdemo .fin-card h2{font-size:clamp(24px,3.4vw,34px);letter-spacing:-.035em;line-height:1.12;font-weight:700}#okdemo .fin-card h2 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}#okdemo .fin-card p{margin:0;color:var(--muted);font-size:14.5px;max-width:52ch}#okdemo .recap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#okdemo .recap div{display:flex;gap:9px;align-items:flex-start;padding:10px 12px;border-radius:11px;background:var(--canvas);font-size:12.5px}#okdemo .recap svg{width:16px;height:16px;color:var(--ok);flex:0 0 16px;margin-top:2px}#okdemo .recap div.no svg{color:var(--faint)}#okdemo .fin-cta{display:flex;gap:10px;flex-wrap:wrap}#okdemo .hs{position:absolute;pointer-events:none;border-radius:12px;z-index:20;box-shadow:0 0 0 2px var(--accent),0 0 0 6px color-mix(in srgb,var(--accent) 15%,transparent);transition:left .45s cubic-bezier(.2,.8,.2,1),top .45s cubic-bezier(.2,.8,.2,1),width .45s cubic-bezier(.2,.8,.2,1),height .45s cubic-bezier(.2,.8,.2,1),border-radius .45s,opacity .25s}#okdemo .hs::before{content:"";position:absolute;inset:-2px;border-radius:inherit;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 60%,transparent);animation:okd-ring 2.2s cubic-bezier(.2,.7,.3,1) infinite}@keyframes okd-ring{0%{inset:-2px;opacity:.9}100%{inset:-16px;opacity:0}}#okdemo .tip{position:absolute;z-index:21;background:linear-gradient(105deg,#FF6320 0%,#F2335F 100%);color:#fff;font-size:12.5px;font-weight:600;letter-spacing:.005em;padding:8px 14px 8px 8px;border-radius:12px;box-shadow:0 12px 26px -10px rgba(242,51,95,.6),0 2px 6px rgba(242,51,95,.18);pointer-events:none;white-space:nowrap;transition:left .45s cubic-bezier(.2,.8,.2,1),top .45s cubic-bezier(.2,.8,.2,1),opacity .25s;display:flex;align-items:center;gap:8px}#okdemo .tip .ico{width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.22);display:grid;place-items:center;flex:0 0 20px}#okdemo .tip .ico svg{width:12px;height:12px}#okdemo .tip::before{content:"";position:absolute;left:var(--ax,24px);width:11px;height:11px;background:var(--tipc,#F84A40);border-radius:2px;transform:rotate(45deg)}#okdemo .tip.below::before{top:-4px}#okdemo .tip.above::before{bottom:-4px}#okdemo .tip.in{animation:okd-tipin .4s cubic-bezier(.2,.8,.2,1)}@keyframes okd-tipin{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}#okdemo .hs.off,#okdemo .tip.off{opacity:0}#okdemo .toast{position:absolute;left:50%;bottom:18px;transform:translate(-50%,20px);opacity:0;z-index:30;background:var(--tip);color:#fff;font-size:12.5px;padding:10px 14px;border-radius:12px;display:flex;gap:9px;align-items:center;box-shadow:var(--shadow);transition:transform .3s,opacity .3s;max-width:calc(100% - 32px);pointer-events:none}#okdemo .toast.show{opacity:1;transform:translate(-50%,0)}#okdemo .toast svg{width:16px;height:16px;flex:0 0 16px;color:#7BE0B5}#okdemo .fade{animation:okd-fadein .35s ease both}@keyframes okd-fadein{from{opacity:.001;transform:translateY(6px)}to{opacity:1;transform:none}}#okdemo .voc{border-radius:4px}#okdemo .voc.flash{animation:okd-okd-flash 1.1s ease}@keyframes okd-flash{0%{background:color-mix(in srgb,var(--accent) 35%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 35%,transparent)}100%{background:transparent;box-shadow:0 0 0 3px transparent}}#okdemo .pagefoot{max-width:1320px;margin:26px auto 0;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--faint)}#okdemo{--glow1:rgba(255,120,60,.16);--glow2:rgba(242,51,95,.11);--glow3:rgba(255,190,120,.14);--bezel:#E7DED6;--screen:#FBF8F5}#okdemo .ambient{position:fixed;inset:0;pointer-events:none;z-index:-1;background:
  radial-gradient(900px 520px at 88% -8%,var(--glow2),transparent 70%),
  radial-gradient(760px 480px at 8% -12%,var(--glow1),transparent 70%),
  radial-gradient(900px 600px at 50% 110%,var(--glow3),transparent 70%)}#okdemo .stage::before{content:"";position:absolute;inset:40px 6% -30px;background:var(--grad);filter:blur(70px);opacity:.16;border-radius:40px;z-index:-1}#okdemo .app{box-shadow:var(--shadow-lg),0 0 0 1px color-mix(in srgb,var(--accent) 10%,transparent)}#okdemo .ver{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:500;color:var(--muted);border:1px solid var(--line2);background:var(--surface);border-radius:99px;padding:3px 10px 3px 4px}#okdemo .ver b{font-weight:600;color:#fff;background:var(--grad);border-radius:99px;padding:1px 8px;font-size:10.5px}#okdemo .new{display:inline-flex;align-items:center;font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--grad);border-radius:99px;padding:1px 7px;line-height:1.7;white-space:nowrap}#okdemo .bellw{position:static}#okdemo .wnw{position:static}#okdemo .wnv{font-size:10px;font-weight:700;color:var(--accent-ink);background:color-mix(in srgb,var(--accent) 14%,transparent);border-radius:5px;padding:0 5px;vertical-align:1px}#okdemo .badge.wnb{background:var(--accent)}#okdemo .bar{position:relative}#okdemo .bellp{position:absolute;right:14px;top:calc(100% - 2px);width:360px;max-width:calc(100vw - 64px);background:var(--surface);border:1px solid var(--line2);border-radius:16px;box-shadow:var(--shadow-lg);z-index:8;overflow:hidden}#okdemo .bellp-h{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:13px 15px;border-bottom:1px solid var(--line)}#okdemo .bellp-h b{font-size:13.5px}#okdemo .bitem{display:flex;gap:11px;padding:11px 15px;border-bottom:1px solid var(--line);font-size:12.5px;align-items:flex-start}#okdemo .bitem .bi{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:0 0 30px}#okdemo .bitem .bi svg{width:15px;height:15px}#okdemo .bitem small{display:block;color:var(--muted);font-size:11.5px;margin-top:1px}#okdemo .bellp-f{padding:10px 15px;font-size:11px;color:var(--muted);background:var(--canvas)}#okdemo .flow{display:flex;align-items:center;gap:0;overflow-x:auto;padding:2px 0}#okdemo .flow span{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:500;color:var(--muted);white-space:nowrap}#okdemo .flow span i{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--canvas);border:1px solid var(--line2);font-style:normal}#okdemo .flow span i svg{width:10px;height:10px}#okdemo .flow span.d i{background:var(--ok);border-color:var(--ok);color:#fff}#okdemo .flow span.c{color:var(--ink);font-weight:600}#okdemo .flow span.c i{background:var(--grad);border-color:transparent;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}#okdemo .flow em{flex:0 0 22px;height:1px;background:var(--line2);margin:0 6px}#okdemo .contract{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}#okdemo .contract>div{padding:13px 16px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:2px}#okdemo .contract>div:first-child{border-left:0}#okdemo .contract .l{font-size:11.5px;color:var(--muted)}#okdemo .contract .v{font-size:17px;font-weight:700;letter-spacing:-.02em}#okdemo .contract .v.acc{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}#okdemo .contract .op{font-size:11px;color:var(--faint)}#okdemo .phase .hh{font-size:11.5px;color:var(--muted);white-space:nowrap;text-align:right}#okdemo .phase .hh b{color:var(--ink);font-weight:600}#okdemo .tabwrap{display:grid;place-items:center;padding:6px 0 4px}#okdemo .tablet{width:min(100%,760px);background:var(--bezel);border-radius:30px;padding:12px;box-shadow:var(--shadow-lg);position:relative}#okdemo .tablet::before{content:"";position:absolute;top:5px;left:50%;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:var(--line2)}#okdemo .tscreen{background:var(--screen);border-radius:20px;overflow:hidden;position:relative;min-height:440px;display:flex;flex-direction:column}#okdemo .tbar{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line);background:var(--surface);flex-wrap:wrap}#okdemo .tbar h3{font-size:16px;font-weight:700;letter-spacing:-.02em}#okdemo .tbar small{display:block;color:var(--muted);font-size:11.5px;font-weight:400}#okdemo .net{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}#okdemo .offl{display:flex;gap:10px;align-items:center;padding:9px 18px;font-size:12.5px;background:color-mix(in srgb,var(--warn) 12%,transparent);color:var(--ink)}#okdemo .offl svg{width:16px;height:16px;color:var(--warn);flex:0 0 16px}#okdemo .offl.okk{background:color-mix(in srgb,var(--ok) 12%,transparent)}#okdemo .offl.okk svg{color:var(--ok)}#okdemo .tbody{padding:16px 18px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:14px}#okdemo .tcard{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px;min-width:0}#okdemo .tcard h4{margin:0;font-size:13px;font-weight:600}#okdemo .plan{display:flex;gap:10px;align-items:center;padding:8px;border-radius:10px;background:var(--canvas);font-size:12px}#okdemo .plan .th{width:46px;height:34px;border-radius:6px;flex:0 0 46px;background:
  linear-gradient(var(--line2) 1px,transparent 1px) 0 0/8px 8px,linear-gradient(90deg,var(--line2) 1px,transparent 1px) 0 0/8px 8px,var(--surface);border:1px solid var(--line2);position:relative}#okdemo .plan .th::after{content:"";position:absolute;inset:6px 10px;border:1.5px solid var(--info);border-radius:2px}#okdemo .plan small{display:block;color:var(--muted);font-size:11px}#okdemo .rcpt{display:flex;gap:12px;align-items:center}#okdemo .rcpt .pic{width:54px;height:70px;flex:0 0 54px;border-radius:6px;background:var(--surface);border:1px solid var(--line2);transform:rotate(-4deg);padding:7px 6px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow)}#okdemo .rcpt .pic i{display:block;height:3px;border-radius:2px;background:var(--line2)}#okdemo .rcpt .pic i:nth-child(1){width:70%;background:var(--faint)}#okdemo .rcpt .pic i:nth-child(5){width:50%;margin-top:auto;background:var(--faint)}#okdemo .sigov{position:absolute;inset:0;background:color-mix(in srgb,var(--screen) 70%,transparent);backdrop-filter:blur(3px);display:grid;place-items:center;padding:18px;z-index:3}#okdemo .sigbox{background:var(--surface);border:1px solid var(--line2);border-radius:16px;box-shadow:var(--shadow-lg);padding:16px;width:min(100%,460px);display:flex;flex-direction:column;gap:10px}#okdemo .sigbox h4{margin:0;font-size:14px}#okdemo .sigbox small{color:var(--muted);font-size:11.5px}#okdemo .sigpad{width:100%;height:150px;border:1.5px dashed var(--line2);border-radius:12px;background:var(--canvas);touch-action:none;cursor:crosshair;display:block}#okdemo .sigbtn{display:flex;gap:8px;justify-content:flex-end}#okdemo .qd{font-size:10.5px;font-weight:700;background:var(--warn);color:#fff;border-radius:99px;padding:0 7px;margin-left:4px}#okdemo .qcard{margin-top:10px;border:1px solid var(--line2);background:var(--surface);border-radius:12px;padding:11px 12px;display:flex;flex-direction:column;gap:10px;font-size:12.5px}#okdemo .qcard .qq b{display:block;font-weight:600;margin-bottom:6px}#okdemo .opts{display:flex;gap:6px;flex-wrap:wrap}#okdemo .opts button{border:1px solid var(--line2);background:var(--surface);border-radius:99px;padding:4px 11px;font-size:12px}#okdemo .opts button.on{background:var(--grad);border-color:transparent;color:#fff}#okdemo .opts button:disabled{cursor:default}#okdemo .dlist{display:flex;flex-direction:column;gap:5px;margin:8px 0 4px}#okdemo .dlist div{display:flex;justify-content:space-between;gap:10px;font-size:12px;padding:6px 9px;background:var(--surface);border-radius:8px}#okdemo .dlist b{font-weight:600}#okdemo .mini-rcpt{display:inline-flex;align-items:center;gap:8px;margin-top:6px;background:rgba(255,255,255,.18);border-radius:8px;padding:5px 9px;font-size:11.5px}#okdemo .mini-rcpt svg{width:14px;height:14px}#okdemo .taxl{display:grid;grid-template-columns:1fr auto;gap:2px 14px;font-size:12px;margin-top:8px;background:var(--surface);border-radius:9px;padding:8px 10px}#okdemo .taxl b{font-weight:700}@container app (max-width:860px){#okdemo .contract{grid-template-columns:repeat(2,minmax(0,1fr))}#okdemo .contract>div{border-left:0;border-top:1px solid var(--line)}#okdemo .contract>div:first-child,#okdemo .contract>div:nth-child(2){border-top:0}#okdemo .tbody{grid-template-columns:minmax(0,1fr)}}#okdemo .msearch{display:none}#okdemo .pal{position:absolute;inset:0;z-index:9;background:rgba(18,14,22,.28);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:flex-start;padding:74px 16px 16px}#okdemo .palb{width:min(580px,100%);background:var(--surface);border:1px solid var(--line2);border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden}#okdemo .pali{display:flex;gap:10px;align-items:center;padding:13px 16px;border-bottom:1px solid var(--line)}#okdemo .pali svg{width:18px;height:18px;color:var(--accent-ink);flex:0 0 18px}#okdemo .pali input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:15px;color:var(--ink);outline:none}#okdemo .pal kbd{font-family:var(--f);font-size:10.5px;border:1px solid var(--line2);border-bottom-width:2px;border-radius:5px;padding:0 5px;color:var(--muted)}#okdemo .palg{padding:6px 8px 8px;max-height:360px;overflow-y:auto}#okdemo .palg h5{margin:8px 8px 3px;font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}#okdemo .palr{display:flex;gap:11px;align-items:center;width:100%;border:0;background:none;padding:8px 10px;border-radius:10px;text-align:left}#okdemo .palr svg{width:17px;height:17px;flex:0 0 17px;color:var(--muted)}#okdemo .palr b{display:block;font-weight:600;font-size:13px}#okdemo .palr small{display:block;color:var(--muted);font-size:11.5px}#okdemo .palr:hover,#okdemo .palr.sel{background:var(--soft)}#okdemo .palr.sel svg{color:var(--accent-ink)}#okdemo .palnone{padding:18px;color:var(--muted);font-size:13px;text-align:center}#okdemo .palf{display:flex;gap:16px;padding:9px 16px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);background:var(--canvas);flex-wrap:wrap}#okdemo .tbarl{display:flex;gap:8px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);flex-wrap:wrap}#okdemo .btn.press{background:var(--soft);border-color:color-mix(in srgb,var(--accent) 40%,var(--line2));color:var(--accent-ink);box-shadow:inset 0 1px 2px rgba(0,0,0,.06)}@container app (max-width:720px){#okdemo .msearch{display:grid}}#okdemo .search span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#okdemo .search kbd{white-space:nowrap}@container app (max-width:860px){#okdemo .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}#okdemo .grid2,#okdemo .inv{grid-template-columns:minmax(0,1fr)}#okdemo .sumrow{grid-template-columns:repeat(2,minmax(0,1fr))}}@container app (max-width:720px){#okdemo .body{grid-template-columns:minmax(0,1fr)}#okdemo .side{display:none}#okdemo .mnav{display:flex;gap:6px;overflow-x:auto;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--side)}#okdemo .mnav .nav{width:auto;flex:0 0 auto;padding:6px 10px;font-size:12px}#okdemo .mnav .nav .cnt{display:none}#okdemo .content{padding:16px 14px 22px}#okdemo .bar{padding:10px 14px}#okdemo .search{display:none}#okdemo .sector{margin-left:0}#okdemo .grid3,#okdemo .steps3{grid-template-columns:minmax(0,1fr)}#okdemo .mrow,#okdemo .axis{grid-template-columns:minmax(0,110px) minmax(0,1fr) 46px}#okdemo .recap{grid-template-columns:minmax(0,1fr)}#okdemo .qline{grid-template-columns:minmax(0,1fr) auto}#okdemo .qline .yn{grid-column:1/-1}#okdemo .repl{grid-template-columns:minmax(0,1fr)}#okdemo .okbtn span{display:none}#okdemo .url{display:none}#okdemo .chrome{justify-content:space-between}}@media (prefers-reduced-motion:reduce){#okdemo *,#okdemo *::before,#okdemo *::after{animation:none!important;transition:none!important}}#okdemo .app{--side:#F7F7F6; --surface:#FFFFFF; --canvas:#F7F7F6; --hover:#F0F0EF;
  --line:#E6E5E2; --line2:#DCDBD7; --ink:#69696D; --muted:#6A6A72; --faint:#9C9CA3;
  --accent:#B35843; --acc:#73737C; --accent-ink:#B35843; --soft:#FCEEE9; --soft2:#F7DED6;
  --pbtn:rgba(38,38,42,.075); --pbtn-h:rgba(38,38,42,.12); --pbtn-fg:#5C5C66;
  --grad:linear-gradient(90deg,#F06018 0%,#F03030 55%,#9010C8 100%);
  --ok:rgb(30,135,87); --warn:rgb(138,109,0); --bad:rgb(196,43,75); --info:rgb(45,107,201);
  --ok-bg:rgb(221,237,230); --warn-bg:rgb(237,233,217); --bad-bg:rgb(246,223,228); --info-bg:rgb(224,233,247); --neu-bg:rgb(233,233,234);
  --grp:#E8412F; --tip:#6C6E7A;
  font-size:13px;color:var(--ink);background:var(--side)}#okdemo .app{border-radius:14px;box-shadow:var(--shadow-lg)}#okdemo .app .chrome{background:var(--side);border-bottom:1px solid var(--line);gap:14px}#okdemo .app .url{background:var(--surface);border-color:var(--line);margin:0}#okdemo .app .fict{background:var(--soft);color:var(--accent-ink)}#okdemo #chromeSector{margin-left:auto}#okdemo .app .chrome .sector{margin:0;background:var(--surface);border-color:var(--line)}#okdemo .app .chrome .sector button.on{background:var(--pbtn);box-shadow:none;color:var(--ink)}#okdemo .app .body{background:var(--side);grid-template-columns:236px minmax(0,1fr);min-height:700px}#okdemo .app .main{background:var(--surface);border:1px solid var(--line);border-radius:10px;margin:8px 8px 8px 0}#okdemo .app .side{background:transparent;border-right:0;padding:14px 10px 10px;gap:1px}#okdemo .app .side .org{border-bottom:0;padding:2px 8px 12px;margin:0}#okdemo .app .side .org img{width:24px;height:24px}#okdemo .app .side .org b{font-size:12.5px;font-weight:600;color:var(--ink);letter-spacing:.01em}#okdemo .app .side .org small{font-size:11px;color:var(--muted)}#okdemo .app .side h4{color:var(--grp);font-size:9px;font-weight:600;letter-spacing:.1em;margin:14px 9px 5px}#okdemo .app .nav{font-size:13px;color:var(--ink);padding:6px 9px;border-radius:6px;gap:11px}#okdemo .app .nav svg{width:15px;height:15px;flex:0 0 15px;color:var(--muted)}#okdemo .app .nav:hover{background:var(--hover)}#okdemo .app .nav.on{background:color-mix(in srgb,var(--ink) 9%,transparent);box-shadow:none;font-weight:500;color:var(--ink)}#okdemo .app .nav.on svg{color:var(--accent-ink)}#okdemo .app .nav .cnt{background:none;color:var(--muted);font-weight:400;font-size:11.5px;padding:0;min-width:0}#okdemo .app .nav.on .cnt{background:none;color:var(--ink)}#okdemo .app .side .foot{margin-top:auto;padding:14px 2px 0;display:flex;flex-direction:column;gap:8px}#okdemo .sseg{display:grid;grid-template-columns:repeat(3,1fr);background:var(--pbtn);border-radius:8px;padding:3px;gap:2px}#okdemo .sseg span{display:grid;place-items:center;height:24px;border-radius:6px;color:var(--muted)}#okdemo .sseg span.on{background:var(--surface)}#okdemo .sseg svg{width:14px;height:14px}#okdemo .sver{font-size:11px;color:var(--muted);padding:0 8px}#okdemo .app .bar{border-bottom:0;padding:12px 18px 2px;gap:8px}#okdemo .app .search{background:var(--pbtn);border:0;border-radius:8px;max-width:340px;padding:7px 11px;color:var(--muted);font:inherit;font-size:12.5px}#okdemo .app .search kbd{border:0;font-size:11.5px;padding:0;color:var(--muted)}#okdemo .bar-r{margin-left:auto;display:flex;align-items:center;gap:4px}#okdemo .app .newbtn{margin-right:8px}#okdemo .app .ibtn{border:0;background:none;width:32px;height:32px;border-radius:8px;color:var(--muted)}#okdemo .app .ibtn:hover,#okdemo .app .ibtn.on{background:var(--pbtn);color:var(--ink)}#okdemo .app .ibtn .badge{top:0;right:0;background:#E8412F}#okdemo .me{display:flex;align-items:center;gap:3px;margin-left:6px;color:var(--muted)}#okdemo .me img{width:26px;height:26px;border-radius:50%}#okdemo .app .content{padding:16px 22px 26px;gap:16px}#okdemo .app .ph{align-items:flex-start}#okdemo .app .ph h2{font-size:17px;font-weight:400;letter-spacing:0;color:var(--ink)}#okdemo .app .ph .sub,#okdemo .app .sub{font-size:12.5px;color:var(--muted)}#okdemo .app .ph .eb{font-size:11.5px;color:var(--muted)}#okdemo .totals{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted);padding-top:6px}#okdemo .totals span{display:flex;align-items:center;gap:6px}#okdemo .totals i{width:6px;height:6px;border-radius:50%}#okdemo .totals b{color:var(--ink);font-weight:600}#okdemo .app .btn{background:var(--pbtn);border:0;color:var(--pbtn-fg);font-weight:500;font-size:12px;border-radius:6px;padding:7px 12px;gap:6px}#okdemo .app .btn:hover{background:var(--pbtn-h)}#okdemo .app .btn.sm{padding:5px 10px;font-size:11.5px}#okdemo .app .btn svg{width:13px;height:13px}#okdemo .app .btn.pri{background:var(--acc);color:#fff}#okdemo .app .btn.pri:hover{filter:brightness(1.06);background:var(--acc)}#okdemo .app .btn.okd{background:var(--ok-bg);color:var(--ok)}#okdemo .app .btn.press{background:var(--soft);color:var(--accent-ink);box-shadow:none}#okdemo .app .card,#okdemo .app .kpi{border-radius:6px;border-color:var(--line);box-shadow:0 1px 2px rgba(0,0,0,.03)}#okdemo .app .card-h h3{font-size:13.5px;font-weight:400;color:var(--ink)}#okdemo .app .card-h small{font-size:11.5px}#okdemo .app .kpi{padding:13px 15px}#okdemo .app .kpi .l{font-size:12px;color:var(--ink)}#okdemo .app .kpi .l svg{color:var(--muted)}#okdemo .app .kpi .v{font-size:21px;font-weight:400;letter-spacing:-.01em;color:var(--ink)}#okdemo .app .kpi .d{font-size:11.5px}#okdemo .app .stat .v{font-weight:400}#okdemo .app th{background:var(--canvas);text-transform:none;letter-spacing:0;font-size:11.5px;font-weight:400;color:var(--muted);border-bottom:0;padding:9px 12px}#okdemo .app thead th:first-child{border-radius:6px 0 0 6px}#okdemo .app thead th:last-child{border-radius:0 6px 6px 0}#okdemo .app td{border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);color:var(--ink)}#okdemo .app tbody tr.click:hover td{background:var(--hover)}#okdemo .app .aitem{background:var(--canvas);border-radius:6px}#okdemo .app .foot-note{background:var(--canvas);border-radius:0 0 6px 6px}#okdemo .app .mrow:hover{background:var(--hover)}#okdemo .app .chip{font-size:9.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;border-radius:3px;padding:1px 7px;line-height:1.75}#okdemo .app .chip::before{width:5px;height:5px}#okdemo .app .chip.nodot{text-transform:none;letter-spacing:0;font-size:11px;font-weight:500;padding:1px 8px}#okdemo .app .c-ok{color:var(--ok);background:var(--ok-bg)}#okdemo .app .c-warn{color:var(--warn);background:var(--warn-bg)}#okdemo .app .c-bad{color:var(--bad);background:var(--bad-bg)}#okdemo .app .c-info{color:var(--info);background:var(--info-bg)}#okdemo .app .c-mut{color:var(--muted);background:var(--neu-bg)}#okdemo .app .c-acc{color:var(--accent-ink);background:var(--soft)}#okdemo .app .tabs{border-bottom:0;gap:4px}#okdemo .app .tab{border:0;border-radius:6px;padding:6px 11px;font-size:13px;color:var(--ink);margin:0;gap:7px}#okdemo .app .tab svg{width:15px;height:15px;color:var(--muted)}#okdemo .app .tab:hover{background:var(--hover)}#okdemo .app .tab.on{background:var(--pbtn);font-weight:500}#okdemo .app .tab .cnt{background:var(--neu-bg);color:var(--muted)}#okdemo .app .tab.on .cnt{background:var(--surface);color:var(--ink)}#okdemo .crumb{display:flex;gap:8px;font-size:11.5px;color:var(--muted);align-items:center}#okdemo .crumb button{border:0;background:none;padding:0;color:var(--muted);font-size:11.5px}#okdemo .crumb button:hover{color:var(--ink);text-decoration:underline}#okdemo .crumb span:last-child{color:var(--ink)}#okdemo .arow{display:flex;gap:6px;flex-wrap:wrap}#okdemo .ptitle{display:flex;align-items:center;gap:10px;flex-wrap:wrap}#okdemo .ptitle h2{font-size:17px;font-weight:400}#okdemo .ppill{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:600;border:1px solid var(--line);border-radius:99px;padding:1px 8px}#okdemo .ppill i{display:block;width:34px;height:4px;border-radius:3px;background:var(--neu-bg);overflow:hidden}#okdemo .ppill b{display:block;height:100%;background:var(--grad)}#okdemo .pclient{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ink)}#okdemo .stepper{display:flex;align-items:center;flex-wrap:wrap;gap:0;font-size:12px;color:var(--muted)}#okdemo .stepper span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}#okdemo .stepper span i{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:10px;background:var(--neu-bg);color:var(--muted)}#okdemo .stepper span.d i{background:var(--ok);color:#fff}#okdemo .stepper span.c{color:var(--ink);font-weight:500}#okdemo .stepper span.c i{background:#E8412F;color:#fff}#okdemo .stepper small{color:var(--muted);font-weight:400}#okdemo .stepper em{width:34px;height:1px;background:var(--line2);margin:0 10px}#okdemo .pgrid{display:grid;grid-template-columns:minmax(0,1fr) 262px;gap:18px;align-items:start}#okdemo .props{border:1px solid var(--line);border-radius:6px;background:var(--surface)}#okdemo .ph6{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;font-size:9.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}#okdemo .props section{padding:11px 14px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px}#okdemo .props h6{margin:0;font-size:9.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}#okdemo .pv{display:flex;flex-direction:column;gap:1px}#okdemo .pv>span{font-size:9px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}#okdemo .pv>b{font-size:12.5px;font-weight:400;color:var(--ink)}#okdemo .app .phase.cur .ic{border-color:var(--accent-ink);background:var(--soft)}#okdemo .app .phase.cur .ic::after{background:var(--accent-ink)}#okdemo .app .flow span.c i{background:var(--acc);box-shadow:none}#okdemo .app .contract>div{border-color:var(--line)}#okdemo .app .okd{border-left-color:var(--line)}#okdemo .app .okd-h .lg{background:var(--grad)}#okdemo .app .msg.me{background:var(--acc)}#okdemo .app .opts button.on{background:var(--acc)}#okdemo .app .okd-in button{background:var(--acc)}#okdemo .app .bellp{border-color:var(--line)}#okdemo{padding-inline:clamp(12px,1.8vw,32px)}#okdemo .top,#okdemo .hero,#okdemo .rail,#okdemo .player,#okdemo .pagefoot{max-width:1900px}#okdemo .player{grid-template-columns:minmax(0,1fr);gap:14px}#okdemo .guide{order:-1;position:static;display:grid;grid-template-columns:150px minmax(0,1.5fr) minmax(0,1fr) 230px;gap:22px;align-items:center;padding:16px 20px;border-radius:16px}#okdemo .guide .g-head{display:flex;flex-direction:column;gap:8px;align-self:start;padding-top:4px}#okdemo .guide .g-main{display:flex;flex-direction:column;gap:6px;min-width:0}#okdemo .guide .g-main h2{font-size:18px}#okdemo .guide .g-main p{font-size:13px}#okdemo .guide .g-eyebrow{display:flex;gap:8px;align-items:center}#okdemo .guide .g-side{display:flex;flex-direction:column;gap:10px;min-width:0}#okdemo .guide .g-navw{display:flex;flex-direction:column;gap:8px}#okdemo .guide .g-gain{padding:9px 11px;font-size:12.5px}@media (max-width:1180px){#okdemo .guide{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#okdemo .guide .g-head{grid-column:1/-1}#okdemo .guide .g-main{grid-column:1/-1}}@media (max-width:700px){#okdemo .guide{grid-template-columns:minmax(0,1fr);gap:14px}}@container app (max-width:1100px){#okdemo .pgrid{grid-template-columns:minmax(0,1fr)}#okdemo .props{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#okdemo .props .ph6{grid-column:1/-1}}@container app (max-width:860px){#okdemo .app .newbtn{display:none}}@container app (max-width:720px){#okdemo .app .body{grid-template-columns:minmax(0,1fr)}#okdemo .app .main{margin:0;border-radius:0;border-width:1px 0 0}#okdemo .app .mnav{background:var(--side)}#okdemo .props{grid-template-columns:minmax(0,1fr)}#okdemo #chromeSector .sector span{display:none}#okdemo .app .fict,#okdemo .app .dots{display:none}#okdemo #chromeSector{margin:0 auto}#okdemo .totals{display:none}}@container app (max-width:900px){#okdemo .app .body{grid-template-columns:minmax(0,1fr)}#okdemo .app .side{display:none}#okdemo .app .mnav{display:flex;gap:6px;overflow-x:auto;padding:10px 12px;background:var(--side);scrollbar-width:none}#okdemo .app .mnav .nav{width:auto;flex:0 0 auto;padding:7px 11px;font-size:12.5px}#okdemo .app .mnav .nav .cnt{display:none}#okdemo .app .main{margin:0 8px 8px}}@media (max-width:760px){#okdemo .guide .g-navw{position:fixed;left:0;right:0;bottom:0;z-index:60;background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);box-shadow:0 -12px 30px -20px rgba(40,20,10,.35)}#okdemo .guide .g-keys{display:none}#okdemo .guide .g-gain{display:none}#okdemo .guide .g-main h2{font-size:17px}#okdemo .guide{padding:14px 16px}#okdemo{padding-bottom:86px}#okdemo .g-nav button{min-height:44px}#okdemo .tip{font-size:12px}}@media (hover:none){#okdemo .app .btn,#okdemo .app .tab,#okdemo .app .nav{min-height:36px}}#okdemo .player{position:relative}#okdemo.locked .player>*:not(.gate){filter:blur(7px) saturate(.92);pointer-events:none;user-select:none}#okdemo.locked .rail{pointer-events:none;opacity:.5;filter:blur(1px)}#okdemo.locked .guide .g-navw{display:none}#okdemo.locked .hs,#okdemo.locked .tip{display:none}#okdemo .gate{position:absolute;inset:0;z-index:80;display:flex;justify-content:center;align-items:flex-start;padding:40px 16px;background:linear-gradient(180deg,color-mix(in srgb,var(--page) 20%,transparent) 0%,color-mix(in srgb,var(--page) 70%,transparent) 60%);transition:opacity .45s ease}#okdemo .gate.out{opacity:0;pointer-events:none}#okdemo .gate-card{position:sticky;top:96px;width:min(900px,100%);display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:0 2px 6px rgba(60,30,10,.06),0 40px 80px -30px rgba(60,30,10,.35);overflow:hidden}#okdemo .gate-l{padding:30px 28px;background:radial-gradient(120% 90% at 0% 0%,var(--soft2) 0%,var(--soft) 45%,var(--surface) 100%);display:flex;flex-direction:column;gap:16px;border-right:1px solid var(--line)}#okdemo .gate-l img{width:36px;height:36px}#okdemo .gate-l h2{font-size:24px;line-height:1.15;letter-spacing:-.03em;font-weight:700}#okdemo .gate-l h2 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}#okdemo .gate-l p{margin:0;color:var(--muted);font-size:13.5px}#okdemo .gate-l ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}#okdemo .gate-l li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--ink)}#okdemo .gate-l li svg{width:18px;height:18px;flex:0 0 18px;color:#fff;background:var(--grad);border-radius:50%;padding:3px;margin-top:1px}#okdemo .gate-l .trust{margin-top:auto;display:flex;gap:14px;flex-wrap:wrap;font-size:11.5px;color:var(--muted)}#okdemo .gate-l .trust span{display:flex;gap:6px;align-items:center}#okdemo .gate-l .trust svg{width:14px;height:14px;color:var(--accent-ink)}#okdemo .gate-r{padding:30px 28px;display:flex;flex-direction:column;gap:14px}#okdemo .gate-r h3{font-size:17px;font-weight:700;letter-spacing:-.01em;margin:0}#okdemo .gate-r .sub{font-size:13px;color:var(--muted);margin-top:-8px}#okdemo .gf{display:flex;flex-direction:column;gap:5px}#okdemo .gf label{font-size:12px;font-weight:600;color:var(--ink)}#okdemo .gf input[type=text],#okdemo .gf input[type=email]{font:inherit;font-size:14px;height:44px;border:1px solid var(--line2);border-radius:11px;padding:0 13px;background:var(--surface);color:var(--ink);transition:border-color .15s,box-shadow .15s}#okdemo .gf input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent)}#okdemo .gf input:disabled{background:var(--canvas);color:var(--faint)}#okdemo .gf input.bad{border-color:var(--bad)}#okdemo .gchk{display:flex;gap:9px;align-items:flex-start;font-size:12.5px;color:var(--muted);cursor:pointer;line-height:1.45}#okdemo .gchk input{width:17px;height:17px;margin:1px 0 0;accent-color:#F2335F;flex:0 0 17px}#okdemo .gerr{font-size:12px;color:var(--bad);min-height:0}#okdemo .gbtn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:50px;border:0;border-radius:99px;background:var(--grad);color:#fff;font-weight:600;font-size:15px;box-shadow:0 10px 24px -10px rgba(242,51,95,.65);transition:transform .15s,box-shadow .15s}#okdemo .gbtn:hover{transform:translateY(-1px);box-shadow:0 14px 28px -10px rgba(242,51,95,.7)}#okdemo .gbtn:disabled{opacity:.7;transform:none}#okdemo .gbtn svg{width:17px;height:17px}#okdemo .gnote{font-size:11.5px;color:var(--faint);line-height:1.5}#okdemo .gnote a{color:var(--muted)}#okdemo .hpot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}@media (max-width:760px){#okdemo .gate{padding:18px 0}#okdemo .gate-card{grid-template-columns:minmax(0,1fr);border-radius:18px;top:84px}#okdemo .gate-l{padding:22px 20px 18px;border-right:0;border-bottom:1px solid var(--line)}#okdemo .gate-l ul,#okdemo .gate-l .trust{display:none}#okdemo .gate-l h2{font-size:21px}#okdemo .gate-r{padding:20px}}#okdemo .tour-sel{display:inline-flex;gap:4px;padding:4px;border-radius:99px;background:var(--surface);border:1px solid var(--line);margin-bottom:16px;box-shadow:var(--shadow)}#okdemo .tour-sel a{text-decoration:none;font-size:13px;font-weight:600;color:var(--muted);padding:7px 16px;border-radius:99px;transition:background .15s,color .15s}#okdemo .tour-sel a:hover{color:var(--ink)}#okdemo .tour-sel a.on{background:var(--grad);color:#fff}#okdemo .app{--note-bg:rgb(245,243,255);--note-line:rgb(221,214,254);--note-ink:rgb(109,40,217)}#okdemo .qlist{display:flex;flex-direction:column;gap:6px}#okdemo .qrow{display:grid;grid-template-columns:70px minmax(0,1fr) auto 78px;gap:10px;align-items:center;width:100%;border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:9px 11px;text-align:left}#okdemo .qrow:hover{background:var(--hover)}#okdemo .qrow .qn{font-size:12px;font-weight:600;color:var(--muted)}#okdemo .qrow .qs{min-width:0}#okdemo .qrow .qs b{display:block;font-weight:500;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#okdemo .qrow .qs small{color:var(--muted);font-size:11.5px}#okdemo .qsla{display:inline-flex;align-items:center;gap:5px;justify-content:flex-end;font-size:12px;color:var(--muted);white-space:nowrap}#okdemo .qsla svg{width:13px;height:13px}#okdemo .qsla.hot{color:var(--bad);font-weight:600}#okdemo .stlist{display:flex;flex-direction:column;gap:9px}#okdemo .stlist>div{display:grid;grid-template-columns:minmax(0,1fr) 32px 44px;grid-template-rows:auto 4px;gap:3px 10px;font-size:12.5px;align-items:center}#okdemo .stlist span:first-child{display:flex;align-items:center;gap:8px}#okdemo .stlist i{width:8px;height:8px;border-radius:2px}#okdemo .stlist b{text-align:right;font-weight:600}#okdemo .stlist span.muted{text-align:right;font-size:11.5px}#okdemo .stlist em{grid-column:1/-1;height:4px;border-radius:3px;background:var(--canvas);overflow:hidden;display:block}#okdemo .stlist em u{display:block;height:100%;border-radius:3px;opacity:.75}#okdemo .prio{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}#okdemo .slabox{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;border-radius:8px;background:var(--bad-bg);color:var(--ink);font-size:12.5px}#okdemo .slabox svg{width:16px;height:16px;color:var(--bad)}#okdemo .slabox em{flex:1;min-width:120px;height:6px;border-radius:4px;background:color-mix(in srgb,var(--bad) 18%,transparent);overflow:hidden;display:block}#okdemo .slabox em u{display:block;height:100%;background:var(--bad);border-radius:4px}#okdemo .slabox.ok{background:var(--ok-bg)}#okdemo .slabox.ok svg{color:var(--ok)}#okdemo .thread{display:flex;flex-direction:column;gap:12px;min-width:0}#okdemo .tmsg{border:1px solid var(--line);border-radius:8px;padding:12px 14px;font-size:13px;background:var(--surface);line-height:1.55}#okdemo .tmh{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}#okdemo .tmh b{font-weight:600;font-size:12.5px}#okdemo .tmh span{font-size:11.5px;color:var(--muted)}#okdemo .tmsg.tnote{background:var(--note-bg);border-color:var(--note-line)}#okdemo .tmsg.tnote .tmh span{color:var(--note-ink)}#okdemo .tmsg.sent{border-color:color-mix(in srgb,var(--ok) 40%,var(--line))}#okdemo .composer{border:1px solid var(--line2);border-radius:10px;overflow:hidden;background:var(--surface)}#okdemo .cmp-h{display:flex;gap:4px;padding:6px;background:var(--canvas);border-bottom:1px solid var(--line)}#okdemo .cmp-h span{font-size:12px;padding:5px 10px;border-radius:6px;color:var(--muted)}#okdemo .cmp-h span.on{background:var(--surface);color:var(--ink);font-weight:500;box-shadow:0 0 0 1px var(--line)}#okdemo .cmp-t{padding:12px 14px;font-size:13px;min-height:74px;color:var(--ink)}#okdemo .cmp-f{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 12px;border-top:1px solid var(--line)}#okdemo .cmp-f .btn.pri{margin-left:auto}#okdemo .tpill{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:5px 10px;border-radius:6px;background:var(--pbtn);color:var(--pbtn-fg)}#okdemo .tpill svg{width:13px;height:13px}#okdemo .tpill.on{background:var(--ok-bg);color:var(--ok)}#okdemo .alist2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#okdemo .acard{border:1px solid var(--line);border-radius:8px;background:var(--surface);display:flex;flex-direction:column}#okdemo .ach{display:flex;gap:10px;align-items:flex-start;padding:12px 14px 6px}#okdemo .ach>div{flex:1;min-width:0}#okdemo .ach b{display:block;font-weight:600;font-size:13px}#okdemo .ach small{font-size:11.5px;color:var(--muted)}#okdemo .aico{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex:0 0 30px}#okdemo .aico svg{width:16px;height:16px}#okdemo .acb{padding:2px 14px 12px 54px;font-size:12.5px;color:var(--muted)}#okdemo .acf{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:10px 14px;border-top:1px solid var(--line);margin-top:auto}#okdemo .acf.ok{background:var(--ok-bg);font-size:12.5px;color:var(--ink)}#okdemo .acf.ok svg{width:16px;height:16px;color:var(--ok);flex:0 0 16px}#okdemo .app .ncard{display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden}#okdemo .nhdr{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--line)}#okdemo .nhl{display:inline-flex;align-items:center;gap:7px;font-size:13.5px}#okdemo .nhl svg{width:16px;height:16px;color:var(--note-ink)}#okdemo .nhl b{font-weight:600}#okdemo .npill{font-size:10.5px;color:var(--muted);background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:2px 9px}#okdemo .nhr{margin-left:auto;display:inline-flex;gap:4px}#okdemo .nhr .ibtn.on{color:var(--accent-ink);background:color-mix(in srgb,var(--accent) 13%,transparent)}#okdemo .ntool{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:8px 12px;border-bottom:1px solid var(--line);background:var(--soft)}#okdemo .nfmt-g{display:inline-flex;align-items:center;gap:2px}#okdemo .nfmt{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 6px;border:0;background:transparent;color:var(--muted);border-radius:7px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}#okdemo .nfmt svg{width:16px;height:16px}#okdemo .nfmt b,#okdemo .nfmt i,#okdemo .nfmt u{font-weight:700}#okdemo .nfmt:hover{background:var(--surface);color:var(--ink)}#okdemo .nsep{width:1px;align-self:stretch;margin:3px 4px;background:var(--line)}#okdemo .nsep.big{flex:1;background:transparent}#okdemo .nai{gap:5px}#okdemo .nbtn{display:inline-flex;align-items:center;gap:6px;border:1px solid color-mix(in srgb,var(--note-ink) 35%,var(--line));background:var(--surface);color:var(--note-ink);border-radius:8px;padding:6px 10px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s,transform .08s}#okdemo .nbtn svg{width:16px;height:16px}#okdemo .nbtn em.nlang{font-style:normal;font-size:10px;font-weight:700;color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:0 4px;margin-left:1px}#okdemo .nbtn:hover:not(:disabled){background:var(--note-bg)}#okdemo .nbtn:active:not(:disabled){transform:translateY(1px)}#okdemo .nbtn:disabled{opacity:.4;cursor:default}#okdemo .nbtn.live{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 12%,transparent);color:var(--bad)}#okdemo .nbtn.live svg{color:var(--bad);animation:okd-micpulse 1s ease-in-out infinite}@keyframes okd-micpulse{0%,100%{opacity:.5;transform:scale(.86)}50%{opacity:1;transform:scale(1.12)}}#okdemo .narea{margin:14px 16px 0;resize:none;font:inherit;font-size:13.5px;line-height:1.55;border:1.5px solid var(--line2);border-radius:12px;padding:12px 14px;background:var(--surface);color:var(--ink);min-height:112px}#okdemo .narea:focus{outline:none;border-color:var(--note-ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--note-ink) 16%,transparent)}#okdemo .narea::placeholder{color:var(--faint)}#okdemo .narea.live{border-color:var(--bad);box-shadow:0 0 0 3px color-mix(in srgb,var(--bad) 13%,transparent)}#okdemo .nfoot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:11px 16px 14px}#okdemo .nfa{margin-left:auto;display:inline-flex;gap:8px}#okdemo .nstat{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}#okdemo .nstat svg{width:15px;height:15px}#okdemo .nstat.ok{color:var(--ok);font-weight:600}#okdemo .nstat.ok svg{color:var(--ok)}#okdemo .nstat.live{color:var(--bad);font-weight:600}#okdemo .nstat.live svg{color:var(--bad)}#okdemo .nstat.mut{color:var(--faint)}#okdemo .aitem.anew{background:var(--note-bg);border-radius:10px;padding:10px;margin:-2px 0 2px;border:1px solid var(--note-line);animation:okd-notein .4s ease}@keyframes okd-notein{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}#okdemo .canaux{padding:4px 2px}#okdemo .cx-intro{max-width:720px;margin:0 auto 20px;text-align:center}#okdemo .cx-intro h2{font-size:20px;letter-spacing:-.02em;margin:0 0 8px}#okdemo .cx-intro p{color:var(--muted);font-size:14px;line-height:1.55;margin:0 0 14px}#okdemo .cx-feats{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 auto 16px;max-width:640px}#okdemo .cx-feats span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;color:var(--ink);background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:6px 13px}#okdemo .cx-feats svg{width:15px;height:15px;color:var(--accent-ink);flex:0 0 15px}#okdemo .cx-pick{font-size:12.5px;font-weight:600;color:var(--muted);margin-bottom:10px}#okdemo .cxchips{display:inline-flex;flex-wrap:wrap;gap:7px;justify-content:center}#okdemo .cxchip{border:1px solid var(--line2);background:var(--surface);color:var(--ink);border-radius:999px;padding:7px 15px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,transform .08s}#okdemo .cxchip:hover{border-color:var(--accent);background:var(--note-bg)}#okdemo .cxchip:active{transform:translateY(1px)}#okdemo .cxchip.on{background:var(--grad);color:#fff;border-color:transparent;box-shadow:0 6px 16px -8px color-mix(in srgb,var(--accent) 70%,transparent)}#okdemo .cxfile{display:flex;align-items:center;gap:9px}#okdemo .cxfile .thumb{flex:0 0 36px;width:36px;height:36px;border-radius:8px}#okdemo .cxfile b{font-weight:600;display:block}#okdemo .cxfile small{color:var(--muted);display:block;margin-top:1px}#okdemo .cxfile em{font-style:normal;color:rgba(255,255,255,.95)}#okdemo .cxb.me .cxfile em{color:#fff}#okdemo .phones{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:48px;padding:14px 0 10px;perspective:1800px}#okdemo .dev{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.7,.2,1)}#okdemo .dev.ios{transform:rotateY(9deg) rotateX(2deg)}#okdemo .dev.and{transform:rotateY(-9deg) rotateX(2deg)}#okdemo .phones:hover .dev.ios{transform:rotateY(4deg)}#okdemo .phones:hover .dev.and{transform:rotateY(-4deg)}@media (max-width:820px){#okdemo .phones{gap:26px;perspective:none}#okdemo .dev.ios,#okdemo .dev.and,#okdemo .phones:hover .dev.ios,#okdemo .phones:hover .dev.and{transform:none}}#okdemo .dev-lab{order:2;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--muted)}#okdemo .dev-lab svg{width:14px;height:14px;color:var(--accent-ink)}#okdemo .dev-body{order:1;position:relative;width:340px;max-width:86vw;height:600px;background:linear-gradient(150deg,#3a3a42,#0a0a0e 62%);padding:10px;box-shadow:0 2px 3px rgba(0,0,0,.4),0 26px 50px -18px rgba(20,16,30,.55),0 60px 90px -42px rgba(20,16,30,.42);display:flex;flex-direction:column}#okdemo .dev.ios .dev-body{border-radius:48px}#okdemo .dev.and .dev-body{border-radius:32px;padding:8px}@media (max-width:820px){#okdemo .dev-body{width:320px;height:560px}}#okdemo :not([data-theme="light"]) .dev-body{box-shadow:0 2px 3px rgba(0,0,0,.6),0 26px 55px -16px rgba(0,0,0,.65)}#okdemo .dev-scr{position:relative;overflow:hidden;background:#fff;display:flex;flex-direction:column;flex:1;min-height:0}#okdemo .dev.ios .dev-scr{border-radius:42px}#okdemo .dev.and .dev-scr{border-radius:26px}#okdemo .dev-island{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:92px;height:26px;background:#07070a;border-radius:999px;z-index:6}#okdemo .dev-punch{position:absolute;top:11px;left:50%;transform:translateX(-50%);width:11px;height:11px;background:#07070a;border-radius:50%;z-index:6;box-shadow:0 0 0 2px rgba(0,0,0,.25)}#okdemo .dev-home{height:5px;width:120px;background:#07070a;border-radius:999px;margin:7px auto 3px;opacity:.9}#okdemo .dev-nav{height:4px;width:96px;background:#07070a;border-radius:999px;margin:6px auto 4px;opacity:.7}#okdemo .pscr{flex:1;min-height:0;overflow-y:auto;padding:12px 10px;display:flex;flex-direction:column;justify-content:flex-end;gap:9px}#okdemo .pscr::-webkit-scrollbar{width:0}#okdemo .cxb{display:flex;gap:6px;max-width:86%}#okdemo .cxb.me{align-self:flex-end}#okdemo .cxb.bot{align-self:flex-start}#okdemo .cxav{flex:0 0 26px;align-self:flex-end}#okdemo .cxav img{width:26px;height:26px;border-radius:50%;background:#fff}#okdemo .cxav.sm img{width:28px;height:28px;border-radius:50%;background:#fff;padding:2px}#okdemo .cxbub{border-radius:17px;padding:8px 12px;font-size:12.8px;line-height:1.45;color:#0b0b0d}#okdemo .cxbub .num{font-variant-numeric:tabular-nums}#okdemo .cxbub.alert b{display:flex;align-items:center;gap:6px;font-weight:600;font-size:13px}#okdemo .cxbub.alert b svg{width:15px;height:15px}#okdemo .cxbub.alert small{display:block;color:#6b6b70;margin-top:3px}#okdemo .cxk{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}#okdemo .cxkb{border:0;font:inherit;cursor:pointer;transition:transform .08s,filter .12s}#okdemo .cxkb:hover{filter:brightness(.97)}#okdemo .cxkb:active{transform:scale(.97)}#okdemo .pscr .cxb{animation:okd-cxin .36s cubic-bezier(.2,.75,.25,1) both}#okdemo .pscr .cxb:nth-child(2){animation-delay:.09s}#okdemo .pscr .cxb:nth-child(3){animation-delay:.18s}#okdemo .pscr .cxb:nth-child(4){animation-delay:.27s}#okdemo .pscr .cxb:nth-child(5){animation-delay:.36s}#okdemo .pscr .cxb:nth-child(6){animation-delay:.45s}@keyframes okd-cxin{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){#okdemo .pscr .cxb{animation:none}}#okdemo .dev.ios .pbar{flex-direction:column;align-items:center;gap:1px;padding:32px 12px 9px;background:rgba(249,249,249,.95);color:#111;border-bottom:1px solid #e3e3e6;position:relative}#okdemo .dev.ios .iosback,#okdemo .dev.ios .iosinfo{position:absolute;bottom:9px;color:#0a84ff}#okdemo .dev.ios .iosback{left:12px}#okdemo .dev.ios .iosinfo{right:12px}#okdemo .dev.ios .iosback svg{width:18px;height:18px}#okdemo .dev.ios .iosinfo svg{width:16px;height:16px}#okdemo .dev.ios .iohead{display:flex;flex-direction:column;align-items:center;gap:2px}#okdemo .dev.ios .iohead .cxav img{width:32px;height:32px}#okdemo .dev.ios .iohead b{font-size:12px;font-weight:600;color:#111}#okdemo .dev.ios .iohead small{font-size:10px;color:#8a8a8e}#okdemo .dev.ios .pscr{background:#fff}#okdemo .dev.ios .cxb.bot .cxav{display:none}#okdemo .dev.ios .cxb.bot .cxbub{background:#e9e9eb;color:#000;border-bottom-left-radius:5px}#okdemo .dev.ios .cxb.me .cxbub{background:#34c759;color:#fff;border-bottom-right-radius:5px}#okdemo .dev.ios .cxb.me .cxfile em{color:#fff}#okdemo .dev.ios .cxbub.alert{background:#f2f2f4}#okdemo .dev.ios .cxbub.alert b{color:#ff3b30}#okdemo .dev.ios .cxk .cxkb{font-size:11.5px;color:#0a84ff;background:#fff;border:1px solid #d6e9ff;border-radius:14px;padding:4px 10px}#okdemo .pcmp{display:flex;align-items:center;gap:8px;padding:8px 10px;border-top:1px solid #e3e3e6;background:rgba(249,249,249,.96)}#okdemo .pcmp .pcmp-in{flex:1;border:1px solid #d7d7db;border-radius:16px;padding:6px 12px;font-size:12px;color:#9a9aa0;background:#fff}#okdemo .pcmp .pcmp-send{width:26px;height:26px;border-radius:50%;background:#34c759;color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 26px}#okdemo .pcmp .pcmp-send svg{width:15px;height:15px}#okdemo .dev.and .pbar{display:flex;align-items:center;gap:9px;padding:26px 12px 10px;background:#4e7ba6;color:#fff}#okdemo .dev.and .pbar .cxav img{width:30px;height:30px}#okdemo .dev.and .pbt b{display:block;font-size:13px;font-weight:600;line-height:1.2}#okdemo .dev.and .pbt small{font-size:10.5px;opacity:.85}#okdemo .dev.and .pscr{background:#c6d7e8;background-image:radial-gradient(circle at 18% 16%,rgba(255,255,255,.4),transparent 42%),radial-gradient(circle at 82% 72%,rgba(255,255,255,.28),transparent 42%)}#okdemo .dev.and .cxb{max-width:90%}#okdemo .dev.and .cxb.bot .cxav{display:none}#okdemo .dev.and .cxb.bot .cxbub{background:#fff;color:#0b0b0d;border-radius:12px;border-top-left-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,.09)}#okdemo .dev.and .cxb.me .cxbub{background:#effdde;color:#0b0b0d;border-radius:12px;border-top-right-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,.09)}#okdemo .dev.and .cxb.me .cxfile em{color:#0b0b0d}#okdemo .dev.and .cxbub.alert{background:#fff}#okdemo .dev.and .cxbub.alert b{color:#d1453b}#okdemo .dev.and .cxk{gap:4px;margin-top:7px;flex-direction:column}#okdemo .dev.and .cxk .cxkb{display:block;text-align:center;font-size:12px;font-weight:500;color:#2f7bbf;background:rgba(255,255,255,.92);border-radius:8px;padding:7px 10px}#okdemo .pcmp.tg{display:flex;align-items:center;gap:9px;padding:8px 12px;background:#fff;color:#8a99a8}#okdemo .pcmp.tg svg{width:17px;height:17px;color:#8a99a8;flex:0 0 17px}#okdemo .pcmp.tg .pcmp-in{flex:1;font-size:12.5px;color:#9aa6b2}#okdemo .tgcmd{padding:7px 12px;background:#fff;border-top:1px solid #eef1f4;font-size:11px;color:#2f7bbf;word-spacing:3px}#okdemo .okcard{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:8px;border:1px solid var(--note-line);background:var(--note-bg);font-size:13px}#okdemo .okcard>svg{width:18px;height:18px;color:var(--note-ink);flex:0 0 18px;margin-top:2px}#okdemo .okcard .prop{background:var(--surface)}#okdemo .ccard{padding:14px 16px;display:flex;flex-direction:column;gap:8px}#okdemo .cch{display:flex;justify-content:space-between;align-items:center;gap:8px}#okdemo .cch b{font-weight:600}#okdemo .cbig{font-size:21px;font-weight:400;letter-spacing:-.01em;color:var(--ink)}#okdemo .cbig small{font-size:12px;color:var(--muted);margin-left:4px}#okdemo .cbar{height:8px;border-radius:5px;background:var(--canvas);overflow:hidden}#okdemo .cbar u{display:block;height:100%;background:var(--grad);border-radius:5px}#okdemo .cbar.over u{background:var(--bad)}#okdemo .cfoot{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--muted)}#okdemo .cfoot b{color:var(--ink);font-weight:600}#okdemo .daybars{display:flex;flex-direction:column;gap:10px}#okdemo .daybars>div{display:grid;grid-template-columns:54px minmax(0,1fr) 44px;gap:10px;align-items:center;font-size:12.5px}#okdemo .daybars em{display:flex;height:10px;border-radius:5px;background:var(--canvas);overflow:hidden}#okdemo .daybars em u{display:block;background:var(--grad)}#okdemo .daybars em s{display:block;background:var(--line2)}#okdemo .daybars b{text-align:right;font-weight:600}#okdemo .portal{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--canvas)}#okdemo .portal-h{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--line)}#okdemo .plogo{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:#fff;font-weight:700;font-size:12px;background:linear-gradient(135deg,#0E9A94,#3B74E0)}#okdemo .portal-h b{display:block;font-size:13.5px}#okdemo .portal-h small{font-size:11.5px;color:var(--muted)}#okdemo .pme{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:12.5px}#okdemo .portal-t{display:flex;gap:4px;padding:8px 12px;background:var(--surface);border-bottom:1px solid var(--line);overflow-x:auto}#okdemo .portal-t span{font-size:12.5px;padding:6px 11px;border-radius:6px;color:var(--muted);white-space:nowrap}#okdemo .portal-t span.on{background:var(--pbtn);color:var(--ink);font-weight:500}#okdemo .portal-b{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:14px;padding:14px}#okdemo .pcol{display:flex;flex-direction:column;gap:12px;min-width:0}#okdemo .pcard{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:13px 14px;display:flex;flex-direction:column;gap:8px}#okdemo .pch{display:flex;justify-content:space-between;align-items:center;gap:8px}#okdemo .pch b{font-weight:600;font-size:13px}#okdemo .csat{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:8px;background:var(--canvas);font-size:12.5px}#okdemo .stars{display:flex;gap:2px}#okdemo .star{width:30px;height:30px;border:0;background:none;border-radius:6px;display:grid;place-items:center;color:var(--line2);padding:0}#okdemo .star svg{width:22px;height:22px;fill:currentColor;stroke:currentColor}#okdemo .star:hover,#okdemo .star.on{color:#F2A93B}#okdemo .stars:hover .star{color:#F2A93B}#okdemo .stars .star:hover~.star{color:var(--line2)}#okdemo .star:disabled{cursor:default}#okdemo .drop{padding:12px 16px 14px;border-bottom:1px solid var(--line)}#okdemo .drop-h{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:500;color:var(--ink);margin-bottom:9px;flex-wrap:wrap}#okdemo .drop-h svg{width:15px;height:15px;color:var(--accent-ink)}#okdemo .drop-h em{font-style:normal;font-weight:400;font-size:11.5px;color:var(--muted)}#okdemo .tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#okdemo .tile{position:relative;display:flex;flex-direction:column;gap:7px;align-items:flex-start;padding:9px;border:1px dashed var(--line2);border-radius:11px;background:var(--canvas);text-align:left;min-width:0;transition:border-color .15s,background .15s,transform .15s}#okdemo .tile:hover:not(:disabled){border-color:var(--accent-ink);background:var(--soft);transform:translateY(-1px)}#okdemo .tile:disabled{opacity:.55;cursor:default}#okdemo .tile b{font-weight:600;font-size:11.5px;line-height:1.3}#okdemo .thumb{position:relative;width:100%;height:46px;border-radius:7px;border:1px solid var(--line);background:var(--surface);overflow:hidden;display:block}#okdemo .thumb i{position:absolute;height:3px;border-radius:2px;background:var(--line2)}#okdemo .thumb.card i:nth-child(1){left:10px;top:11px;width:44%;background:var(--ink);opacity:.55}#okdemo .thumb.card i:nth-child(2){left:10px;top:19px;width:30%}#okdemo .thumb.card i:nth-child(3){left:10px;top:31px;width:52%}#okdemo .thumb.card::after{content:"";position:absolute;right:8px;top:9px;width:16px;height:16px;border-radius:50%;background:var(--grad);opacity:.8}#okdemo .thumb.rcpt{background:var(--canvas)}#okdemo .thumb.rcpt::before{content:"";position:absolute;left:50%;top:4px;bottom:-2px;width:34px;margin-left:-17px;background:var(--surface);border:1px solid var(--line2);border-radius:3px 3px 0 0}#okdemo .thumb.rcpt i{left:50%;width:22px;margin-left:-11px}#okdemo .thumb.rcpt i:nth-child(1){top:11px;background:var(--faint)}#okdemo .thumb.rcpt i:nth-child(2){top:19px}#okdemo .thumb.rcpt i:nth-child(3){top:27px}#okdemo .thumb.plan{background:linear-gradient(var(--line) 1px,transparent 1px) 0 0/7px 7px,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0/7px 7px,var(--surface)}#okdemo .thumb.plan i{display:none}#okdemo .thumb.plan::after{content:"";position:absolute;inset:9px 22% 9px 14%;border:1.5px solid var(--info);border-radius:2px;box-shadow:inset 18px 0 0 -16px var(--info)}#okdemo .thumb.equip{background:linear-gradient(135deg,var(--canvas),var(--line))}#okdemo .thumb.equip::before{content:"";position:absolute;inset:8px 18%;border-radius:4px;background:var(--surface);border:1px solid var(--line2)}#okdemo .thumb.equip i{z-index:1;left:25%}#okdemo .thumb.equip i:nth-child(1){top:15px;width:34%;background:var(--ink);opacity:.5}#okdemo .thumb.equip i:nth-child(2){top:22px;width:44%}#okdemo .thumb.equip i:nth-child(3){top:29px;width:26%}#okdemo .kv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 12px;font-size:12px;background:var(--surface);border-radius:9px;padding:9px 11px;margin:8px 0}#okdemo .kv span{color:var(--muted)}#okdemo .kv b{font-weight:600}#okdemo .bcard{display:flex;flex-direction:column;gap:1px;background:var(--surface);border:1px solid var(--line2);border-radius:10px;padding:11px 13px;margin:8px 0 10px;box-shadow:var(--shadow);font-size:11.5px;transform:rotate(-1.2deg);position:relative;overflow:hidden}#okdemo .bcard::after{content:"";position:absolute;right:12px;top:12px;width:22px;height:22px;border-radius:50%;background:var(--grad);opacity:.85}#okdemo .bcard b{font-size:13.5px}#okdemo .bcard span{color:var(--muted)}#okdemo .bcard em{font-style:normal;font-weight:600;color:var(--accent-ink);margin-top:3px}#okdemo .bcard small{color:var(--muted);margin-top:4px}@container app (max-width:860px){#okdemo .alist2{grid-template-columns:minmax(0,1fr)}#okdemo .portal-b{grid-template-columns:minmax(0,1fr)}}@container app (max-width:560px){#okdemo .qrow{grid-template-columns:minmax(0,1fr) auto}#okdemo .qrow .qn{display:none}#okdemo .qrow .chip{display:none}#okdemo .acb{padding-left:14px}#okdemo .pme{display:none}}#okdemo #app.dark{--side:#131315; --surface:#1F1F22; --canvas:#18181B; --hover:#28282C;
  --line:#333338; --line2:#3D3D43; --ink:#D9D9D9; --muted:#ABABB3; --faint:#7C7C84;
  --accent:#E2A08F; --acc:#5B5B63; --accent-ink:#E2A08F; --soft:rgba(240,90,40,.13); --soft2:rgba(240,90,40,.22);
  --pbtn:#323235; --pbtn-h:#3B3B3F; --pbtn-fg:#D9D9D9;
  --ok:rgb(82,194,141); --warn:rgb(226,171,69); --bad:rgb(242,113,138); --info:rgb(114,166,240);
  --ok-bg:rgb(39,55,50); --warn-bg:rgb(60,52,39); --bad-bg:rgb(63,43,50); --info-bg:rgb(43,51,65); --neu-bg:rgb(50,50,54);
  --grp:#E2A08F; --tip:#3F3E46;--note-bg:#262236;--note-line:#3a3358;--note-ink:#b8a6f4;--bezel:#34333A;--screen:#1A1A1D;--shadow:0 1px 2px rgba(0,0,0,.3),0 10px 30px -12px rgba(0,0,0,.5);--shadow-lg:0 2px 4px rgba(0,0,0,.3),0 30px 60px -24px rgba(0,0,0,.6);color-scheme:dark}#okdemo #app.light{--side:#F7F7F6; --surface:#FFFFFF; --canvas:#F7F7F6; --hover:#F0F0EF;
  --line:#E6E5E2; --line2:#DCDBD7; --ink:#69696D; --muted:#6A6A72; --faint:#9C9CA3;
  --accent:#B35843; --acc:#73737C; --accent-ink:#B35843; --soft:#FCEEE9; --soft2:#F7DED6;
  --pbtn:rgba(38,38,42,.075); --pbtn-h:rgba(38,38,42,.12); --pbtn-fg:#5C5C66;
  --grad:linear-gradient(90deg,#F06018 0%,#F03030 55%,#9010C8 100%);
  --ok:rgb(30,135,87); --warn:rgb(138,109,0); --bad:rgb(196,43,75); --info:rgb(45,107,201);
  --ok-bg:rgb(221,237,230); --warn-bg:rgb(237,233,217); --bad-bg:rgb(246,223,228); --info-bg:rgb(224,233,247); --neu-bg:rgb(233,233,234);
  --grp:#E8412F; --tip:#6C6E7A;
  ;--note-bg:rgb(245,243,255);--note-line:rgb(221,214,254);--note-ink:rgb(109,40,217);--bezel:#E7DED6;--screen:#FBF8F5;color-scheme:light}#okdemo .hero{grid-template-columns:minmax(0,1fr);padding-block:44px 30px;gap:0}#okdemo .hero h1{font-size:clamp(34px,4.6vw,56px);max-width:16ch}#okdemo .hero p{font-size:17px;line-height:1.65;max-width:60ch;margin-top:18px}#okdemo .hero .facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}#okdemo .hero .facts>div{display:inline-flex;gap:5px;align-items:baseline;padding:6px 13px;border-radius:99px;background:var(--surface);border:1px solid var(--line);font-size:12.5px;color:var(--muted)}#okdemo .hero .facts b{display:inline;font-size:13px;color:var(--ink);font-weight:700;letter-spacing:0}#okdemo .rail{scrollbar-width:none;padding-bottom:2px}#okdemo .rail::-webkit-scrollbar{display:none}#okdemo .rail.fl{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 48px);mask-image:linear-gradient(90deg,transparent 0,#000 48px)}#okdemo .rail.fr{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent 100%)}#okdemo .rail.fl.fr{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 48px,#000 calc(100% - 48px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 48px,#000 calc(100% - 48px),transparent 100%)}#okdemo .guide{position:relative;overflow:hidden;padding-top:24px}#okdemo .guide .g-head{position:absolute;left:0;right:0;top:0;padding:0;gap:0}#okdemo .guide .g-step{display:none}#okdemo .guide .g-bar{height:3px;border-radius:0}#okdemo .guide .g-bar span{border-radius:0 3px 3px 0}#okdemo .g-num{display:inline-flex;align-items:center;font-size:10.5px;font-weight:600;letter-spacing:.04em;color:var(--muted);background:var(--canvas);border-radius:99px;padding:2px 9px;text-transform:none}#okdemo .g-do{background:var(--surface);border:1.5px solid color-mix(in srgb,var(--accent) 40%,var(--line));border-radius:12px;padding:10px 12px;color:var(--ink);font-weight:500;font-size:13px}@media (min-width:1181px){#okdemo .guide{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) 220px}}#okdemo .fnav{position:fixed;right:22px;bottom:22px;z-index:90;display:flex;align-items:center;gap:6px;padding:6px;border-radius:99px;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);box-shadow:0 14px 34px -14px rgba(40,20,10,.4);opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .3s,transform .3s}#okdemo .fnav.show{opacity:1;transform:none;pointer-events:auto}#okdemo .fnav .fb{width:42px;height:42px;border-radius:50%;border:0;background:var(--canvas);color:var(--ink);display:grid;place-items:center}#okdemo .fnav .fb:hover{background:var(--hover)}#okdemo .fnav .fb:disabled{opacity:.35}#okdemo .fnav .fb svg{width:17px;height:17px}#okdemo .fnav .fb.next{width:auto;display:inline-flex;align-items:center;gap:7px;padding:0 18px 0 20px;border-radius:99px;background:var(--grad);color:#fff;font-weight:600;font-size:13.5px}#okdemo .fnav .fnum{font-size:12px;font-weight:600;color:var(--muted);padding:0 8px;font-variant-numeric:tabular-nums;white-space:nowrap}#okdemo .fnav kbd{font-family:var(--f);font-size:10px;border:1px solid rgba(255,255,255,.5);border-radius:4px;padding:0 4px;margin-left:2px;opacity:.85}#okdemo.locked .fnav{display:none}@media (max-width:760px){#okdemo .fnav{display:none}}#okdemo .aitem .sv{width:8px;height:8px;border-radius:50%;align-self:flex-start;margin-top:6px;flex:0 0 8px}#okdemo .app .aitem{background:var(--canvas);border:1px solid color-mix(in srgb,var(--line) 60%,transparent)}#okdemo .g-nav button{white-space:nowrap}#okdemo .guide .g-navw{min-width:0;align-self:center}@media (min-width:1181px){#okdemo .guide{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) max-content}#okdemo .guide .g-nav button{flex:0 0 auto;padding-inline:16px}}#okdemo .guide{background:transparent;border:0;box-shadow:none;border-radius:0;overflow:visible;padding:20px 2px 10px}#okdemo .guide .g-bar{background:var(--line);border-radius:3px}#okdemo .guide .g-bar span{border-radius:3px}@media (max-width:760px){#okdemo .guide{padding:18px 0 6px}}#okdemo .app .c-att{color:var(--a2);background:color-mix(in srgb,var(--a2) 14%,transparent)}#okdemo .app .c-plan{color:var(--a3);background:color-mix(in srgb,var(--a3) 14%,transparent)}#okdemo .prio-p{display:inline-flex;align-items:center;font-size:9.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;border-radius:3px;padding:1px 7px;line-height:1.75;white-space:nowrap}#okdemo .p-crit{color:var(--bad);background:var(--bad-bg);font-weight:700}#okdemo .p-haute{color:#C2562B;background:color-mix(in srgb,#E8742F 15%,transparent)}#okdemo .p-moy{color:var(--warn);background:var(--warn-bg)}#okdemo .p-basse{color:var(--muted);background:var(--neu-bg)}#okdemo .p-aucune{color:var(--muted);background:var(--canvas);text-transform:none;letter-spacing:0;font-size:11px;font-weight:500}#okdemo .krow{display:flex;align-items:flex-end;justify-content:space-between;gap:8px}#okdemo .kpct{font-size:11.5px;color:var(--muted)}#okdemo .kbar{height:4px;border-radius:3px;background:var(--canvas);overflow:hidden;margin:6px 0 4px}#okdemo .kbar u{display:block;height:100%;background:var(--line2)}#okdemo .kbar.hot u{background:linear-gradient(90deg,color-mix(in srgb,var(--bad) 45%,transparent),var(--bad))}#okdemo .kbar.warm u{background:linear-gradient(90deg,var(--warn),var(--bad))}#okdemo .spark{width:90px;height:26px}#okdemo .qopen{display:flex;flex-direction:column;gap:10px}#okdemo .qopen>div{display:grid;grid-template-columns:10px minmax(0,1fr) 34px 42px;gap:10px;align-items:center;font-size:12.5px}#okdemo .qopen i{width:8px;height:8px;border-radius:2px}#okdemo .qopen b{text-align:right;font-weight:600}#okdemo .qopen em{font-style:normal;text-align:right;font-size:11.5px;color:var(--muted)}#okdemo .qnote{display:flex;gap:6px;align-items:center;margin-top:14px;font-size:11.5px;color:var(--muted)}#okdemo .qnote svg{width:13px;height:13px}#okdemo .claim{display:flex;flex-direction:column;gap:8px}#okdemo .claim>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:6px;padding:9px 11px}#okdemo .claim b{display:block;font-weight:500;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#okdemo .claim small{font-size:11px;color:var(--muted);display:flex;gap:5px;align-items:center;flex-wrap:wrap}#okdemo .claim .age{font-size:11.5px;color:var(--muted)}#okdemo .more{display:inline-flex;align-items:center;gap:4px;margin-top:12px;font-size:12px;color:#E8412F}#okdemo .more svg{width:12px;height:12px}#okdemo .card-h .more{margin:0}#okdemo .prow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px}#okdemo .prow>span:first-child{margin-right:6px}#okdemo .prow b{font-weight:600;margin-right:8px}#okdemo .slaline{display:flex;gap:22px;flex-wrap:wrap;font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--info)}#okdemo .slaline span{display:flex;align-items:center;gap:6px}#okdemo .slaline b{text-transform:none;letter-spacing:0;font-size:12px;font-weight:500}#okdemo .slaline i{width:7px;height:7px;border-radius:50%;border:1.5px solid var(--info)}#okdemo .slaline i.ok{background:var(--ok);border-color:var(--ok)}#okdemo .slaline i.warn{background:var(--warn);border-color:var(--warn)}#okdemo .tl-h{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--line);flex-wrap:wrap}#okdemo .tl-h b{font-weight:600;font-size:14px}#okdemo .seg{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:7px;margin-left:auto}#okdemo .seg span{font-size:11.5px;padding:3px 9px;border-radius:5px;color:var(--muted)}#okdemo .seg span.on{background:var(--pbtn);color:var(--ink);font-weight:500}#okdemo .tmh em{margin-left:auto;font-style:normal;font-size:11px;color:var(--muted)}#okdemo .tmb{background:var(--canvas);border-radius:6px;padding:10px 12px;margin-top:4px}#okdemo .tmsg.tnote .tmb{background:transparent;padding:4px 0 0}#okdemo .pcontact{display:flex;gap:10px;align-items:flex-start}#okdemo .pcontact b{display:block;font-size:12.5px}#okdemo .pcontact small{display:block;font-size:11px;color:var(--muted)}#okdemo .vtabs{display:flex;gap:4px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}#okdemo .vtabs span{white-space:nowrap;font-size:12.5px;color:var(--ink);padding:7px 11px;border-radius:6px 6px 0 0;display:inline-flex;gap:6px;align-items:center}#okdemo .vtabs span.on{background:var(--pbtn);font-weight:500}#okdemo .vtabs em{font-style:normal;font-size:10.5px;color:var(--muted);background:var(--neu-bg);border-radius:99px;padding:0 6px}#okdemo .vtabs .vall{margin-left:auto}#okdemo .vtabs svg{width:12px;height:12px}#okdemo .fbar{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:7px;padding:7px 11px;font-size:12px;color:var(--muted);flex-wrap:wrap}#okdemo .fbar svg{width:14px;height:14px}#okdemo .fchip b{font-weight:500;color:var(--ink)}#okdemo .fph{flex:1;min-width:120px}#okdemo .fbar kbd{border:1px solid var(--line2);border-radius:4px;padding:0 5px;font-size:11px}#okdemo .afilters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}#okdemo .sel{display:inline-flex;align-items:center;gap:8px;font-size:12px;border:1px solid var(--line);border-radius:7px;padding:7px 10px;color:var(--ink);background:var(--surface)}#okdemo .sel svg{width:12px;height:12px;color:var(--muted)}#okdemo .sel.on{border-color:color-mix(in srgb,var(--accent-ink) 50%,var(--line));background:var(--soft);color:var(--accent-ink)}#okdemo button.sel{font:inherit;font-size:12px;cursor:pointer}#okdemo .agrid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px;align-items:start}#okdemo .aclients{padding-bottom:8px}#okdemo .aclients>div:not(.card-h){display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 8px 2px;padding:7px 9px;border-radius:6px;font-size:12.5px}#okdemo .aclients>div.on{background:var(--pbtn)}#okdemo .aclients b{display:block;font-weight:500}#okdemo .aclients small{font-size:10.5px;color:var(--muted)}#okdemo .aclients em{font-style:normal;font-size:11px;color:var(--muted);background:var(--canvas);border-radius:99px;padding:0 7px}#okdemo .allin{display:inline-flex;align-items:center;gap:5px;color:var(--ok);font-size:12px}#okdemo .allin svg{width:12px;height:12px}#okdemo .wkbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12.5px}#okdemo .wkbar b{display:inline-flex;align-items:center;gap:6px;font-weight:600}#okdemo .wkbar b svg{width:14px;height:14px;color:var(--muted)}#okdemo .tgrid td,#okdemo .tgrid th{padding:8px 10px}#okdemo .tcell{display:flex;flex-direction:column;align-items:flex-end;gap:1px}#okdemo .tcell b{font-weight:600;font-size:12.5px}#okdemo .tcell small{font-size:10.5px;color:var(--muted)}#okdemo .tcell em{display:block;width:100%;max-width:110px;height:3px;border-radius:2px;background:var(--canvas);overflow:hidden;margin-top:4px}#okdemo .tcell em u{display:block;height:100%;background:var(--muted)}@container app (max-width:900px){#okdemo .agrid{grid-template-columns:minmax(0,1fr)}#okdemo .aclients{display:none}}#okdemo .app .okd-h .lg,#okdemo .okd-h .lg{background:none;border-radius:0;width:32px;height:32px}#okdemo .okd-h .lg img{width:30px;height:30px;display:block}#okdemo .okcard>img{width:20px;height:20px;flex:0 0 20px;margin-top:1px}#okdemo .okmini{width:13px;height:13px;vertical-align:-2px}@media (min-width:761px){#okdemo .guide .g-navw{display:none}}@media (min-width:761px) and (max-width:1180px){#okdemo .guide .g-side{grid-column:1/-1}}@media (min-width:1181px){#okdemo .guide{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}}#okdemo .syncp{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:500;color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent);border:1px solid color-mix(in srgb,var(--ok) 28%,transparent);border-radius:99px;padding:3px 10px 3px 8px;margin-right:4px;white-space:nowrap}#okdemo .syncp svg{width:12px;height:12px}#okdemo .arow .arr{margin-left:auto}#okdemo .stepper.six{flex-wrap:wrap;align-items:flex-start;gap:0;row-gap:10px;padding:2px 0 4px}#okdemo .stepper.six span{align-items:flex-start;gap:8px;flex:0 0 auto}#okdemo .stepper.six span i{flex:0 0 20px;width:20px;height:20px}#okdemo .stepper.six span i svg{width:11px;height:11px}#okdemo .stepper.six span div{display:flex;flex-direction:column;gap:1px;line-height:1.3}#okdemo .stepper.six span small{font-size:11px}#okdemo .stepper.six em{flex:1 1 18px;min-width:14px;max-width:60px;width:auto;margin:10px 10px 0}#okdemo .psec{display:flex;align-items:center;gap:10px;flex-wrap:wrap}#okdemo .psec h3{margin:0;font-size:14px;font-weight:600}#okdemo .psec .seg{margin-left:auto}#okdemo .psec .seg span{display:inline-flex;align-items:center;gap:5px}#okdemo .psec .seg svg{width:13px;height:13px}#okdemo .pdesc{font-size:13px;line-height:1.55;color:var(--ink);margin:0}#okdemo .pcon{display:flex;align-items:center;gap:9px}#okdemo .pcon .pv>b{word-break:break-word}#okdemo .app .ptabs{flex-wrap:wrap;gap:1px}#okdemo .app .ptabs .tab{padding:6px 8px;gap:6px;font-size:12.5px;white-space:nowrap}#okdemo .pgrid td.num:first-child{white-space:nowrap}@container app (max-width:640px){#okdemo .syncp{display:none}}#okdemo .app .ibtn .oklogo{width:19px;height:19px;display:block}#okdemo .onw{position:static}#okdemo .app .ibtn .ondot{position:absolute;right:5px;bottom:6px;width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 2px var(--surface)}#okdemo .app .ibtn .badge.onc{background:var(--muted);color:var(--surface)}#okdemo .onp .bellp-h small{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted)}#okdemo .onp .bellp-h small i{width:7px;height:7px;border-radius:50%;background:var(--ok)}#okdemo .onrow{align-items:center}#okdemo .onrow>div{flex:1;min-width:0}#okdemo .onav{position:relative;flex:0 0 auto;display:inline-flex}#okdemo .onav .av{width:30px;height:30px;font-size:11px}#okdemo .onav i{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 2px var(--surface)}#okdemo .onav i.away{background:var(--warn)}#okdemo .onrow .btn{flex:0 0 auto}#okdemo .onrow>div b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#okdemo .onrow>div small{display:block;line-height:1.35}#okdemo .onrow .waved{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;font-size:11.5px;font-weight:500;color:var(--ok);background:var(--ok-bg);border-radius:6px;padding:5px 10px}#okdemo .onrow .waved svg{width:12px;height:12px}#okdemo .app .bellp.onp{width:490px}#okdemo .prop .bt .chip{white-space:normal;text-align:left}#okdemo .app .bellp.onp.tch{width:390px}#okdemo .tch-h{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line)}#okdemo .tch-h>div{flex:1;min-width:0}#okdemo .tch-h b{display:block;font-size:13.5px;font-weight:600;color:var(--ink)}#okdemo .tch-h small{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--ok)}#okdemo .tch-h small svg{width:12px;height:12px;flex:0 0 12px}#okdemo .tch-m{display:flex;flex-direction:column;gap:7px;padding:14px;max-height:280px;min-height:170px;overflow-y:auto;background:var(--canvas)}#okdemo .tm{max-width:82%;align-self:flex-start;background:var(--surface);border:1px solid var(--line);color:var(--ink);font-size:12.5px;line-height:1.45;padding:7px 11px;border-radius:12px 12px 12px 4px;word-break:break-word}#okdemo .tm.me{align-self:flex-end;background:var(--acc);border-color:transparent;color:#fff;border-radius:12px 12px 4px 12px}#okdemo .tm.typing{display:flex;gap:4px;padding:10px 12px}#okdemo .tm.typing i{width:6px;height:6px;border-radius:50%;background:var(--faint);animation:okd-tdot 1s infinite}#okdemo .tm.typing i:nth-child(2){animation-delay:.15s}#okdemo .tm.typing i:nth-child(3){animation-delay:.3s}@keyframes okd-tdot{0%,60%,100%{opacity:.35}30%{opacity:1}}#okdemo .tch-in{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--line)}#okdemo .tch-in input{flex:1;min-width:0;font:inherit;font-size:12.5px;border:1px solid var(--line2);border-radius:8px;padding:7px 10px;background:var(--surface);color:var(--ink)}#okdemo .tch-in input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}#okdemo .tch-in input::placeholder{color:var(--faint)}#okdemo .onp .bellp-f{line-height:1.5}#okdemo .onp .bellp-f b{font-weight:600;color:var(--ink)}@container app (max-width:1000px){#okdemo .app .ibtn.xs-hide{display:none}}@container app (max-width:560px){#okdemo .onrow{flex-wrap:wrap;row-gap:8px}#okdemo .onrow>div{flex:1 1 calc(100% - 41px)}#okdemo .onrow>div+*{margin-left:41px}}#okdemo .fab{position:absolute;right:18px;bottom:calc(18px + var(--lift,0px));z-index:12;transition:opacity .2s}#okdemo .fab.hide{opacity:0;visibility:hidden;pointer-events:none}#okdemo .fab.tuck{opacity:0;pointer-events:none}#okdemo .fabs{display:flex;flex-direction:column;gap:10px}#okdemo .fabb{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);display:grid;place-items:center;padding:0;box-shadow:var(--shadow);transition:transform .15s,background .15s}#okdemo .fabb:hover{transform:translateY(-1px);background:var(--hover)}#okdemo .fabb.on{background:var(--pbtn-h);color:var(--ink)}#okdemo .fabb svg{width:20px;height:20px}#okdemo .fabok img{width:26px;height:26px;display:block}#okdemo .fbp{position:absolute;right:0;bottom:calc(100% + 12px);width:380px;max-width:calc(100cqw - 36px);background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden;display:flex;flex-direction:column;text-align:left}#okdemo .fbp-h{display:flex;align-items:center;gap:11px;padding:13px 12px 12px 16px;border-bottom:1px solid var(--line)}#okdemo .fbp-h img{width:30px;height:30px;flex:0 0 30px}#okdemo .fbp-h b{display:block;font-size:14px;font-weight:600}#okdemo .fbp-h small{display:block;font-size:11.5px;color:var(--muted);line-height:1.4}#okdemo .fbp-h .fbx{margin-left:auto;align-self:flex-start;flex:0 0 auto}#okdemo .fbp-b{padding:14px 16px;display:flex;flex-direction:column;gap:12px}#okdemo .fbt{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}#okdemo .fbt button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 2px 8px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--muted);font-size:10.5px;letter-spacing:-.005em;font-weight:500;min-width:0}#okdemo .fbt button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#okdemo .fbt button svg{width:18px;height:18px}#okdemo .fbt button:hover{background:var(--hover)}#okdemo .fbt button.on{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:var(--soft);color:var(--accent-ink)}#okdemo #fbtxt{display:block;font:inherit;font-size:13px;width:100%;min-height:96px;resize:vertical;border:1px solid var(--line2);border-radius:10px;padding:9px 11px;background:var(--canvas);color:var(--ink);line-height:1.5}#okdemo #fbtxt:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}#okdemo #fbtxt::placeholder{color:var(--faint)}#okdemo #fbtxt.bad{border-color:var(--bad)}#okdemo .fberr{margin:-6px 0 0;font-size:11.5px;color:var(--bad)}#okdemo .fbdrop{display:flex;align-items:center;gap:9px;width:100%;border:1px dashed var(--line2);border-radius:10px;background:none;padding:11px 12px;color:var(--muted);font-size:12px;text-align:left}#okdemo .fbdrop:hover{background:var(--hover)}#okdemo .fbdrop svg,#okdemo .fbshot svg{width:17px;height:17px;flex:0 0 17px}#okdemo .fbdrop u{text-underline-offset:2px;color:var(--ink)}#okdemo .fbshot{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;padding:7px 7px 7px 12px;font-size:12px;color:var(--ink);background:var(--canvas)}#okdemo .fbshot span{flex:1;min-width:0}#okdemo .fbshot button{border:0;background:none;color:var(--muted);width:26px;height:26px;display:grid;place-items:center;border-radius:7px;padding:0}#okdemo .fbshot button:hover{background:var(--pbtn)}#okdemo .fbshot button svg{width:14px;height:14px;flex:0 0 14px}#okdemo .fbp-f{display:flex;align-items:center;gap:10px;padding:11px 16px;border-top:1px solid var(--line);background:var(--canvas)}#okdemo .fbp-f small{flex:1;min-width:0;font-size:11.5px;color:var(--muted);line-height:1.4}#okdemo .fbp-f small b{font-weight:600;color:var(--ink)}#okdemo .fbok{display:flex;gap:11px;align-items:center;padding:11px 12px;border-radius:12px;background:var(--ok-bg);color:var(--ok)}#okdemo .fbok>span{width:30px;height:30px;border-radius:50%;background:var(--ok);color:#fff;display:grid;place-items:center;flex:0 0 30px}#okdemo .fbok>span svg{width:15px;height:15px}#okdemo .fbok b{display:block;font-size:13px;font-weight:600}#okdemo .fbok small{display:block;font-size:11.5px;color:var(--muted)}#okdemo .fbq{margin:0;padding:9px 12px;border-left:3px solid var(--line2);background:var(--canvas);border-radius:0 8px 8px 0;font-size:12.5px;color:var(--ink);white-space:pre-wrap;word-break:break-word;max-height:110px;overflow:auto}#okdemo .fbtl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;font-size:12.5px;color:var(--muted)}#okdemo .fbtl li{display:flex;align-items:center;gap:9px}#okdemo .fbtl i{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--line2);display:grid;place-items:center;flex:0 0 18px}#okdemo .fbtl li.done{color:var(--ink);font-weight:500}#okdemo .fbtl li.done i{background:var(--ok);border-color:var(--ok);color:#fff}#okdemo .fbtl i svg{width:10px;height:10px}#okdemo .fbnote{margin:0;font-size:11.5px;color:var(--muted)}#okdemo .app .bellp.onp.tchw{width:740px;max-width:calc(100cqw - 28px)}#okdemo .tchw-g{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:440px}#okdemo .tchl{border-right:1px solid var(--line);background:var(--canvas);display:flex;flex-direction:column;padding:8px;gap:2px;min-width:0}#okdemo .tchl-h{font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:6px 8px 6px}#okdemo .tchi{display:flex;align-items:center;gap:9px;border:0;background:none;border-radius:8px;padding:7px 8px;text-align:left;color:var(--ink);min-width:0;width:100%}#okdemo .tchi:hover{background:var(--hover)}#okdemo .tchi.on{background:var(--pbtn)}#okdemo .tchi>span:nth-child(2){flex:1;min-width:0}#okdemo .tchi b{display:block;font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#okdemo .tchi small{display:block;font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#okdemo .tchi .ub{font-size:10px;font-weight:700;color:#fff;background:#E8412F;border-radius:99px;min-width:17px;height:17px;display:grid;place-items:center;padding:0 5px;flex:0 0 auto}#okdemo .gav{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:0 0 30px;background:var(--soft);color:var(--accent-ink)}#okdemo .gav svg{width:15px;height:15px}#okdemo .gav.team{background:var(--info-bg);color:var(--info)}#okdemo .tchi .onav .av{width:30px;height:30px}#okdemo .tchc{display:flex;flex-direction:column;min-width:0}#okdemo .tchc .tch-h .x{margin-left:auto}#okdemo .tchc .tch-m{flex:1;max-height:min(420px,52vh);min-height:240px}#okdemo .tchc .tch-h>div{min-width:0}#okdemo .tchc .tch-h b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#okdemo .tmw{display:flex;gap:8px;align-items:flex-end;max-width:88%}#okdemo .tmw.me{align-self:flex-end;flex-direction:column;align-items:flex-end}#okdemo .tmw .tmav .av{width:26px;height:26px;font-size:10px}#okdemo .tmb{display:flex;flex-direction:column;gap:4px;min-width:0}#okdemo .tmn{font-size:10.5px;color:var(--muted);padding-left:2px}#okdemo .tmw .tm{max-width:100%}#okdemo .tatt{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:8px 10px;text-align:left;color:var(--ink);min-width:0}#okdemo .tatt:hover{background:var(--hover)}#okdemo .tatt>span:nth-child(2){min-width:0}#okdemo .tatt b{display:block;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#okdemo .tatt small{display:block;font-size:11px;color:var(--muted)}#okdemo .tatt>svg{width:15px;height:15px;color:var(--muted);flex:0 0 15px}#okdemo .tpdf{width:32px;height:38px;border-radius:5px;background:var(--bad-bg);color:var(--bad);font-size:9.5px;font-weight:700;display:grid;place-items:center;flex:0 0 32px;letter-spacing:.04em}#okdemo .timg{margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface);max-width:240px}#okdemo .timg button{display:block;border:0;padding:0;background:none;width:100%}#okdemo .timg svg{display:block;width:100%;height:auto}#okdemo .timg figcaption{font-size:11px;color:var(--muted);padding:6px 10px}#okdemo .trec{display:flex;align-items:center;gap:10px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));background:var(--surface);border-radius:12px;padding:9px 11px;text-align:left;color:var(--ink);min-width:0;width:100%}#okdemo .trec:hover{background:var(--hover)}#okdemo .trec-i{width:30px;height:30px;border-radius:8px;background:var(--soft);color:var(--accent-ink);display:grid;place-items:center;flex:0 0 30px}#okdemo .trec-i svg{width:15px;height:15px}#okdemo .trec>span:nth-child(2){flex:1;min-width:0}#okdemo .trec small{display:block;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink)}#okdemo .trec b{display:block;font-size:12.5px;font-weight:600}#okdemo .trec em{display:block;font-style:normal;font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#okdemo .trec>svg{width:14px;height:14px;color:var(--muted);flex:0 0 14px;transition:transform .2s}#okdemo .trec.open>svg{transform:rotate(90deg)}#okdemo .trec-d{display:none;font-size:11.5px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:7px 10px}#okdemo .trec.open+.trec-d{display:block}#okdemo .tvoice{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:5px 12px 5px 5px;min-width:0}#okdemo .tvoice button{width:30px;height:30px;border-radius:50%;border:0;background:var(--acc);color:#fff;display:grid;place-items:center;flex:0 0 30px;padding:0}#okdemo .tvoice button svg{width:13px;height:13px}#okdemo .tvoice .wave{display:flex;align-items:center;gap:2px;height:22px}#okdemo .tvoice .wave i{width:3px;border-radius:2px;background:var(--line2)}#okdemo .tvoice.play .wave i{animation:okd-vsweep 3.6s linear forwards;animation-delay:var(--d)}@keyframes okd-vsweep{to{background:var(--accent)}}#okdemo .tvoice small{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}@container app (max-width:760px){#okdemo .app .bellp.onp.tchw{left:10px;right:10px;width:auto;max-width:none}#okdemo .tchw-g{grid-template-columns:minmax(0,1fr);min-height:0}#okdemo .tchl{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:6px;gap:4px}#okdemo .tchl-h{display:none}#okdemo .tchi{width:auto;flex:0 0 auto;max-width:190px}#okdemo .tchc .tch-m{max-height:min(340px,46vh);min-height:200px}#okdemo .tchc .tch-h .gk{display:none}}@container app (max-width:480px){#okdemo .fbt{grid-template-columns:repeat(2,minmax(0,1fr))}#okdemo .fbt button{flex-direction:row;justify-content:center;padding:8px 6px;font-size:11.5px}}@container app (max-width:560px){#okdemo .app .bellp.onp{left:10px;right:10px;width:auto;max-width:none}}#okdemo .drop.flash{animation:okd-okd-flash .9s ease}@keyframes okd-okd-flash{0%,100%{box-shadow:0 0 0 0 transparent}35%{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 30%,transparent)}}#okdemo .okd{top:62px;right:76px;bottom:16px;width:410px;max-width:calc(100% - 92px);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lg);overflow:hidden;transform:translateY(14px) scale(.985);opacity:0;visibility:hidden;pointer-events:none;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .22s,visibility 0s .32s,width .3s cubic-bezier(.2,.8,.2,1);transform-origin:bottom right;z-index:13}#okdemo .okd.open{transform:none;opacity:1;visibility:visible;pointer-events:auto;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .22s,visibility 0s,width .3s cubic-bezier(.2,.8,.2,1)}#okdemo .okd.wide{width:640px}#okdemo .okd-h{gap:11px;padding:12px 10px 12px 14px}#okdemo .okav{position:relative;flex:0 0 38px;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center}#okdemo .okav img{width:24px;height:24px;display:block}#okdemo .okav i{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;background:var(--ok);border:2px solid var(--surface)}#okdemo .okt{min-width:0}#okdemo .okt b{display:flex;align-items:center;gap:6px;font-size:14.5px;font-weight:600;letter-spacing:.01em}#okdemo .okt b span{display:inline-grid;color:var(--faint);cursor:help}#okdemo .okt b svg{width:14px;height:14px}#okdemo .okt small{display:block;font-size:12px;color:var(--muted);margin-top:1px}#okdemo .okact{margin-left:auto;display:flex;align-items:center;gap:2px}#okdemo .okact .ibtn{width:32px;height:32px;color:var(--muted)}#okdemo .okact .ibtn svg{width:17px;height:17px}#okdemo .okact .ibtn:hover{color:var(--ink)}#okdemo .okd-m{padding:14px 14px 10px;gap:10px}#okdemo .okday{align-self:center;font-size:11.5px;font-weight:500;color:var(--muted);background:var(--canvas);border-radius:99px;padding:3px 11px;margin-bottom:2px}#okdemo .okme{align-self:flex-end;max-width:86%;display:flex;flex-direction:column;align-items:flex-end;gap:4px}#okdemo .app .msg.me,#okdemo .msg.me{background:color-mix(in srgb,var(--accent2) 13%,var(--surface));color:var(--ink);padding:10px 13px;border-radius:16px 16px 4px 16px;max-width:100%;font-size:13.5px}#okdemo .okme small{font-size:11px;color:var(--faint);padding-right:2px}#okdemo .okatt{display:flex;flex-direction:column;align-items:flex-end;gap:5px;margin-bottom:8px}#okdemo .okatt .thumb{width:150px;height:118px;border-radius:10px;box-shadow:0 1px 2px rgba(0,0,0,.08)}#okdemo .okatt em{font-style:normal;font-size:11.5px;color:var(--muted)}#okdemo .okbot{align-self:flex-start;max-width:92%;display:flex;flex-direction:column;gap:6px}#okdemo .oktool{display:flex;align-items:flex-start;gap:8px;padding:8px 11px;border-radius:11px;border:1px solid color-mix(in srgb,#6d4bd8 22%,var(--line));background:color-mix(in srgb,#6d4bd8 6%,var(--surface));font-size:12px;line-height:1.4}#okdemo .oktool svg{width:14px;height:14px;flex:0 0 14px;margin-top:1px;color:var(--ok)}#okdemo .oktool b{font-weight:500;color:#6d4bd8}#okdemo .oktool span{color:var(--muted)}#okdemo .msg.bot{max-width:100%;background:var(--canvas);border-radius:16px 16px 16px 4px;font-size:13.5px}#okdemo .okd-in{align-items:flex-end;gap:6px;padding:10px 12px 4px;border-top:1px solid var(--line)}#okdemo .okd-in textarea{flex:1;min-width:0;resize:none;font:inherit;font-size:13.5px;line-height:1.45;border:1.5px solid var(--line2);border-radius:12px;padding:9px 12px;background:var(--surface);color:var(--ink);min-height:74px}#okdemo .okd-in textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}#okdemo .okd-in textarea::placeholder{color:var(--faint)}#okdemo .app .okd-in .okib,#okdemo .okd-in .okib{width:34px;height:34px;flex:0 0 34px;border:0;border-radius:50%;background:transparent;color:var(--muted);display:grid;place-items:center;padding:0;margin-bottom:12px}#okdemo .app .okd-in .okib:hover,#okdemo .okd-in .okib:hover{background:var(--hover);color:var(--ink)}#okdemo .okd-in .okib svg{width:18px;height:18px}#okdemo .app .okd-in .oksend,#okdemo .okd-in .oksend{width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:var(--canvas);color:var(--muted);display:grid;place-items:center;padding:0;margin-bottom:10px;transition:background .15s,color .15s}#okdemo .app .okd-in .oksend.pret,#okdemo .okd-in .oksend.pret{background:var(--grad);color:#fff}#okdemo .okd-in .oksend svg{width:17px;height:17px}#okdemo .okd-f{display:block;padding:4px 14px 12px;font-size:11px;line-height:1.5;color:var(--faint)}#okdemo .fabb.on.fabok{background:color-mix(in srgb,var(--accent2) 14%,var(--surface));border-color:color-mix(in srgb,var(--accent2) 30%,var(--line))}@container app (max-width:640px){#okdemo .okd,#okdemo .okd.wide{top:54px;left:8px;right:8px;bottom:8px;width:auto;max-width:none}#okdemo .okd-f{display:none}#okdemo .okd-in{padding-bottom:10px}}#okdemo .fsbtn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:8px;padding:4px 9px;font:inherit;font-size:11.5px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}#okdemo .fsbtn:hover{background:var(--hover);color:var(--ink)}#okdemo .fsbtn svg{width:13px;height:13px}#okdemo .stage:fullscreen,#okdemo .stage.plein{background:var(--side,#F7F7F6);overflow:auto;padding:0}#okdemo .stage.plein{position:fixed;inset:0;z-index:1000}#okdemo .stage:fullscreen .app,#okdemo .stage.plein .app{border:0;border-radius:0;box-shadow:none;min-height:100%}#okdemo .stage:fullscreen .app .body,#okdemo .stage.plein .app .body{min-height:calc(100vh - 46px)}#okdemo .stage:fullscreen .fnav,#okdemo .stage.plein .fnav{display:flex;opacity:1;visibility:visible;transform:none;pointer-events:auto}@container app (max-width:560px){#okdemo .fsbtn span{display:none}}#okdemo .okd{top:auto;bottom:0;right:84px;width:424px;max-width:calc(100% - 100px);height:min(672px,calc(100% - 78px));border-radius:16px 16px 0 0;border-bottom:0}#okdemo .okd.wide{top:62px;right:0;width:448px;height:auto;border-radius:0;border-width:1px 0 0 1px}#okdemo .fab{right:24px;bottom:calc(24px + var(--lift,0px))}#okdemo .stage:fullscreen,#okdemo .stage.plein{overflow:hidden}#okdemo .stage:fullscreen .app .main,#okdemo .stage:fullscreen .app .side,#okdemo .stage.plein .app .main,#okdemo .stage.plein .app .side{scrollbar-width:none}#okdemo .stage:fullscreen .app .main::-webkit-scrollbar,#okdemo .stage:fullscreen .app .side::-webkit-scrollbar,#okdemo .stage.plein .app .main::-webkit-scrollbar,#okdemo .stage.plein .app .side::-webkit-scrollbar{display:none}#okdemo .stage:fullscreen .app,#okdemo .stage.plein .app{display:flex;flex-direction:column;height:100%;min-height:0}#okdemo .stage:fullscreen .app .body,#okdemo .stage.plein .app .body{flex:1 1 auto;min-height:0}#okdemo .stage:fullscreen .app .side,#okdemo .stage.plein .app .side{overflow-y:auto;min-height:0}#okdemo .stage:fullscreen .app .main,#okdemo .stage.plein .app .main{overflow-y:auto;min-height:0}#okdemo .stage:fullscreen .fnav,#okdemo .stage.plein .fnav{left:50%;right:auto;translate:-50% 0}@container app (max-width:640px){#okdemo .okd,#okdemo .okd.wide{top:auto;left:0;right:0;bottom:0;width:auto;max-width:none;height:min(620px,76vh);border-radius:16px 16px 0 0;border-width:1px 0 0}}#okdemo{padding-inline:0;padding-top:0;background:transparent}#okdemo .rail,#okdemo .player{max-width:none}#okdemo h1 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}#okdemo .tour-sel{margin:28px 0 0}#okdemo .okd-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}#okdemo .okd-facts>div{display:inline-flex;gap:5px;align-items:baseline;padding:6px 13px;border-radius:99px;background:#fff;border:1px solid var(--line);font-size:12.5px;color:var(--muted)}#okdemo .okd-facts b{font-size:13px;color:var(--ink);font-weight:700}#okdemo .okd-liens{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin:18px 0 0;font-size:14px;color:var(--muted)}#okdemo .okd-liens a{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--color-braise-600,#e85543);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s,gap .15s}#okdemo .okd-liens a:hover{border-bottom-color:currentColor;gap:9px}#okdemo .okd-note{margin:22px 0 0;font-size:12px;color:var(--faint)}#okdemo #okd-h1{font-size:clamp(2.125rem,1.3rem + 3.2vw,3.5rem);line-height:1.08;letter-spacing:-.03em;font-weight:700;color:#150c1f;max-width:18ch}#okdemo .app h1,#okdemo .app h2,#okdemo .app h3,#okdemo .app h4,#okdemo .app h5,#okdemo .app h6{color:var(--ink)}#okdemo .rail{margin:6px 0 24px}