.ok-ui{--ok-ink: #364358;--ok-text: #526075;--ok-muted: #637288;--ok-line: #dee4ed;--ok-surface: #eef1f6;--ok-soft: #f4f6f9;--ok-blue: #2060e6;--ok-blue-50: #ebf2fc;--ok-blue-200: #bcd8fa;--ok-navy: #1e2538;color:var(--ok-ink);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:left;-webkit-font-smoothing:antialiased}.ok-points-icon{flex:none;width:14px;height:14px;fill:none;stroke:var(--ok-blue);stroke-width:1.5}.ok-points-icon path{fill:var(--ok-blue);stroke:none}@keyframes oktopost-sucker{0%,40%,to{transform:scale(1)}18%{fill:var(--cs-secondary);transform:scale(1.7)}}.ok-points{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:24px;width:100%;max-width:960px;text-align:left}.ok-points__board{position:relative;padding:20px;border-radius:18px;background:#fff;box-shadow:0 40px 90px -50px var(--cs-accent-glow)}.ok-points__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.ok-points__title{font-size:17px;font-weight:700}.ok-points__chips{display:flex;gap:6px}.ok-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--ok-line);border-radius:8px;font-size:12px}.ok-points__list{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.ok-row{position:relative;display:grid;grid-template-columns:24px 34px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:52px;padding:8px 14px 8px 10px;border-radius:12px;background:var(--ok-soft);font-size:14px}.ok-row__rank{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:var(--ok-muted);font-size:13px;font-weight:700}.ok-row--you{z-index:1;background:var(--ok-blue);box-shadow:0 14px 28px -14px #2060e6cc;color:#fff}.ok-row--you .ok-row__rank{background:#fff;color:var(--ok-blue)}.ok-row[data-place] .ok-row__rank{color:#fff}.ok-row[data-place="1"] .ok-row__rank{background:#e3a50b}.ok-row[data-place="2"] .ok-row__rank{background:#8e9bb0}.ok-row[data-place="3"] .ok-row__rank{background:#bd7438}.ok-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-size:12px;font-weight:700;letter-spacing:.3px}.ok-avatar--cyan{background:#cdeff6;color:#0b6e86}.ok-avatar--pink{background:#f7e4f9;color:#9d2e93}.ok-avatar--green{background:#cef5e5;color:#107560}.ok-avatar--yellow{background:#fcefc5;color:#85580a}.ok-avatar--purple{background:#e7e1fc;color:#5a3ccb}.ok-avatar--blue{background:#fff;color:var(--ok-blue)}.ok-row__name{display:flex;align-items:center;gap:8px;min-width:0;font-weight:500}.ok-row__person{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ok-row__badge{flex:none;padding:2px 7px;border-radius:999px;background:#ffffff38;font-size:11px;font-weight:700;letter-spacing:.4px;vertical-align:1px}.ok-row__points{display:inline-flex;align-items:center;gap:5px;font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.ok-row--you .ok-points-icon{stroke:#fff}.ok-row--you .ok-points-icon path{fill:#fff}.ok-row.is-bumped .ok-row__points{animation:ok-bump .5s var(--ease-out-expo)}@keyframes ok-bump{40%{transform:scale(1.2)}}.ok-toast{position:absolute;top:14px;left:50%;z-index:2;display:flex;align-items:center;gap:8px;padding:9px 14px 9px 10px;border-radius:10px;background:var(--ok-navy);box-shadow:0 14px 30px -12px #0f142399;color:#fff;font-size:13px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%,-8px);transition:opacity .25s ease,transform .4s var(--ease-out-expo)}.ok-toast.is-visible{opacity:1;transform:translate(-50%)}.ok-toast__icon{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#15d0a1}.ok-toast__icon svg{width:11px;height:11px;fill:none;stroke:#04261d;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.ok-points__panel{display:flex;flex-direction:column;gap:20px}.ok-points__group{display:flex;flex-direction:column;gap:8px}.ok-points__group-title{font-size:13px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase}.ok-points__actions{display:contents}.ok-action{display:grid;grid-template-areas:"label points" "left points";grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;width:100%;padding:10px 12px 10px 14px;border:1px solid var(--cs-line-strong);border-radius:12px;background:var(--cs-surface-raised);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;transition:background-color var(--transition),border-color var(--transition),opacity var(--transition),transform .2s ease}.ok-action:hover{border-color:color-mix(in srgb,var(--cs-accent) 60%,transparent);background:color-mix(in srgb,var(--cs-accent) 9%,var(--cs-surface-raised))}.ok-action:active{transform:scale(.98)}.ok-action:focus-visible,.ok-points__reset:focus-visible{outline:2px solid var(--cs-accent-text);outline-offset:2px}.ok-action[aria-disabled=true]{border-color:var(--cs-line);background:var(--cs-surface);cursor:not-allowed;opacity:.5;transform:none}.ok-action__label{grid-area:label;font-size:14px;font-weight:500}.ok-action__left{grid-area:left;color:var(--color-muted);font-size:12px}.ok-action__points{grid-area:points;padding:4px 9px;border-radius:999px;background:var(--cs-accent-tint);color:color-mix(in srgb,var(--cs-accent) 45%,var(--color-text));font-family:var(--font-heading);font-size:13px;font-weight:600}.ok-points__reset{align-self:flex-start;margin-top:8px;padding:0;border:0;background:none;color:var(--color-muted);font:inherit;font-size:14px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.ok-points__reset:hover{color:var(--color-text)}.cs-gtabs{display:flex;flex-direction:column;width:100%;min-width:0;gap:16px}.cs-custom--gtabs .cs-custom__stage{display:block}.cs-gtabs__stage{position:relative;aspect-ratio:16 / 10;min-height:380px}.cs-gtabs__panel{display:none;height:100%}.cs-gtabs__panel.is-active{display:flex;flex-direction:column;animation:cs-fade-in .45s ease both}.cs-gtabs__demo{display:grid;grid-template-columns:minmax(0,1fr);flex:1;min-height:0;place-items:center;padding:clamp(24px,4vw,40px);border:1px solid var(--cs-line-strong);border-radius:var(--radius-card);background:var(--cs-surface-raised);overflow:auto}.cs-gtabs .cs-scrollshot,.cs-gtabs .cs-scrollshot .cs-frame{flex:1;min-height:0}.cs-gtabs .cs-scrollshot .cs-frame{display:flex;flex-direction:column}.cs-gtabs .cs-scrollshot__viewport{flex:1;aspect-ratio:auto}.cs-scrollshot--narrow{max-width:460px;margin-inline:auto}@media(max-width:767px){.cs-gtabs__stage{aspect-ratio:4 / 5;min-height:540px}.cs-gtabs__demo{padding:0;border:0;border-radius:0;background:none;align-items:start}}.ok-brand{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);align-items:center;gap:32px;width:100%;text-align:left}.ok-brand__label{margin-bottom:12px;font-size:13px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase}.ok-brand__swatches{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.ok-brand__swatch{width:34px;height:34px;padding:0;border:0;border-radius:50%;background:var(--swatch);cursor:pointer;transition:box-shadow var(--transition),transform .2s ease}.ok-brand__swatch:hover{transform:scale(1.08)}.ok-brand__swatch[aria-pressed=true]{box-shadow:0 0 0 3px var(--cs-surface),0 0 0 5px var(--color-text)}.ok-brand__swatch:focus-visible{outline:2px solid var(--cs-accent-text);outline-offset:6px}.ok-brand__custom{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px 0 4px;border:1px solid var(--cs-line-strong);border-radius:999px;color:var(--cs-text-soft);font-size:13px;cursor:pointer}.ok-brand__custom:focus-within{outline:2px solid var(--cs-accent-text);outline-offset:2px}.ok-brand__custom input{width:26px;height:26px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}.ok-brand__custom input::-webkit-color-swatch-wrapper{padding:0}.ok-brand__custom input::-webkit-color-swatch{border:0;border-radius:50%}.ok-brand__custom input::-moz-color-swatch{border:0;border-radius:50%}.ok-brand__value{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:24px 0 10px;font-size:13px}.ok-brand__value-label,.ok-brand__value code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.ok-brand__value-label{color:var(--color-muted)}.ok-brand__value code{font-size:14px}.ok-brand__scale{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:3px;margin:0;padding:0;list-style:none}.ok-brand__shade{display:flex;flex-direction:column;gap:6px;min-width:0}.ok-brand__chip{display:block;height:44px;border-radius:6px;background:var(--shade);transition:background-color .35s ease}.ok-brand__step{color:var(--color-muted);font-size:10px;text-align:center}.ok-brand__hex{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ok-brand__preview{display:grid;grid-template-columns:136px minmax(0,1fr);overflow:hidden;border-radius:18px;background:var(--ok-surface);box-shadow:0 40px 90px -50px color-mix(in srgb,var(--accent-600) 70%,transparent);font-size:12px;transition:box-shadow .35s ease}.ok-brand__nav{display:flex;flex-direction:column;gap:4px;padding:18px 10px;background:#fff}.ok-brand__logo{margin:0 6px 16px;color:var(--accent-600);font-family:Arial Black,Helvetica Neue,Arial,sans-serif;font-size:21px;font-weight:900;letter-spacing:-1px;line-height:1;transition:color .35s ease}.ok-brand__logo small{margin-left:2px;font-size:11px;letter-spacing:0}.ok-brand__link{display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px;color:var(--ok-text);transition:background-color .35s ease,color .35s ease}.ok-brand__link svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.ok-brand__link.is-active{background:var(--accent-50);color:var(--accent-700);font-weight:700}.ok-brand__main{display:flex;flex-direction:column;gap:12px;min-width:0;padding:16px}.ok-brand__bar{display:flex;align-items:center;justify-content:space-between;gap:10px}.ok-brand__title{font-size:14px;font-weight:700}.ok-btn{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:8px;font-size:12px;font-weight:700;white-space:nowrap;transition:background-color .35s ease,color .35s ease}.ok-btn--primary{background:var(--accent-600);color:var(--on-accent)}.ok-btn--sm{padding:6px 10px;font-size:11px}.ok-btn--info{padding:5px 9px;border:1px solid var(--ok-blue-200);color:var(--ok-blue)}.ok-brand__alert{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 10px;border-radius:10px;background:var(--ok-blue-50)}.ok-brand__alert-icon{display:grid;flex:none;place-items:center;width:17px;height:17px;border:1.5px solid var(--ok-blue);border-radius:50%;color:var(--ok-blue);font-family:Georgia,serif;font-size:10px;font-weight:700}.ok-brand__alert-text{flex:1;min-width:0}.ok-brand__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:12px}.ok-brand__card{padding:14px;border-radius:12px;background:#fff}.ok-brand__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.ok-brand__art{width:100%;max-width:170px;height:auto}.ok-brand__art-bg,.ok-brand__art-line{fill:var(--ok-surface)}.ok-brand__art-ring{fill:none;stroke:var(--ok-surface);stroke-width:12}.ok-brand__art-card{fill:#fff;stroke:var(--ok-line)}.ok-brand__art-accent{fill:var(--accent-600);filter:drop-shadow(0 6px 8px color-mix(in srgb,var(--accent-600) 40%,transparent));transition:fill .35s ease}.ok-brand__art-plus{stroke:var(--on-accent);stroke-linecap:round;stroke-width:3}.ok-brand__empty-title{font-size:13px;font-weight:700}.ok-brand__side{display:flex;flex-direction:column;gap:8px}.ok-brand__side-title{font-weight:700}.ok-brand__side-title--split{display:flex;justify-content:space-between;margin-top:6px}.ok-brand__inline-link{color:var(--accent-600);transition:color .35s ease}.ok-brand__leader{display:flex;align-items:center;gap:8px}.ok-brand__leader .ok-points-icon{margin-left:auto;stroke:var(--accent-600)}.ok-brand__leader .ok-points-icon path{fill:var(--accent-600)}.ok-brand__place{display:grid;flex:none;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--accent-100);color:var(--accent-800);font-size:10px;font-weight:700}.ok-brand__check{display:flex;align-items:center;gap:8px}.ok-brand__check>span{flex:none;width:14px;height:14px;border:1.5px solid #909fb5;border-radius:4px;transition:background-color .35s ease,border-color .35s ease}.ok-brand__check.is-checked>span{border-color:var(--accent-600);background:var(--accent-600)}.ok-brand__check.is-checked>span:after{content:"";display:block;width:4px;height:7px;margin:1px auto 0;border:solid var(--on-accent);border-width:0 2px 2px 0;transform:rotate(45deg)}.ok-kit{width:100%;min-width:0}.ok-kit__list{align-items:start}.ok-kit__slide{display:flex;flex:none;flex-direction:column;gap:12px;width:400px;scroll-snap-align:start}.ok-kit__stage{display:flex;flex-direction:column;justify-content:center;width:100%;min-height:440px;padding:20px;overflow:hidden;border:1px solid var(--ok-line);border-radius:14px;background:#fff;box-shadow:0 20px 44px -30px var(--color-shadow)}.ok-kit__stack{display:flex;flex-direction:column;gap:16px;width:100%}.ok-kit__variant{display:flex;flex-direction:column;gap:8px}.ok-kit__state{color:var(--ok-muted);font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.ok-kit__row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.ok-kit__link{margin-left:6px;color:var(--ok-blue);font-size:13px;font-weight:600}.ok-kbtn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 16px;border:1px solid transparent;border-radius:8px;font-size:13px;font-weight:600;white-space:nowrap}.ok-kbtn--sm{height:32px;padding:0 12px;font-size:12px}.ok-kbtn--primary{background:var(--ok-blue);color:#fff}.ok-kbtn--primary.is-hover{background:#203d95}.ok-kbtn--secondary{border-color:var(--ok-line);background:#fff;color:var(--ok-ink);font-weight:500}.ok-kbtn--secondary.is-hover{border-color:var(--ok-blue);color:var(--ok-blue)}.ok-kbtn--tertiary{background:var(--ok-blue-50);color:var(--ok-blue)}.ok-kbtn--tertiary.is-hover{background:#dae9fe;color:#203d95}.ok-kbtn--success{background:#e8f9f3;color:#0fae88}.ok-kbtn--warning{background:#fbf6d6;color:#ca8a04}.ok-kbtn--danger{background:#faeef0;color:#d8264a}.ok-kbtn.is-disabled,.ok-kbtn.is-loading{border-color:transparent;background:var(--ok-soft);color:#909fb5}.ok-kbtn--secondary.is-disabled,.ok-kbtn--secondary.is-loading{border-color:var(--ok-line);background:#fff}.ok-kbtn__spinner{width:16px;height:16px;border:2px solid var(--ok-line);border-top-color:var(--ok-blue);border-radius:50%;animation:ok-spin .9s linear infinite}@keyframes ok-spin{to{transform:rotate(360deg)}}.ok-kit__fields{display:flex;flex-direction:column;gap:14px;width:100%}.ok-kit__fields--roomy{gap:24px}.ok-kit__field-row{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:start;gap:12px}.ok-kit__field-row .ok-kit__state{padding-top:4px}.ok-kit__field-row--field .ok-kit__state{padding-top:12px}.ok-kit__field-row .ok-field{min-width:0}.ok-field{display:flex;flex-direction:column;gap:6px}.ok-field__name{font-size:13px;font-weight:600}.ok-field__name b{margin-left:2px;color:#f55555}.ok-field__box{display:flex;align-items:center;height:40px;padding:0 12px;overflow:hidden;border:1px solid var(--ok-line);border-radius:8px;background:#fff;font-size:13px;white-space:nowrap}.ok-field__box.is-placeholder{color:var(--ok-muted)}.ok-field.is-hover .ok-field__box{border-color:var(--ok-blue)}.ok-field.is-error .ok-field__box{border-color:#d8264a}.ok-field__caption{color:#d8264a;font-size:12px}.ok-field.is-disabled .ok-field__box{background:var(--ok-soft);color:#909fb5}.ok-kcheck{display:grid;place-items:center;width:18px;height:18px;border:1.5px solid #909fb5;border-radius:4px;background:#fff}.ok-kcheck.is-checked{border-color:var(--ok-blue);background:var(--ok-blue);color:#fff}.ok-kcheck svg,.ok-kstatus svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.6}.ok-kswitch{position:relative;width:40px;height:24px;border:1.5px solid var(--ok-muted);border-radius:16px;background:#fff}.ok-kswitch span{position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:var(--ok-muted)}.ok-kswitch.is-on{border-color:var(--ok-blue);background:var(--ok-blue)}.ok-kswitch.is-on span{left:auto;right:3px;background:#fff}.ok-ktag{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border:1px solid var(--ok-line);border-radius:6px;background:#fff;font-size:12px}.ok-ktag i{color:var(--ok-muted);font-style:normal}.ok-kstatus{display:grid;place-items:center;width:22px;height:22px;border-radius:50%}.ok-kstatus--success{background:#e8f9f3;color:#0fae88}.ok-kstatus--pending{background:var(--ok-blue-50);color:var(--ok-blue)}.ok-kstatus--danger{background:#faeef0;color:#d8264a}.ok-kit__feedback{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.ok-kalert{display:flex;align-items:flex-start;gap:10px;width:100%;padding:12px 14px;border-radius:8px;background:var(--ok-blue-50);font-size:13px;line-height:1.5}.ok-kalert__icon{display:grid;flex:none;place-items:center;width:18px;height:18px;margin-top:1px;border:1.5px solid var(--ok-blue);border-radius:50%;color:var(--ok-blue);font-family:Georgia,serif;font-size:11px;font-weight:700}.ok-kalert__body{display:flex;flex:1;flex-direction:column;min-width:0}.ok-kalert__body u{color:var(--ok-blue);text-decoration:none}.ok-kalert__action{color:var(--ok-blue);font-weight:600}.ok-ktoast{display:inline-flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:12px;background:var(--ok-navy);color:#fff;font-size:13px}.ok-ktoast i{margin-left:8px;color:#909fb5;font-style:normal}.ok-kcard{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:12px;background:#fff;box-shadow:0 8px 24px -12px #1e253840;transition:transform .45s var(--ease-out-expo),box-shadow .45s var(--ease-out-expo)}.ok-kcard:hover{box-shadow:0 18px 36px -16px #2060e673;transform:translateY(-3px)}.ok-kcard img{display:block;width:100%;height:auto;border-radius:8px}.ok-kcard__meta{display:flex;align-items:center;gap:8px;color:var(--ok-muted);font-size:12px}.ok-kcard__avatars{display:flex}.ok-kcard__avatars span{width:16px;height:16px;margin-left:-4px;border:1.5px solid #fff;border-radius:50%;background:#c6d1de}.ok-kcard__avatars span:nth-child(2){background:#eca7eb}.ok-kcard__avatars span:nth-child(3){background:#91c2f9}.ok-kcard__title{font-size:15px;font-weight:700;line-height:1.35}.ok-kcard__author{display:flex;gap:10px;font-size:13px}.ok-kcard__author>span:last-child{display:flex;flex-direction:column;min-width:0}.ok-kcard__author small{overflow:hidden;color:var(--ok-text);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.ok-kcard__logo{display:grid;flex:none;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--ok-blue);color:#fff;font-size:9px;font-weight:800}.ok-kcard__footer{display:flex;align-items:center;gap:10px}.ok-kcard__stats{display:inline-flex;flex:1;align-items:center;gap:5px;color:var(--ok-text);font-size:12px}.ok-kcard__stats svg{width:14px;height:14px;margin-left:4px;fill:none;stroke:currentColor;stroke-linejoin:round;stroke-width:1.6}@media(max-width:719px){.ok-kit__slide{width:min(400px,80vw)}.ok-kit__stage{min-height:400px;padding:16px}.ok-kit__field-row{grid-template-columns:64px minmax(0,1fr);gap:10px}}@media(max-width:899px){.ok-points,.ok-brand{grid-template-columns:minmax(0,1fr)}.ok-points{gap:16px}.ok-points__panel{order:-1}.ok-points__board{position:static;box-shadow:0 24px 50px -24px color-mix(in srgb,var(--color-shadow) 90%,transparent)}.ok-points__group{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title reset" "actions actions";align-items:center;column-gap:12px}.ok-points__group-title{grid-area:title}.ok-points__reset{grid-area:reset;justify-self:end;margin-top:0}.ok-points__actions{grid-area:actions;display:flex;flex-wrap:nowrap;min-width:0;gap:6px;margin-inline:-4px;padding:4px 4px 6px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none}.ok-points__actions::-webkit-scrollbar{display:none}.ok-points__actions .ok-action{flex:0 0 auto;scroll-snap-align:start;display:flex;align-items:center;gap:6px;width:auto;min-height:0;padding:6px 8px 6px 12px;border-radius:999px;white-space:nowrap}.ok-points__actions .ok-action__label{font-size:13px}.ok-points__actions .ok-action__points{padding:3px 7px;font-size:12px}.ok-points__actions .ok-action__left{display:none}}@media(max-width:767px){.ok-brand__value,.ok-brand__scale{display:none}}@media(max-width:599px){.ok-points__board{padding:14px}.ok-points__head{margin-bottom:10px}.ok-points__title{font-size:15px}.ok-points__chips{flex-wrap:wrap}.ok-chip{font-size:11px;white-space:nowrap}.ok-points__list{gap:4px}.ok-row{grid-template-columns:22px 30px minmax(0,1fr) auto;gap:8px;min-height:44px;padding:6px 10px 6px 8px;font-size:13px}.ok-toast{top:10px;max-width:calc(100% - 16px);padding:8px 12px 8px 8px;font-size:12px;white-space:normal;text-align:center}.ok-points__panel{gap:14px}.ok-action{min-height:52px;padding:10px 12px}.ok-avatar{width:30px;height:30px;font-size:11px}.ok-brand__preview{grid-template-columns:1fr}.ok-brand__nav,.ok-brand__alert-text{display:none}.ok-brand__alert{justify-content:space-between}.ok-brand__grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.oktopost-mark__sucker,.ok-row.is-bumped .ok-row__points{animation:none}.ok-toast{transition:none}.ok-kbtn__spinner{animation:none}.ok-kcard:hover{transform:none}}.ok-ai{--ok-ai-star: url(#ok-ai-star-all);width:100%;min-width:0}.ok-ai__list{align-items:start}.ok-ai__slide{display:flex;flex:none;flex-direction:column;gap:12px;width:332px;scroll-snap-align:start}.ok-ai__stage{display:grid;place-items:center;width:100%;height:320px;min-height:0;padding:18px;overflow:hidden;border:1px solid var(--ok-line);border-radius:14px;background:#fff;box-shadow:0 20px 44px -30px var(--color-shadow)}.ok-ai__copy{display:flex;flex-direction:column;gap:6px}.ok-ai__name{color:var(--color-text);font-size:16px;font-weight:600;line-height:1.3}.ok-ai__text{color:var(--color-muted);font-size:13.5px;line-height:1.6}.ok-ai__identity{position:relative;display:grid;place-items:center;width:260px;height:260px}.ok-ai__mark{position:relative;z-index:1;width:56px;height:56px;fill:var(--ok-ai-star);animation:oktopost-ai-mark-pulse 6s ease-in-out infinite;will-change:transform}@keyframes oktopost-ai-mark-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.ok-ai__pulse{position:absolute;inset:0;border-radius:50%;border:2.5px solid color-mix(in srgb,var(--ok-blue) 35%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--ok-blue) 12%,transparent);transform:scale(.3);opacity:0;animation:oktopost-ai-pulse-ring 6s ease-out infinite;will-change:transform,opacity;pointer-events:none}.ok-ai__pulse--delay-1{animation-delay:2s}.ok-ai__pulse--delay-2{animation-delay:4s}@keyframes oktopost-ai-pulse-ring{0%{transform:scale(.3);opacity:0}25%{opacity:.7}to{transform:scale(1);opacity:0}}.ok-ai__tag,.ok-ai__trigger,.ok-ai__thinking{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700}.ok-ai__tag svg,.ok-ai__trigger svg,.ok-ai__thinking svg{flex:none;width:14px;height:14px;fill:var(--ok-ai-star)}.ok-ai__assist{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:224px}.ok-ai__composer{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--ok-line);border-radius:8px;background:#fff}.ok-ai__line{height:6px;border-radius:3px;background:var(--ok-surface)}.ok-ai__line--short{width:62%}.ok-ai__line.is-pulsing{animation:oktopost-ai-shimmer 1.8s ease-in-out infinite}.ok-ai__line.is-pulsing:last-child{animation-delay:.25s}@keyframes oktopost-ai-shimmer{0%,to{opacity:1}50%{opacity:.4}}.ok-ai__trigger{align-self:flex-end;margin-top:2px;color:var(--ok-blue)}.ok-ai__menu{z-index:1;align-self:flex-end;width:186px;margin:-4px -4px 0 0;padding:8px;border-radius:10px;background:#fff;box-shadow:0 2px 6px color-mix(in srgb,var(--ok-navy) 8%,transparent),0 18px 34px -18px color-mix(in srgb,var(--ok-navy) 45%,transparent)}.ok-ai__menu-head{padding:2px 8px 8px;font-size:12px;font-weight:700}.ok-ai__menu-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;color:var(--ok-text);font-size:12.5px}.ok-ai__menu-item:nth-child(2){background:var(--ok-soft)}.ok-ai__menu-icon{flex:none;width:13px;height:13px;fill:none;stroke:var(--ok-muted);stroke-linecap:round;stroke-width:1.8}.ok-ai__menu-more{width:11px;height:11px;margin-left:auto;fill:none;stroke:var(--ok-muted);stroke-linecap:round;stroke-width:2}.ok-ai__stage:has(.ok-ai__chat){place-items:stretch}.ok-ai__chat{position:relative;width:100%;height:100%}.ok-ai__panel{position:absolute;inset:0 0 64px;z-index:1;display:flex;flex-direction:column;gap:8px;padding:4px 4px 8px;overflow:hidden;border:1px solid var(--ok-line);border-radius:14px;background:#fff;box-shadow:0 18px 36px -24px #0b0d4473}.ok-ai__picker{position:relative;z-index:3}.ok-ai__picker-btn,.ok-ai__picker-menu button{display:flex;align-items:center;gap:8px;width:100%;margin:0;padding:6px 8px;border:0;background:transparent;color:var(--ok-text);font:inherit;font-size:12.5px;font-weight:600;line-height:1;text-align:left;cursor:pointer}.ok-ai__picker-btn{border-bottom:1px solid var(--ok-line);border-radius:0;background:transparent}.ok-ai__picker-btn .ok-ai__who-mark{display:none}.ok-ai__chat[data-agent="0"] .ok-ai__picker-btn .ok-ai__who-mark[data-i="0"],.ok-ai__chat[data-agent="1"] .ok-ai__picker-btn .ok-ai__who-mark[data-i="1"],.ok-ai__chat[data-agent="2"] .ok-ai__picker-btn .ok-ai__who-mark[data-i="2"],.ok-ai__chat[data-agent="3"] .ok-ai__picker-btn .ok-ai__who-mark[data-i="3"]{display:grid}.ok-ai__picker-chevron{width:14px;height:14px;margin-left:auto;fill:none;stroke:var(--ok-muted);stroke-width:2;transform:rotate(90deg)}.ok-ai__picker.is-open .ok-ai__picker-chevron{transform:rotate(-90deg)}.ok-ai__picker-menu{position:absolute;top:calc(100% + 4px);right:0;left:0;display:none;flex-direction:column;gap:2px;margin:0;padding:4px;list-style:none;border:1px solid var(--ok-line);border-radius:10px;background:#fff;box-shadow:0 10px 22px -16px #0b0d4466}.ok-ai__picker.is-open .ok-ai__picker-menu{display:flex}.ok-ai__picker-menu button{border-radius:7px;font-weight:500}.ok-ai__picker-menu button.is-on,.ok-ai__picker-menu button:hover{background:var(--ok-soft)}.ok-ai__picker-menu button.is-on{font-weight:600}.ok-ai__thread{display:none;flex-direction:column;gap:6px;min-height:0}.ok-ai__chat[data-agent="0"] .ok-ai__thread[data-i="0"],.ok-ai__chat[data-agent="1"] .ok-ai__thread[data-i="1"],.ok-ai__chat[data-agent="2"] .ok-ai__thread[data-i="2"],.ok-ai__chat[data-agent="3"] .ok-ai__thread[data-i="3"]{display:flex}.ok-ai__who-mark{display:grid;flex:none;place-items:center;width:18px;height:18px}.ok-ai__who-mark svg,.ok-ai__msg--ai .ok-ai__who-mark svg{width:100%;height:100%;margin:0;fill:var(--okti-paint);stroke:var(--okti-paint);stroke-linecap:round;stroke-linejoin:round;stroke-width:5}.ok-ai__msg--ai .ok-ai__who-mark{width:16px;height:16px;margin-top:1px}.ok-ai__launcher{position:absolute;right:0;bottom:0;z-index:1;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:linear-gradient(160deg,#3c80ef,#2060e6 70%);box-shadow:0 12px 22px -10px #2060e6b3}.ok-ai__launcher svg{width:22px;height:22px;fill:#fff}.ok-ai__msg{max-width:88%;margin:0;padding:8px 11px;border-radius:12px;font-size:12.5px;line-height:1.45;opacity:0}.ok-ai__msg--user{align-self:flex-end;background:var(--ok-blue);border-bottom-right-radius:4px;color:#fff}.ok-ai__msg--ai{display:flex;align-items:flex-start;align-self:flex-start;gap:6px;background:var(--ok-soft);border-bottom-left-radius:4px;color:var(--ok-text)}.ok-ai__msg--ai svg{flex:none;width:12px;height:12px;margin-top:3px;fill:var(--ok-ai-star)}.ok-ai__thread .ok-ai__msg{padding:8px 12px;font-size:13px;animation:ok-chat-pop 7.5s ease infinite}.ok-ai__thread .ok-ai__msg:nth-child(1){animation-name:ok-chat-1}.ok-ai__thread .ok-ai__msg:nth-child(2){animation-name:ok-chat-2}.ok-ai__thread .ok-ai__msg:nth-child(3){animation-name:ok-chat-3}.ok-ai__thread .ok-ai__msg:nth-child(4){animation-name:ok-chat-4}@keyframes ok-chat-pop{0%{opacity:0;transform:translateY(6px)}5%,72%{opacity:1;transform:translateY(0)}84%,to{opacity:0;transform:none}}@keyframes ok-chat-1{0%{opacity:0;transform:translateY(6px)}5%,72%{opacity:1;transform:translateY(0)}84%,to{opacity:0;transform:none}}@keyframes ok-chat-2{0%,6%{opacity:0;transform:translateY(6px)}11%,72%{opacity:1;transform:translateY(0)}84%,to{opacity:0;transform:none}}@keyframes ok-chat-3{0%,20%{opacity:0;transform:translateY(6px)}25%,72%{opacity:1;transform:translateY(0)}84%,to{opacity:0;transform:none}}@keyframes ok-chat-4{0%,26%{opacity:0;transform:translateY(6px)}31%,72%{opacity:1;transform:translateY(0)}84%,to{opacity:0;transform:none}}@media(prefers-reduced-motion:reduce){.ok-ai__msg{animation:none;opacity:1;transform:none}}.ok-ai__okties{display:grid;grid-template-columns:repeat(2,auto);gap:20px;justify-content:center}.ok-ai__okti{display:grid;place-items:center;width:88px;height:88px}.ok-ai__okti:nth-child(1){--okti-paint: url(#ok-okti-1);--okti-shadow: rgba(224, 88, 44, .3)}.ok-ai__okti:nth-child(2){--okti-paint: url(#ok-okti-2);--okti-shadow: rgba(214, 60, 134, .3)}.ok-ai__okti:nth-child(3){--okti-paint: url(#ok-okti-3);--okti-shadow: rgba(32, 96, 230, .3)}.ok-ai__okti:nth-child(4){--okti-paint: url(#ok-okti-4);--okti-shadow: rgba(15, 158, 142, .3)}.ok-ai__okti .ok-ai__eye-blink{transform-box:fill-box;transform-origin:center;animation:ok-ai-blink 12s ease-in-out infinite}.ok-ai__okti:nth-child(1) .ok-ai__eye-blink{animation-delay:0s}.ok-ai__okti:nth-child(2) .ok-ai__eye-blink{animation-delay:-3s}.ok-ai__okti:nth-child(3) .ok-ai__eye-blink{animation-delay:-6s}.ok-ai__okti:nth-child(4) .ok-ai__eye-blink{animation-delay:-9s}@keyframes ok-ai-blink{0%,97%,to{transform:scaleY(1)}97.5%,98%{transform:scaleY(0)}}.ok-ai__states{display:grid;grid-template-columns:repeat(2,auto);justify-content:center;align-items:start;gap:18px 14px}.ok-ai__state:first-child{grid-column:1 / -1;justify-self:center}.ok-ai__state{display:flex;flex:none;flex-direction:column;align-items:center;gap:12px;width:86px}.ok-ai__state[data-state=done]{--state-badge: #12b886}.ok-ai__state[data-state=attention]{--state-badge: #e3a50b}.ok-ai__state-mark{--okti-shadow: rgba(32, 96, 230, .3);position:relative;display:grid;place-items:center;width:80px;height:80px}.ok-ai__state-mark>svg{width:100%;height:100%;fill:var(--okti-paint);stroke:var(--okti-paint);stroke-linecap:round;stroke-linejoin:round;stroke-width:5;filter:drop-shadow(0 6px 9px var(--okti-shadow))}.ok-ai__state[data-state=thinking] .ok-ai__eye{animation:oktopost-ai-search 5.2s cubic-bezier(.3,.9,.35,1) infinite}@keyframes oktopost-ai-search{0%,14%{transform:translate(-1.9px,-.5px)}18%{transform:translate(2.3px,-1.4px)}21%,36%{transform:translate(1.9px,-1px)}40%,55%{transform:translate(.5px,1.7px)}59%{transform:translate(-2.4px,1px)}62%,77%{transform:translate(-2px,.7px)}81%,95%{transform:translate(1.1px,-1.7px)}to{transform:translate(-1.9px,-.5px)}}.ok-ai__state-spinner{position:absolute;inset:5px;border:3px solid color-mix(in srgb,var(--ok-blue) 16%,transparent);border-top-color:var(--ok-blue);border-radius:50%;animation:oktopost-ai-think .9s linear infinite}.ok-ai__state-badge{position:absolute;right:-2px;bottom:0;display:grid;place-items:center;width:30px;height:30px;border:2.5px solid #fff;border-radius:50%;background:var(--state-badge)}.ok-ai__state-badge svg{width:17px;height:17px;fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.6}.ok-ai__state-label{color:var(--ok-text);font-size:12px;font-weight:600;text-align:center}.ok-ai__eye{transform:translate(var(--eye-x, 0),var(--eye-y, 0));transition:transform .18s ease-out}.ok-ai__okti>svg{width:100%;height:100%;fill:var(--okti-paint);stroke:var(--okti-paint);stroke-linecap:round;stroke-linejoin:round;stroke-width:5;filter:drop-shadow(0 6px 9px var(--okti-shadow))}.ok-ai__general{margin-top:auto;align-self:flex-end}.ok-ai__general svg{display:block;width:88px;height:88px}.ok-ai__answer{display:flex;flex-direction:column;gap:10px;width:100%;max-width:250px;padding:14px;border:1px solid var(--ok-line);border-radius:12px;background:#fff;box-shadow:0 10px 22px -18px color-mix(in srgb,var(--ok-navy) 60%,transparent)}.ok-ai__answer-head{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700}.ok-ai__post-head{display:flex;align-items:center;gap:10px}.ok-ai__avatar{display:grid;flex:none;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ok-surface);color:var(--ok-muted);font-size:14px;font-weight:700}.ok-ai__post-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.ok-ai__post-name{color:var(--ok-ink);font-size:13px;font-weight:700;line-height:1.3}.ok-ai__post-sub{color:var(--ok-muted);font-size:11.5px;line-height:1.4;white-space:nowrap}.ok-ai__thinking{color:var(--ok-text);font-weight:500}.ok-ai__thinking svg{width:16px;height:16px;animation:oktopost-ai-think 1.2s linear infinite}@keyframes oktopost-ai-think{to{transform:rotate(360deg)}}.ok-ai__dots>span{animation:oktopost-ai-dots 1.2s ease-in-out infinite}.ok-ai__dots>span:nth-child(2){animation-delay:.2s}.ok-ai__dots>span:nth-child(3){animation-delay:.4s}@keyframes oktopost-ai-dots{0%,to{opacity:.2}50%{opacity:1}}.ok-ai__actions{display:flex;align-items:center;gap:2px;margin:12px -6px -4px}.ok-ai__action{position:relative;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;transition:background .18s ease,color .18s ease}.ok-ai__action svg{width:17px;height:17px;fill:none;stroke:var(--ok-muted);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6;transition:stroke .18s ease}.ok-ai__action--fill svg{width:17px;height:17px;fill:var(--ok-muted);stroke:none}.ok-ai__action--flip>svg,svg.ok-ai__action--flip{transform:scale(-1)}.ok-ai__action:hover,.ok-ai__action:focus-visible{background:var(--ok-blue-50);outline:none}.ok-ai__action:hover svg,.ok-ai__action:focus-visible svg{stroke:var(--ok-blue)}.ok-ai__action--fill:hover svg,.ok-ai__action--fill:focus-visible svg{fill:var(--ok-blue);stroke:none}.ok-ai__tip{position:absolute;bottom:calc(100% + 6px);left:50%;padding:5px 9px;border-radius:6px;background:var(--ok-navy);color:#fff;font-size:11.5px;font-weight:500;white-space:nowrap;opacity:0;transform:translate(-50%,4px);transition:opacity .18s ease,transform .18s ease;pointer-events:none}.ok-ai__tip:after{position:absolute;top:100%;left:50%;width:7px;height:7px;margin:-4px 0 0 -3.5px;background:var(--ok-navy);transform:rotate(45deg);content:""}.ok-ai__action:hover .ok-ai__tip,.ok-ai__action:focus-visible .ok-ai__tip{opacity:1;transform:translate(-50%)}.ok-ai__card{width:100%;padding:12px 14px;border:1px solid var(--ok-line);border-radius:10px;background:#fff;box-shadow:0 10px 22px -18px color-mix(in srgb,var(--ok-navy) 60%,transparent)}.ok-ai__card-head{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700}.ok-ai__card-star{flex:none;width:14px;height:14px;fill:var(--ok-ai-star)}.ok-ai__card-actions{display:flex;gap:10px;margin-left:auto}.ok-ai__card-actions svg{width:14px;height:14px;fill:none;stroke:var(--ok-muted);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}.ok-ai__card-list{display:flex;flex-direction:column;gap:5px;margin:9px 0 0;padding-left:16px;color:var(--ok-text);font-size:12.5px;line-height:1.5;list-style:disc}.ok-ai__card-list li::marker{color:var(--ok-muted)}.ok-ai__card-tail{white-space:nowrap}.ok-ai__card-source{display:inline-block;width:11px;height:11px;margin-left:4px;fill:none;stroke:var(--ok-muted);stroke-width:1.6;vertical-align:-1px}.ok-ai__card-foot{margin-top:10px;padding-top:9px;border-top:1px solid var(--ok-line);color:var(--ok-muted);font-size:11.5px}@media(max-width:719px){.ok-ai__slide{width:min(332px,78vw)}.ok-ai__thread .ok-ai__msg:nth-child(n+3){display:none}}@media(prefers-reduced-motion:reduce){.ok-ai__state-spinner,.ok-ai__state[data-state=thinking] .ok-ai__eye,.ok-ai__okti .ok-ai__eye-blink{animation:none}.ok-ai__eye{transform:none;transition:none}.ok-ai__thinking svg,.ok-ai__dots>span,.ok-ai__mark,.ok-ai__pulse,.ok-ai__line.is-pulsing{animation:none;opacity:1}.ok-ai__pulse{display:none}.ok-ai__action,.ok-ai__action svg,.ok-ai__tip{transition:none}}.ok-il{--ok-il-interface: #fff;--ok-il-skeleton: #eef1f6;--ok-il-card-line: #e9eef5;--ok-il-el-a: #dde5f1;--ok-il-el-b: #fafbfd;--ok-il-figure: #dee4ed;--ok-il-figure-strong: #c6d1de;--ok-il-accent-a: #3c80ef;--ok-il-accent-b: #2060e6;--ok-il-paper: #fff;width:100%;min-width:0}.ok-il__defs{position:absolute}.ok-il__pool{display:none}.ok-il__grid{display:grid;grid-template-columns:minmax(260px,.68fr) minmax(0,1.32fr);gap:28px;align-items:start}.ok-il__panel{order:1}.ok-il__stage-wrap{order:2}.ok-il__stage-wrap{display:flex;flex-direction:column;gap:14px;min-width:0}.ok-il__stage{display:grid;place-items:center;padding:40px;overflow:hidden;border:1px solid var(--ok-line);border-radius:16px;background:#e8edf3;box-shadow:0 24px 50px -34px var(--color-shadow)}.ok-il__plot{display:grid;place-items:center;width:100%;max-width:660px;aspect-ratio:520 / 360;container-type:inline-size}.ok-il__canvas{position:relative;width:var(--canvas-w, 100%);overflow:hidden;background:var(--ok-il-paper);aspect-ratio:520 / 360;box-shadow:0 10px 28px -16px #3643586b;transition:width .55s cubic-bezier(.22,1,.36,1),aspect-ratio .55s cubic-bezier(.22,1,.36,1)}.ok-il__canvas.is-swap .ok-il__layer:not(.is-hidden){opacity:0;transform:scale(.98)}.ok-il__layer{position:absolute;inset:0;transition:opacity .38s ease,transform .38s ease}.ok-il__layer.is-hidden{transform:translateY(10px) scale(.97);opacity:0;pointer-events:none}.ok-il.is-shuffle-out .ok-il__layer--element:not(.is-hidden){animation:ok-il-shuffle-out-el .3s cubic-bezier(.4,0,1,.6) forwards}.ok-il.is-shuffle-out .ok-il__layer--background:not(.is-hidden){animation:ok-il-shuffle-out-bg .28s .04s cubic-bezier(.4,0,1,.6) forwards}.ok-il.is-shuffle-out .ok-il__layer--accent:not(.is-hidden){animation:ok-il-shuffle-out-ac .28s .08s cubic-bezier(.4,0,1,.6) forwards}.ok-il.is-shuffle-out .ok-il__layer--figure:not(.is-hidden){animation:ok-il-shuffle-out-fig .26s .1s cubic-bezier(.4,0,1,.6) forwards}.ok-il.is-shuffle-out[data-size=lg] .ok-il__layer--figure:not(.is-hidden){animation:ok-il-shuffle-fade-out .22s .08s ease forwards}.ok-il.is-shuffle-out[data-size=md] .ok-il__layer--figure:not(.is-hidden){animation:none}.ok-il.is-shuffle-out[data-size=md] .ok-il__fig--solo{animation:ok-il-shuffle-out-solo .26s .1s cubic-bezier(.4,0,1,.6) forwards}.ok-il.is-shuffle-out[data-size=md] .ok-il__fig--deco{animation:ok-il-shuffle-fade-out .22s .08s ease forwards}.ok-il.is-shuffle-in .ok-il__layer--element:not(.is-hidden){animation:ok-il-shuffle-in-el .52s cubic-bezier(.16,1,.3,1) both}.ok-il.is-shuffle-in .ok-il__layer--background:not(.is-hidden){animation:ok-il-shuffle-in-bg .48s .05s cubic-bezier(.16,1,.3,1) both}.ok-il.is-shuffle-in .ok-il__layer--accent:not(.is-hidden){animation:ok-il-shuffle-in-ac .5s .1s cubic-bezier(.16,1,.3,1) both}.ok-il.is-shuffle-in .ok-il__layer--figure:not(.is-hidden){animation:ok-il-shuffle-in-fig .46s .14s cubic-bezier(.16,1,.3,1) both}.ok-il.is-shuffle-in[data-size=lg] .ok-il__layer--figure:not(.is-hidden){animation:ok-il-shuffle-fade-in .32s .1s ease both}.ok-il.is-shuffle-in[data-size=md] .ok-il__layer--figure:not(.is-hidden){animation:none}.ok-il.is-shuffle-in[data-size=md] .ok-il__fig--solo{animation:ok-il-shuffle-in-solo .46s .14s cubic-bezier(.16,1,.3,1) both}.ok-il.is-shuffle-in[data-size=md] .ok-il__fig--deco{animation:ok-il-shuffle-fade-in .32s .1s ease both}.ok-il__shuffle-star{width:15px;height:15px;flex:none;fill:currentColor}.ok-il__shuffle-spark{opacity:0}[data-il-shuffle].is-twinkle .ok-il__shuffle-star{animation:ai-tag-twinkle 1.5s var(--ease-spring) 1 forwards}[data-il-shuffle].is-twinkle .ok-il__shuffle-spark{opacity:1}@keyframes ok-il-shuffle-out-el{to{opacity:0;filter:blur(10px);transform:rotate(-16deg) scale(.78)}}@keyframes ok-il-shuffle-out-bg{to{opacity:0;filter:blur(8px);transform:translate(-18%) rotate(-8deg) scale(.92)}}@keyframes ok-il-shuffle-out-ac{to{opacity:0;filter:blur(8px);transform:translate(18%) rotate(8deg) scale(.92)}}@keyframes ok-il-shuffle-out-fig{to{opacity:0;filter:blur(6px);transform:scale(.45) rotate(18deg)}}@keyframes ok-il-shuffle-in-el{0%{opacity:0;filter:blur(10px);transform:rotate(14deg) scale(1.16)}to{opacity:1;filter:blur(0);transform:none}}@keyframes ok-il-shuffle-in-bg{0%{opacity:0;filter:blur(8px);transform:translate(-22%) rotate(-10deg)}to{opacity:1;filter:blur(0);transform:none}}@keyframes ok-il-shuffle-in-ac{0%{opacity:0;filter:blur(8px);transform:translate(22%) rotate(10deg)}to{opacity:1;filter:blur(0);transform:none}}@keyframes ok-il-shuffle-in-fig{0%{opacity:0;filter:blur(6px);transform:scale(.4) rotate(-16deg)}70%{transform:scale(1.08) rotate(3deg)}to{opacity:1;filter:blur(0);transform:none}}@keyframes ok-il-shuffle-out-solo{to{opacity:0;filter:blur(6px);transform:translate(-50%,-50%) scale(.45) rotate(18deg)}}@keyframes ok-il-shuffle-in-solo{0%{opacity:0;filter:blur(6px);transform:translate(-50%,-50%) scale(.4) rotate(-16deg)}70%{transform:translate(-50%,-50%) scale(1.08) rotate(3deg)}to{opacity:1;filter:blur(0);transform:translate(-50%,-50%)}}@keyframes ok-il-shuffle-fade-out{to{opacity:0}}@keyframes ok-il-shuffle-fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.ok-il.is-shuffle-out .ok-il__layer:not(.is-hidden),.ok-il.is-shuffle-in .ok-il__layer:not(.is-hidden),[data-il-shuffle].is-twinkle .ok-il__shuffle-star{animation:none}}.ok-il__el-pair{position:absolute;inset:0;opacity:0;pointer-events:none}.ok-il__el-pair.is-on{opacity:1}.ok-il__el{position:absolute;top:50%;left:50%;width:calc(var(--w) * var(--u) * var(--el-s, 1));height:calc(var(--h) * var(--u) * var(--el-s, 1));overflow:visible;transform:translate(-50%,-50%) translate(var(--el-dx, 0px),var(--el-dy, 0px))}.ok-il.is-size-anim .ok-il__el{transition:width .5s cubic-bezier(.22,1,.36,1),height .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1)}.ok-il[data-size=lg] .ok-il__el{--el-dx: calc(18 * var(--u));--el-dy: calc(4 * var(--u))}.ok-il[data-size=md] .ok-il__el{--el-dx: 0;--el-dy: 0}.ok-il__card{position:absolute;top:50%;left:50%;box-sizing:border-box;width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u));border:1px solid var(--ok-il-card-line);border-radius:calc(14 * var(--u));background:var(--ok-il-interface);opacity:0;pointer-events:none;transform:translate(-50%,-50%) translate(var(--dx, 0px),var(--dy, 0px)) scale(var(--s, 1))}.ok-il.is-size-anim .ok-il__card{transition:width .5s cubic-bezier(.22,1,.36,1),height .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1)}.ok-il__card.is-on{opacity:1}.ok-il__card--bg{--s: var(--bg-s, .78);--dx: calc(var(--bg-dx, -120) * var(--u));--dy: calc(-38 * var(--u));box-shadow:0 calc(10 * var(--u)) calc(26 * var(--u)) calc(-14 * var(--u)) #36435838}.ok-il__card--accent{--s: var(--ac-s, 1);--dx: calc(var(--ac-dx, 38) * var(--u));--dy: calc(26 * var(--u));box-shadow:0 calc(18 * var(--u)) calc(40 * var(--u)) calc(-18 * var(--u)) #36435842}.ok-il__card--bg.is-stacked:before,.ok-il__card--bg.is-stacked:after{position:absolute;right:calc(10 * var(--u));left:calc(10 * var(--u));height:calc(20 * var(--u));border:1px solid var(--ok-il-card-line);border-radius:calc(12 * var(--u)) calc(12 * var(--u)) 0 0;background:var(--ok-il-interface);content:""}.ok-il__card--bg.is-stacked:before{top:calc(-16 * var(--u))}.ok-il__card--bg.is-stacked:after{right:calc(20 * var(--u));left:calc(20 * var(--u));top:calc(-30 * var(--u))}.ok-il__card-inner{display:grid;box-sizing:border-box;align-content:center;width:100%;height:100%;padding:calc(var(--pad-y, var(--pad)) * var(--u)) calc(var(--pad) * var(--u))}.ok-il__col,.ok-il__row{display:flex;gap:calc(var(--gap) * var(--u));min-width:0}.ok-il__col{flex-direction:column}.ok-il__row{align-items:flex-start}.ok-il__row.is-center,.ok-il__col.is-center{align-items:center}.ok-il__col.is-grow,.ok-il__row.is-grow{flex:1}.ok-il__line{display:block;flex:none;width:var(--line-w);height:calc(var(--line-h) * var(--u));border-radius:999px;background:var(--ok-il-skeleton)}.ok-il__dot{display:block;flex:none;width:calc(var(--dot) * var(--u));height:calc(var(--dot) * var(--u));border-radius:50%;background:var(--ok-il-skeleton)}.ok-il__block{display:block;width:100%;height:calc(var(--block-h) * var(--u));border-radius:calc(10 * var(--u));background:var(--ok-il-skeleton)}.ok-il__frame{display:flex;box-sizing:border-box;flex:none;align-items:center;justify-content:center;width:100%;height:calc(var(--frame-h) * var(--u));padding:calc(var(--frame-pad, 12) * var(--u));border:1px solid var(--ok-il-card-line);border-radius:calc(10 * var(--u))}.ok-il__frame.is-fixed{width:calc(var(--frame-w) * var(--u))}.ok-il__slot{display:grid;flex:none;place-items:center;width:calc(64 * var(--u));height:calc(64 * var(--u));border-radius:50%;background:linear-gradient(160deg,var(--ok-il-accent-a),var(--ok-il-accent-b));color:#fff}.ok-il__glyph{width:54%;height:54%}.ok-il__fig{position:absolute;color:var(--ok-il-figure)}.ok-il.is-size-anim .ok-il__fig{transition:opacity .4s ease,width .45s cubic-bezier(.22,1,.36,1),height .45s cubic-bezier(.22,1,.36,1),top .45s cubic-bezier(.22,1,.36,1),right .45s cubic-bezier(.22,1,.36,1),bottom .45s cubic-bezier(.22,1,.36,1),left .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1)}.ok-il.is-size-anim[data-size=lg] .ok-il__fig--deco,.ok-il.is-size-anim[data-size=md] .ok-il__fig--deco{transition:opacity .3s ease}.ok-il__fig--deco{width:calc(var(--deco, 58) * var(--u));height:calc(var(--deco, 58) * var(--u))}.ok-il__fig--deco .ok-il__glyph{width:100%;height:100%;fill:url(#ok-il-el)}.ok-il[data-size=md] .ok-il__fig--deco{--deco: 36}.ok-il[data-size=md] .ok-il__fig--deco-a{top:calc(12 * var(--u));right:calc(12 * var(--u));left:auto;bottom:auto}.ok-il[data-size=md] .ok-il__fig--deco-b{top:auto;left:calc(12 * var(--u));right:auto;bottom:calc(12 * var(--u))}.ok-il__fig--deco-a{top:calc(10 * var(--u));right:calc(16 * var(--u))}.ok-il__fig--deco-b{bottom:calc(10 * var(--u));left:calc(16 * var(--u))}.ok-il[data-size=lg] .ok-il__fig--deco{--deco: 34}.ok-il[data-size=lg] .ok-il__fig--deco-a{top:calc(22 * var(--u));right:calc(28 * var(--u))}.ok-il[data-size=lg] .ok-il__fig--deco-b{bottom:calc(20 * var(--u));left:calc(36 * var(--u))}.ok-il__fig--solo{top:50%;left:50%;display:grid;place-items:center;opacity:0;transform:translate(-50%,-50%)}.ok-il[data-size=md] .ok-il__fig--solo{width:calc(62 * var(--u));height:calc(62 * var(--u));border-radius:50%;background:linear-gradient(160deg,var(--ok-il-accent-a),var(--ok-il-accent-b));color:#fff;opacity:1}.ok-il.is-size-anim[data-size=sm] .ok-il__fig{transition:opacity .4s ease,transform .5s cubic-bezier(.22,1,.36,1)}.ok-il[data-size=sm] .ok-il__fig--solo{width:calc(44 * var(--u));height:calc(44 * var(--u));color:var(--ok-il-figure-strong);opacity:1}.ok-il[data-size=sm] .ok-il__canvas:not(.is-swap) .ok-il__fig--solo{animation:ok-il-sm-grow .5s cubic-bezier(.22,1,.36,1)}@keyframes ok-il-sm-grow{0%{transform:translate(-50%,-50%) scale(.36)}to{transform:translate(-50%,-50%) scale(1)}}.ok-il[data-size=sm] .ok-il__fig--solo .ok-il__glyph{width:100%;height:100%}.ok-il[data-size=sm] .ok-il__fig--deco{opacity:0}.ok-il__recipe{min-height:20px;overflow:hidden;color:var(--color-muted);font-size:12.5px;font-variant-numeric:tabular-nums;letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis}.ok-il__usage{min-height:18px;margin-top:4px;color:var(--color-muted);font-size:12.5px;line-height:1.5;letter-spacing:.01em;opacity:.9}.ok-il__actions{display:flex;flex-wrap:wrap;gap:8px}.ok-il__action{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid var(--cs-line-strong);border-radius:999px;color:var(--color-text);font-size:13px;font-weight:600;cursor:pointer;transition:border-color var(--transition),background var(--transition)}.ok-il__action svg{width:15px;height:15px}.ok-il__action:hover{border-color:color-mix(in srgb,var(--color-text) 50%,transparent);background:color-mix(in srgb,var(--color-text) 6%,transparent)}.ok-il__action--primary{border-color:color-mix(in srgb,var(--cs-accent) 60%,transparent);background:var(--cs-accent-tint)}.ok-il__action--primary:hover{border-color:var(--cs-accent-text)}.ok-il__action:focus-visible{outline:2px solid var(--cs-accent-text);outline-offset:3px}.ok-il__panel{display:flex;flex-direction:column;gap:18px;min-width:0;padding:20px;border:1px solid var(--cs-line);border-radius:16px;background:var(--cs-surface-raised)}.ok-il__modes{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.ok-il__options-toggle{display:none;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px 14px;border:1px solid var(--cs-line-strong);border-radius:999px;background:var(--cs-surface);color:var(--color-text);font-size:13px;font-weight:600;cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition)}.ok-il__options-toggle:hover{border-color:color-mix(in srgb,var(--cs-accent) 40%,transparent);background:var(--cs-accent-tint)}.ok-il__options-toggle:focus-visible{outline:2px solid var(--cs-accent-text);outline-offset:2px}.ok-il__options-chevron{width:14px;height:14px;flex:none;transition:transform .22s ease}.ok-il__options-toggle[aria-expanded=true] .ok-il__options-chevron{transform:rotate(180deg)}.ok-il__seg{display:inline-flex;padding:3px;border:1px solid var(--cs-line);border-radius:999px;background:var(--cs-tint-base)}.ok-il__seg-btn{padding:5px 13px;border:0;border-radius:999px;background:none;color:var(--cs-text-soft);font-size:12px;font-weight:600;cursor:pointer;transition:background var(--transition),color var(--transition)}.ok-il__seg-btn:hover{color:var(--color-text)}.ok-il__seg-btn.is-on{background:color-mix(in srgb,var(--color-text) 12%,transparent);color:var(--color-text)}.ok-il__seg-btn:focus-visible{outline:2px solid var(--cs-accent-text);outline-offset:2px}.ok-il__seg--mini .ok-il__seg-btn{padding:3px 9px;font-size:11px}.ok-il__rows{display:flex;flex-direction:column;gap:4px;margin:0;padding:0}.ok-il__layer-row{display:flex;flex-direction:column;gap:8px;padding:12px 0;border-top:1px solid var(--cs-line)}.ok-il__layer-row:first-child{border-top:0;padding-top:0}.ok-il__layer-row.is-locked{opacity:.4}.ok-il__layer-row.is-locked .ok-il__strip,.ok-il__layer-row.is-locked .ok-il__seg{pointer-events:none}.ok-il__layer-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.ok-il__toggle{display:inline-flex;align-items:center;gap:9px;margin:0;color:var(--color-text);font-size:13px;font-weight:600}.ok-il__toggle svg{width:15px;height:15px;opacity:.45;transition:opacity var(--transition)}.ok-il__toggle.is-on{color:var(--color-text)}.ok-il__toggle.is-on svg{opacity:1;color:var(--cs-accent-text)}.ok-il__toggle:hover:not(:disabled) svg{opacity:1}.ok-il__toggle:disabled{cursor:default}.ok-il__toggle:focus-visible{outline:2px solid var(--cs-accent-text);outline-offset:3px;border-radius:4px}.ok-il__toggle-n{color:var(--cs-accent-text);font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.08em}.ok-il__layer-note{color:var(--color-muted);font-size:12px;line-height:1.5}.ok-il__strip{display:flex;gap:8px;padding-bottom:6px;overflow-x:auto;scrollbar-width:thin;overscroll-behavior-x:contain}.ok-il__strip::-webkit-scrollbar{height:4px}.ok-il__strip::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--color-text) 11%,transparent)}.ok-il__thumb{display:grid;flex:none;place-items:center;box-sizing:border-box;width:74px;height:58px;padding:5px;border:1px solid var(--cs-line);border-radius:10px;background:#fff;cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.ok-il__thumb:hover{border-color:color-mix(in srgb,var(--cs-accent) 50%,transparent);transform:translateY(-2px)}.ok-il__thumb.is-on{border-color:var(--cs-accent-text);box-shadow:0 0 0 1px var(--cs-accent-text)}.ok-il__thumb:focus-visible{outline:2px solid var(--cs-accent-text);outline-offset:2px}.ok-il__thumb--none{background:var(--cs-tint-base);color:var(--cs-text-soft)}.ok-il__thumb--none svg{width:16px;height:16px}.ok-il__thumb-el{width:100%;height:100%}.ok-il__thumb-card{display:block;box-sizing:border-box;width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u));border:1px solid var(--ok-il-card-line);border-radius:4px;background:var(--ok-il-interface)}.ok-il__thumb--fig{color:var(--ok-il-accent-b)}.ok-il__thumb-glyph{width:22px;height:22px}@media(max-width:900px){.ok-il__grid{grid-template-columns:minmax(0,1fr)}.ok-il__stage-wrap{order:1}.ok-il__panel{order:2}.ok-il__stage{padding:16px}.ok-il__stage-wrap{display:flex;flex-direction:column}.ok-il__usage{order:-1;margin-top:0;margin-bottom:4px}.ok-il__options-toggle{display:inline-flex}.ok-il__panel.is-collapsed .ok-il__rows{display:none}}@media(prefers-reduced-motion:reduce){.ok-il__canvas,.ok-il__layer,.ok-il__el,.ok-il__el-pair,.ok-il__card,.ok-il__fig,.ok-il__thumb{transition:none}.ok-il__layer.is-hidden{transform:none}}