.of-shell{--ok:#16a34a;--warm:#d97706;--hot:#e11d48;--file:color-mix(in srgb, #f6ead2 55%, var(--paper));min-height:60vh}@media (prefers-color-scheme:dark){.of-shell{--file:color-mix(in srgb, #3a2f1e 35%, var(--paper))}}.of-loading{color:var(--ink-2);padding:80px 0}.of-link{font:inherit;color:var(--accent-ink);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:none}.of-link:hover{text-decoration:underline}.of-hero{background:var(--night);color:#fff;isolation:isolate;border-radius:32px;margin:14px;padding:72px 0 80px;position:relative;overflow:hidden}.of-hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:48px;display:grid}.of-hero h1{letter-spacing:-.045em;color:#fff;margin:0 0 20px;font-size:clamp(44px,6.4vw,86px);line-height:.98}.of-hero h1 em{background:linear-gradient(100deg,#ff6a13 10%,#ffb03a 50%,#ffc531 90%);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.of-hero-points{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.of-hero-points li{color:#ffffffbf;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:14px;padding:10px 14px;font-size:14px}.of-hero-points b{color:#fff;font-family:var(--font-display);margin-right:4px;font-size:18px}.of-file-mock{color:#1f1a14;background:#fbf3e2;border-radius:20px;gap:10px;padding:18px;font-size:14px;display:grid;transform:rotate(1.5deg);box-shadow:0 40px 80px -30px #000000b3}.of-fm-top{font:600 12px var(--font-mono);color:#7a6a50;border-bottom:1px dashed #d9c7a3;justify-content:space-between;padding-bottom:8px;display:flex}.of-fm-sub{margin:0;font-weight:700}.of-fm-msg{background:#fff;border:1px solid #eadcbf;border-radius:12px;padding:10px 12px}.of-fm-msg.out{background:#fff1e6;border-color:#ffcfa8;margin-left:24px}.of-fm-msg p{color:#4a4033;margin:4px 0 0}.of-fm-wait{font:600 12px var(--font-mono);color:#7a6a50;background:#f1e4c8;border-radius:999px;justify-self:end;padding:5px 10px}.of-pick{padding-top:64px}.of-group{margin-top:26px}.of-group h3{font:600 13px var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 10px}.of-roles{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;display:grid}.of-role{--h:var(--accent);text-align:left;font:inherit;color:var(--ink);border:1.5px solid var(--line);background:var(--paper);cursor:pointer;box-shadow:var(--shadow);border-radius:18px;flex-direction:column;gap:4px;padding:18px;transition:transform .2s,border-color .2s;display:flex;position:relative}.of-role:hover{border-color:color-mix(in srgb, var(--accent) 50%, var(--line));transform:translateY(-2px)}.of-role.on{border-color:var(--accent);background:linear-gradient(150deg, color-mix(in srgb, var(--accent) 14%, var(--paper)), var(--paper) 70%)}.of-role.soon{opacity:.86}.of-role-short{font-family:var(--font-display);letter-spacing:-.03em;color:color-mix(in srgb, var(--accent) 75%, var(--ink));font-size:26px;font-weight:800;line-height:1}.of-role-name{font-weight:600;line-height:1.3}.of-chip{font:600 11.5px var(--font-mono);background:var(--paper-2);color:var(--ink-2);border:1px solid var(--line);border-radius:999px;align-self:flex-start;margin-top:6px;padding:3px 9px}.of-chip.live{background:color-mix(in srgb, var(--ok) 14%, var(--paper));color:var(--ok);border-color:color-mix(in srgb, var(--ok) 35%, var(--line))}.of-duty{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-lg);border-radius:22px;margin-top:22px;padding:24px}.of-duty-head{align-items:center;gap:14px;display:flex}.of-duty-head h3{margin:0;font-size:22px}.of-duty-head p{margin:2px 0 0}.of-badge{color:#16131a;min-width:42px;height:42px;font:800 14px var(--font-display);background:linear-gradient(135deg,#ff6a13,#ff9a3c);border-radius:12px;place-items:center;padding:0 8px;display:inline-grid}.of-badge.big{border-radius:16px;min-width:58px;height:58px;font-size:16px}.of-hats{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin:16px 0;display:grid}.of-hat{background:var(--paper-2);border-radius:14px;padding:14px}.of-hat p{color:var(--ink-2);margin:4px 0 8px;font-size:14.5px}.of-law{font:600 12px var(--font-mono);background:color-mix(in srgb, var(--teal) 14%, var(--paper));color:color-mix(in srgb, var(--teal) 70%, var(--ink));border:1px solid color-mix(in srgb, var(--teal) 30%, var(--line));border-radius:6px;padding:2px 8px;text-decoration:none;display:inline-block}.of-law:hover{color:var(--ink)}.of-chain{gap:8px;margin:0;display:grid}.of-chain div{grid-template-columns:110px 1fr;gap:10px;display:grid}.of-chain dt{font-weight:700}.of-chain dd{color:var(--ink-2);margin:0}.of-soon{border-left:4px solid var(--steel);background:var(--paper-2);border-radius:0 10px 10px 0;margin:14px 0 0;padding:12px 16px;font-size:14.5px}.of-step2{margin-top:64px}.of-posting{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;gap:18px;padding:24px;display:grid}.of-field{gap:8px;display:grid}.of-field>span{font-weight:700}.of-field input{font:inherit;border:1.5px solid var(--line);background:var(--paper);color:var(--ink);border-radius:12px;max-width:360px;padding:11px 14px}.of-chips{flex-wrap:wrap;gap:8px;display:flex}.of-chips button,.of-chips.static>*{font:inherit;border:1px solid var(--line);background:var(--paper-2);color:var(--ink-2);border-radius:999px;padding:7px 13px;font-size:14px;text-decoration:none}.of-chips button.on{background:var(--ink);color:var(--paper);border-color:var(--ink);font-weight:700}.of-chips button:disabled{opacity:.5;cursor:not-allowed}.of-go{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.of-go.center{justify-content:center;margin-top:32px}.of-bar{top:var(--of-top,64px);z-index:4;background:color-mix(in srgb, var(--paper) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky}.of-bar-in{align-items:center;gap:18px;padding-top:10px;padding-bottom:10px;display:flex}.of-who{align-items:center;gap:10px;min-width:0;display:flex}.of-who div{line-height:1.2;display:grid}.of-who .small{color:var(--muted);white-space:nowrap}.of-meters{flex:1;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.of-m{grid-template-columns:1fr auto;align-items:center;gap:2px 8px;font-size:12.5px;display:grid}.of-short{display:none}.of-m-l{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.of-m b{font-family:var(--font-mono);grid-area:1/2;font-size:13px}.of-m .of-m-track{grid-column:1/-1}.of-m-track{background:var(--paper-2);border-radius:99px;height:7px;display:block;overflow:hidden}.of-m-track i{border-radius:inherit;background:var(--accent);height:100%;transition:width .6s cubic-bezier(.2,.8,.2,1);display:block}.of-m.ok i{background:var(--ok)}.of-m.warm i{background:var(--warm)}.of-m.hot i,.of-m-track i.late,.of-m-track i.heat{background:var(--hot)}.of-join{padding-top:40px}.of-charge h1{letter-spacing:-.04em;margin:6px 0 10px;font-size:clamp(30px,4.4vw,48px)}.of-facts{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:24px;display:grid}.of-facts div{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:14px 16px;display:grid}.of-facts b{font-family:var(--font-display);letter-spacing:-.03em;font-size:24px}.of-facts span{color:var(--muted);font-size:13px}.of-src{color:var(--muted);margin:10px 0 0}.of-join-grid,.of-deb-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:16px;display:grid}.of-panel{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;margin-top:16px;padding:22px 24px}.of-join-grid .of-panel,.of-deb-grid .of-panel{margin-top:0}.of-panel h2{letter-spacing:-.02em;margin:0 0 12px;font-size:22px}.of-panel h3{margin:18px 0 8px;font-size:16px}.of-unit{margin-bottom:12px}.of-unit p{color:var(--ink-2);margin:4px 0 0;font-size:14.5px}.of-feat{margin:0;padding-left:18px}.of-feat li{color:var(--ink-2);margin:6px 0;font-size:14.5px}.of-feat b{color:var(--ink)}.of-depts{gap:8px;margin:0;padding:0;list-style:none;display:grid}.of-depts li{background:var(--paper-2);border-radius:12px;padding:10px 12px}.of-depts li div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.of-depts .of-chip{margin:0}.of-depts p{color:var(--ink-2);margin:2px 0 0;font-size:14px}.of-depts .small{color:var(--muted)}.of-targets{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.of-target{background:var(--paper-2);border-radius:14px;padding:14px}.of-target-top{justify-content:space-between;gap:8px;margin-bottom:8px;display:flex}.of-target .of-m-track{background:var(--paper);height:9px}.of-target .of-m-track i{background:linear-gradient(90deg, #ff6a13, var(--sun))}.of-target p{color:var(--ink-2);margin:8px 0 0}.of-how ol{margin:0 0 20px;padding-left:20px}.of-how li{margin:6px 0}.of-desk{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:24px;padding-top:28px;display:grid}.of-year{top:calc(var(--of-top,64px) + 80px);position:sticky}.of-year ol{gap:4px;margin:8px 0 0;padding:0;list-style:none;display:grid}.of-year li{color:var(--muted);border-radius:12px;align-items:flex-start;gap:10px;padding:8px;font-size:13.5px;display:flex}.of-year li>span:last-child{line-height:1.25;display:grid}.of-year li b{color:var(--ink-2);font-weight:600}.of-year li.now{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow)}.of-year li.now b{color:var(--ink)}.of-y-dot{background:var(--paper-2);width:24px;height:24px;font:700 12px var(--font-mono);border-radius:50%;flex:none;place-items:center;display:grid}.of-year li.done .of-y-dot{background:var(--ok);color:#fff}.of-year li.now .of-y-dot{background:var(--accent);color:var(--on-accent)}.of-file{background:var(--file);border:1px solid color-mix(in srgb, #c9a96a 35%, var(--line));box-shadow:var(--shadow-lg);border-radius:24px;overflow:hidden}.of-file-head{border-bottom:1px dashed color-mix(in srgb, #c9a96a 55%, var(--line));padding:22px 24px 18px}.of-file-meta{color:var(--muted);justify-content:space-between;gap:10px;font-size:12.5px;display:flex}.of-file-head h1{letter-spacing:-.03em;margin:8px 0 10px;font-size:clamp(24px,3.2vw,34px)}.of-file-tags{color:var(--ink-2);flex-wrap:wrap;gap:8px;font-size:13.5px;display:flex}.of-file-tags>span{background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:3px 10px}.of-urg.emergency{color:#fff;background:var(--hot)!important;border-color:var(--hot)!important}.of-urg.urgent{color:var(--warm);font-weight:700;background:color-mix(in srgb, var(--warm) 18%, var(--paper))!important}.of-clock{gap:6px;max-width:320px;margin-top:14px;display:grid}.of-clock .of-m-track{background:var(--paper)}.of-thread{gap:12px;padding:20px 24px;display:grid}.of-msg{background:var(--paper);border:1px solid var(--line);border-radius:16px;max-width:88%;padding:14px 16px;animation:.35s cubic-bezier(.2,.8,.2,1) pop}.of-msg.out{background:color-mix(in srgb, var(--accent) 10%, var(--paper));border-color:color-mix(in srgb, var(--accent) 30%, var(--line));justify-self:end}.of-msg header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px;display:flex}.of-msg header .small{color:var(--muted)}.of-msg p{margin:6px 0 0;line-height:1.55}.of-msg-sub{font-weight:700;margin-top:0!important}.tone{font:700 11.5px var(--font-mono);text-transform:uppercase;letter-spacing:.05em;background:var(--paper-2);color:var(--ink-2);border-radius:6px;margin:2px 0;padding:3px 8px;display:inline-block}.tone.evasive,.tone.refusal{background:color-mix(in srgb, var(--hot) 14%, var(--paper));color:var(--hot)}.tone.partial,.tone.pressure{background:color-mix(in srgb, var(--warm) 16%, var(--paper));color:var(--warm)}.tone.good,.tone.complete{background:color-mix(in srgb, var(--ok) 14%, var(--paper));color:var(--ok)}.of-fm-msg .tone{margin-left:8px}.of-note{border-left:4px solid var(--teal);background:color-mix(in srgb, var(--teal) 8%, var(--paper));border-radius:0 12px 12px 0;padding:12px 16px;animation:.35s cubic-bezier(.2,.8,.2,1) pop}.of-note p{margin:4px 0 0}.of-note-k{font:700 12px var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:color-mix(in srgb, var(--teal) 70%, var(--ink))}.of-wait{background:var(--paper);border:1px solid var(--line);font:600 13px var(--font-mono);color:var(--ink-2);border-radius:999px;justify-self:center;align-items:center;gap:10px;padding:8px 14px;display:inline-flex}.of-dots{gap:4px;display:inline-flex}.of-dots i{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite ofb}.of-dots i:nth-child(2){animation-delay:.15s}.of-dots i:nth-child(3){animation-delay:.3s}@keyframes ofb{50%{opacity:.5;transform:translateY(-4px)}}.of-actions{border-top:1px dashed color-mix(in srgb, #c9a96a 55%, var(--line));background:color-mix(in srgb, var(--paper) 55%, transparent);padding:18px 24px 24px}.of-stage{margin:0 0 12px;font-weight:700}.of-acts{gap:10px;display:grid}.of-act{text-align:left;font:inherit;color:var(--ink);border:1.5px solid var(--line);background:var(--paper);cursor:pointer;border-radius:16px;align-items:flex-start;gap:14px;padding:14px 16px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.of-act:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translate(3px)}.of-act-ico{background:var(--paper-2);width:38px;height:38px;color:var(--accent-ink);border-radius:12px;flex:none;place-items:center;font-size:18px;font-weight:700;display:grid}.of-act.k-decide .of-act-ico{background:var(--ink);color:var(--paper)}.of-act.k-order .of-act-ico{background:color-mix(in srgb, var(--accent) 18%, var(--paper))}.of-act.k-visit .of-act-ico,.of-act.k-call .of-act-ico,.of-act.k-meeting .of-act-ico{background:color-mix(in srgb, var(--teal) 16%, var(--paper));color:color-mix(in srgb, var(--teal) 70%, var(--ink))}.of-act-body{gap:2px;display:grid}.of-act-kind{font:600 12px var(--font-mono);color:var(--muted)}.of-act-body .small{color:var(--muted)}.of-debrief{padding-top:32px}.of-ending{color:#fff;background:radial-gradient(500px 240px at 0% 0%, #ff6a1373, transparent 70%), radial-gradient(500px 260px at 100% 100%, #0fb5a566, transparent 70%), var(--night);border-radius:26px;padding:32px;position:relative;overflow:hidden}.of-ending.risky,.of-ending.wrong{background:radial-gradient(500px 240px at 0% 0%, #e11d4873, transparent 70%), var(--night)}.of-ending h1{color:#fff;letter-spacing:-.04em;max-width:760px;margin:6px 0 10px;font-size:clamp(28px,4vw,44px)}.of-ending p{color:#fffc;max-width:760px;font-size:17px}.of-ending .eyebrow{color:var(--sun)}.of-stamp{font:800 18px var(--font-display);text-transform:uppercase;letter-spacing:.06em;border:3px solid;border-radius:10px;padding:6px 14px;position:absolute;top:22px;right:26px;transform:rotate(8deg)}.of-stamp.best,.of-stamp.good{color:#4ade80}.of-stamp.risky{color:#fbbf24}.of-stamp.wrong{color:#fb7185}.of-delta{flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.of-delta li{font:700 12.5px var(--font-mono);background:#ffffff1a;border-radius:999px;padding:4px 10px}.of-delta li.up{color:#4ade80}.of-delta li.down{color:#fb7185}.of-steps{gap:8px;margin:0;padding:0;list-style:none;display:grid}.of-steps li{align-items:flex-start;gap:10px;font-size:14.5px;display:flex}.of-steps .small{color:var(--muted);font-family:var(--font-mono);margin-right:4px}.of-g{font:700 11px var(--font-mono);text-transform:uppercase;text-align:center;border-radius:6px;flex:none;min-width:58px;padding:3px 7px}.of-g.best{background:var(--ok);color:#fff}.of-g.good{background:color-mix(in srgb, var(--ok) 20%, var(--paper));color:var(--ok)}.of-g.risky{background:color-mix(in srgb, var(--warm) 20%, var(--paper));color:var(--warm)}.of-g.wrong{background:var(--hot);color:#fff}.of-model{margin:0;padding-left:20px}.of-model li{margin:6px 0;font-size:14.5px}.of-cites{gap:10px;margin:0;padding:0;list-style:none;display:grid}.of-cites li{background:var(--paper-2);border-radius:12px;padding:12px 14px}.of-cites li b{margin-top:6px;font-size:14.5px;display:block}.of-cites li p{color:var(--ink-2);margin:2px 0 0;font-size:14.5px}.of-gs4 dl{gap:8px;margin:12px 0 14px;display:grid}.of-gs4 dl div{grid-template-columns:120px 1fr;gap:10px;display:grid}.of-gs4 dt{font-weight:700}.of-gs4 dd{color:var(--ink-2);margin:0}.of-int{background:linear-gradient(150deg, color-mix(in srgb, var(--accent) 12%, var(--paper)), var(--paper) 70%)}.of-int h2{font-size:21px;line-height:1.35}.of-concepts{background:linear-gradient(150deg, color-mix(in srgb, var(--teal) 10%, var(--paper)), var(--paper) 70%)}.of-concept-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin-top:8px;display:grid}.of-concept{background:var(--paper);border:1px solid color-mix(in srgb, var(--teal) 30%, var(--line));border-radius:14px;padding:14px 16px}.of-concept b{font-family:var(--font-display);color:color-mix(in srgb, var(--teal) 75%, var(--ink));font-size:17px}.of-concept p{color:var(--ink-2);margin:4px 0 0;font-size:14.5px}.of-thinker{border-left:4px solid var(--accent);background:var(--paper-2);border-radius:0 12px 12px 0;margin:14px 0 0;padding:14px 18px}.of-thinker p{margin:4px 0;font-style:italic}.of-thinker .small{color:var(--muted)}.of-year li.now .small,.of-year .small{white-space:normal}.of-report{padding-top:32px}.of-apar{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-lg);text-align:center;border-radius:26px;padding:32px}.of-apar h1{letter-spacing:-.04em;margin:6px 0 12px;font-size:clamp(28px,4vw,42px)}.of-apar-grade{align-items:baseline;gap:6px;display:inline-flex}.of-apar-grade b{font-family:var(--font-display);letter-spacing:-.05em;background:linear-gradient(120deg, #ff6a13, var(--sun));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:84px;line-height:1}.of-apar-grade span{color:var(--muted);font-size:22px}.of-apar-grade em{margin-left:10px;font-size:20px;font-style:normal;font-weight:700}.of-final{gap:10px;margin:0;padding:0;list-style:none;display:grid}.of-final li{grid-template-columns:110px 1fr 36px;align-items:center;gap:10px;font-size:14.5px;display:grid}.of-final b{font-family:var(--font-mono);text-align:right}.of-files{gap:8px;margin:0;padding:0;list-style:none;display:grid}.of-files li{align-items:center;gap:10px;font-size:14.5px;display:flex}.of-files .of-g{min-width:104px}.of-rb{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;margin-top:20px;display:grid}.of-rb .of-panel{margin-top:0}.of-rb h2{margin-top:10px;font-size:19px}@media (max-width:1000px){.of-bar-in{flex-wrap:wrap;gap:10px}.of-meters{flex-basis:100%;order:3;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.of-desk{grid-template-columns:minmax(0,1fr)}.of-year{position:static}.of-year ol{gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.of-year li{flex:none;width:180px}.of-hero-grid,.of-join-grid,.of-deb-grid{grid-template-columns:minmax(0,1fr)}.of-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.of-file-mock{transform:none}}@media (max-width:560px){.of-hero{border-radius:24px;margin:8px;padding:48px 0 56px}.of-hero h1{font-size:46px}.of-m-l{font-size:11.5px}.of-long{display:none}.of-short{display:inline}.of-who{display:none}.of-bar-in{justify-content:flex-end;gap:4px;padding-top:6px;padding-bottom:8px}.of-bar-in>.of-link{font-size:13px}.of-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.of-thread,.of-actions,.of-file-head{padding-left:16px;padding-right:16px}.of-msg{max-width:100%}.of-ending{padding:26px 20px}.of-stamp{margin-bottom:10px;font-size:14px;display:inline-block;position:static;transform:rotate(-3deg)}.of-chain div,.of-gs4 dl div{grid-template-columns:minmax(0,1fr);gap:2px}.of-final li{grid-template-columns:96px 1fr 30px}.of-rb{grid-template-columns:minmax(0,1fr)}}@media print{.site-header,.site-footer,.of-bar,.of-go{display:none!important}}@media (prefers-reduced-motion:reduce){.of-dots i,.of-msg,.of-note{animation:none!important}}.of-gallery{grid-template-rows:repeat(2,170px);grid-template-columns:2fr 1fr 1fr;gap:10px;margin-top:22px;display:grid}.of-gallery figure{background:var(--paper-2);border-radius:18px;margin:0;position:relative;overflow:hidden}.of-gallery figure.big{grid-row:span 2}.of-gallery img{object-fit:cover;width:100%;height:100%;transition:transform .6s;display:block}.of-gallery figure:hover img{transform:scale(1.04)}.of-gallery figcaption{color:#fff;background:linear-gradient(#0000,#000000b8);padding:26px 12px 9px;font-size:13px;line-height:1.3;position:absolute;inset:auto 0 0}.of-gallery figcaption b{display:block}.of-gallery figcaption a{color:#ffffffbf;font-size:11px;text-decoration:none}.of-banner{height:190px;margin:-22px -24px 16px;position:relative;overflow:hidden}.of-banner img{object-fit:cover;width:100%;height:100%;animation:18s ease-in-out infinite alternate ken;display:block}.of-banner:after{content:"";pointer-events:none;background:linear-gradient(#0000 45%,#0000008c);position:absolute;inset:0}.of-banner figcaption{z-index:1;font-size:11px;position:absolute;bottom:8px;right:10px}.of-banner figcaption a{color:#ffffffd9;text-decoration:none}@keyframes ken{0%{transform:scale(1)}to{transform:scale(1.08)translate(-2%)}}.of-pa{background:var(--paper-2);border:1px solid var(--line);border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;padding:8px 10px;font-size:14px;display:flex}.of-pa-face{width:32px;height:32px;font:800 11px var(--font-mono);color:var(--paper);background:var(--teal);border-radius:50%;flex:none;place-items:center;display:grid}.of-pa.talking .of-pa-face{animation:1s ease-in-out infinite talk}.of-pa-txt{flex:1;min-width:160px}.of-pa-btn{border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:999px;padding:6px 12px;font:600 13px inherit}.of-pa-btn:hover{border-color:var(--accent)}.of-wave{align-items:flex-end;gap:2px;height:12px;margin-left:4px;display:inline-flex}.of-wave i{background:var(--teal);border-radius:2px;width:3px;animation:.8s ease-in-out infinite wave}.of-wave i:nth-child(2){animation-delay:.15s}.of-wave i:nth-child(3){animation-delay:.3s}.of-wave i:nth-child(4){animation-delay:.45s}@keyframes wave{0%,to{height:3px}50%{height:12px}}@keyframes talk{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--teal) 45%, transparent)}50%{box-shadow:0 0 0 6px #0000}}.of-msg.reading,.of-act.reading{border-color:var(--teal);box-shadow:0 0 0 3px color-mix(in srgb, var(--teal) 22%, transparent)}.of-act.reading{transform:translate(4px)}.of-stage.reading{color:color-mix(in srgb, var(--teal) 75%, var(--ink))}.of-act-ico{position:relative}.of-act-ico kbd{font:700 10px var(--font-mono);background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:6px;padding:1px 5px;position:absolute;bottom:-6px;right:-6px}.of-call{background:var(--night,#1d1b2e);color:#f4efe6;border-radius:16px;padding:14px 16px;animation:.35s cubic-bezier(.2,.8,.2,1) pop,.5s .35s shake}.of-call-top{align-items:center;gap:12px;display:flex}.of-call-top b{font-size:16px;display:block}.of-call-top .small{color:#f4efe6a6}.of-call p{color:#f4efe6eb;margin:10px 0 0}.of-call-ring{background:#d64545;border-radius:50%;place-items:center;width:38px;height:38px;font-size:18px;animation:1.2s ease-in-out 3 ring;display:grid}@keyframes ring{0%,to{transform:rotate(0)}10%,30%{transform:rotate(-14deg)}20%,40%{transform:rotate(14deg)}50%{transform:rotate(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.of-note.visit{border-left-color:var(--accent);background:color-mix(in srgb, var(--accent) 7%, var(--paper))}@media (max-width:760px){.of-gallery{grid-template-rows:200px 120px 120px;grid-template-columns:1fr 1fr}.of-gallery figure.big{grid-area:auto/span 2}.of-banner{height:150px;margin:-22px -16px 14px}.of-act-ico kbd{display:none}}@media (prefers-reduced-motion:reduce){.of-banner img,.of-call,.of-call-ring,.of-wave i,.of-pa.talking .of-pa-face{animation:none!important}}.of-profile{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;grid-template-columns:minmax(0,1fr) minmax(0,380px);align-items:center;gap:22px;padding:24px;display:grid}.of-profile-form{gap:18px;display:grid}.of-idcard{color:#f4efe6;background:linear-gradient(135deg,#1c1b3a,#2c2a57 60%,#3a2e4f);border-radius:18px;transition:transform .3s;overflow:hidden;transform:rotate(-1.2deg);box-shadow:0 18px 40px -18px #1c1b3a99}.of-idcard:hover{transform:rotate(0)}.of-id-top,.of-id-foot{letter-spacing:.04em;color:#f4efe6bf;background:#ffffff12;justify-content:space-between;gap:10px;padding:9px 16px;font-size:11px;display:flex}.of-id-body{align-items:center;gap:14px;padding:18px 16px;display:flex}.of-id-body b{letter-spacing:-.01em;color:#fff;overflow-wrap:anywhere;font-size:20px;display:block}.of-id-body span{color:#f4efe6cc;font-size:13px;display:block}.of-id-face{color:#1c1b3a;background:linear-gradient(135deg, var(--sun,#ffc83d), var(--accent));border-radius:16px;flex:none;place-items:center;width:58px;height:58px;font-size:22px;font-weight:800;line-height:1;display:grid}.of-id-face.sm{border-radius:12px;width:40px;height:40px;font-size:15px}.of-id-seal{color:#7fe0b0}.of-welcome{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 12%, var(--paper)), var(--paper));border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 24px;display:flex}.of-welcome b{font-size:17px;display:block}.of-welcome span{color:var(--ink-2);font-size:14px}.of-sign{border-top:1px dashed var(--line);color:var(--ink-2);text-align:right;padding-top:8px;font-size:13px;margin-top:10px!important}.btn[disabled]{opacity:.45;cursor:not-allowed}@media (max-width:760px){.of-profile{grid-template-columns:1fr;padding:18px}.of-idcard{transform:none}.of-welcome{padding:12px 16px}}.of-pts{background:color-mix(in srgb, var(--sun,#ffc83d) 30%, var(--paper));border:1px solid color-mix(in srgb, var(--sun,#ffc83d) 60%, var(--line));white-space:nowrap;border-radius:999px;flex:none;padding:5px 10px;font-size:13px}.of-pts b{font-family:var(--font-mono)}.of-stars{gap:4px;font-size:34px;line-height:1;display:inline-flex}.of-stars i{color:var(--line);font-style:normal}.of-stars i.on{color:#f5b301;text-shadow:0 2px 10px #f5b30159;animation:.5s cubic-bezier(.2,.8,.2,1) both starpop}.of-stars i.on:nth-child(2){animation-delay:.12s}.of-stars i.on:nth-child(3){animation-delay:.24s}.of-stars i.on:nth-child(4){animation-delay:.36s}.of-stars i.on:nth-child(5){animation-delay:.48s}@keyframes starpop{0%{opacity:0;transform:scale(0)rotate(-40deg)}to{opacity:1;transform:scale(1)rotate(0)}}.of-reward{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px;margin:18px 0;display:grid}.of-rw-main,.of-rw-total{border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow);border-radius:22px;align-content:start;gap:8px;padding:20px 22px;display:grid}.of-rw-pts{letter-spacing:-.02em;color:var(--accent-ink,var(--accent));font-size:30px}.of-rw-pts span,.of-rw-total b span{color:var(--ink-2);font-size:15px;font-weight:600}.of-rw-total{color:#f4efe6;background:linear-gradient(135deg,#1c1b3a,#2c2a57);border:0}.of-rw-total b{color:#fff;font-size:34px}.of-rw-total b span{color:#f4efe6b3}.of-rw-total em{color:var(--sun,#ffc83d);font-style:normal;font-weight:700}.of-rw-total .small{color:#f4efe6b3}.of-rw-total .of-m-track{background:#ffffff26}.of-badges{flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0;list-style:none;display:flex}.of-badges li{background:color-mix(in srgb, var(--teal) 12%, var(--paper));border:1px solid color-mix(in srgb, var(--teal) 35%, var(--line));border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.of-lesson{gap:14px;display:grid}.of-senior{color:#f4efe6;background:#14131f;border-radius:18px;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 16px;display:flex}.of-senior-face{color:#14131f;background:linear-gradient(135deg,#e7d9b8,#b9965a);border-radius:50%;flex:none;place-items:center;width:52px;height:52px;font-weight:800;display:grid}.of-senior.talking .of-senior-face{animation:1s ease-in-out infinite talk}.of-senior-txt{flex:1;gap:2px;min-width:200px;display:grid}.of-senior-txt .small{color:#f4efe6b3}.of-senior .of-pa-btn{color:#14131f;background:#f4efe6;border-color:#0000}.of-lesson h2{margin:0}.of-lesson .eyebrow{margin:6px 0 0}.of-flow{counter-reset:f;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.of-flow li{background:color-mix(in srgb, var(--teal) 9%, var(--paper));border:1px solid color-mix(in srgb, var(--teal) 30%, var(--line));border-radius:16px;padding:16px;position:relative}.of-flow li:not(:last-child):after{content:"→";z-index:1;background:var(--teal);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:13px;display:grid;position:absolute;top:50%;right:-14px;transform:translateY(-50%)}.of-flow p{margin:8px 0 0}.of-flow-n{background:var(--teal);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:800;display:inline-grid}.of-path{gap:10px;padding-bottom:6px;display:flex;overflow-x:auto}.of-path-step{border:1.5px solid var(--line);background:var(--paper);border-radius:14px;flex:0 0 200px;align-content:start;gap:6px;padding:12px;display:grid}.of-path-step p{margin:0;font-size:14px}.of-path-step.best{border-color:color-mix(in srgb, #1f9d55 50%, var(--line))}.of-path-step.risky{border-color:color-mix(in srgb, #e08a00 55%, var(--line))}.of-path-step.wrong{border-color:color-mix(in srgb, #d64545 60%, var(--line))}.of-path-ico{font-size:18px}.of-path-sum{flex-wrap:wrap;gap:8px;display:flex}.of-apar-pts{margin:6px 0 0;font-size:16px}@media (max-width:760px){.of-reward{grid-template-columns:1fr}.of-flow li:not(:last-child):after{top:auto;bottom:-14px;right:50%;transform:translate(50%)rotate(90deg)}.of-pts{display:none}}@media (prefers-reduced-motion:reduce){.of-stars i.on,.of-senior.talking .of-senior-face{animation:none!important}}.of-slider{padding-bottom:28px}.of-sl-track{display:grid}.of-sl-slide{opacity:0;visibility:hidden;grid-area:1/1;min-width:0;transition:opacity .5s,visibility 0s .5s;display:grid}.of-sl-slide.on{opacity:1;visibility:visible;transition:opacity .5s}.of-ex-stage{color:#f4efe6;align-content:center;gap:20px;height:100%;display:grid;position:relative}.of-ex-tag{font:700 12px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#ffb03a;margin:0}.of-sl-nav{align-items:center;gap:10px;margin-top:30px;display:flex}.of-sl-nav .of-ex-dots{flex:1;margin:0}.of-sl-btn,.of-sl-play,.of-sl-why{font:inherit;color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;font-size:13px;font-weight:700}.of-sl-btn{width:32px;height:32px;padding:0;font-size:18px;line-height:1}.of-sl-play,.of-sl-why{padding:7px 14px}.of-sl-why{color:#1f1a14;background:linear-gradient(100deg,#ff6a13,#ffb03a);border:0}.of-sl-btn:hover,.of-sl-play:hover{background:#ffffff29}.of-ex-line{color:#fff;letter-spacing:-.035em;max-width:20ch;margin:0;font-size:clamp(28px,4.2vw,54px);line-height:1.04;animation:.7s cubic-bezier(.2,.8,.2,1) both exIn}.of-ex-art{animation:.7s cubic-bezier(.2,.8,.2,1) .25s both exIn}@keyframes exIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.ex-row{flex-wrap:wrap;align-items:stretch;gap:14px;display:flex}.ex-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.ex-card{opacity:0;background:#ffffff12;border:1px solid #ffffff24;border-radius:18px;flex:180px;gap:6px;padding:16px;animation:.6s cubic-bezier(.2,.8,.2,1) forwards exPop;display:grid}.ex-card b{color:#fff;font-size:17px}.ex-card span{color:#f4efe6cc;font-size:14px}.ex-card em{color:var(--sun,#ffc83d);font-style:normal;font-weight:800}.ex-card.c1{animation-delay:.6s}.ex-card.c2{animation-delay:1.3s}.ex-card.c3{animation-delay:2s}.ex-card.c4{animation-delay:2.7s}@keyframes exPop{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:none}}.ex-arrow{color:#ff7a59;opacity:0;align-self:center;font-size:44px;font-weight:800;animation:.5s 1s forwards exPop}.ex-desk{border-color:#ff7a5980}.ex-file{color:#1c1b3a;transform-origin:0 0;background:#faf8f4;border-radius:18px;max-width:560px;padding:18px 20px;animation:1s cubic-bezier(.2,.8,.2,1) .5s both exSlide}@keyframes exSlide{0%{opacity:0;transform:translate(-60px)rotate(-4deg)}to{opacity:1;transform:none}}.ex-file-top{font:12px var(--font-mono);color:#4b4d63;justify-content:space-between;margin-bottom:8px;display:flex}.ex-urgent{color:#c2410c;font-weight:800}.ex-file b{font-size:18px}.ex-file p{color:#4b4d63;margin:6px 0 10px}.ex-file-you{opacity:0;border-top:1px dashed #dcd8ce;padding-top:10px;font-size:14px;animation:.5s 1.8s forwards exPop}.ex-chat{gap:10px;max-width:640px;display:grid}.ex-m{opacity:0;border-radius:14px;padding:11px 14px;font-size:15px;animation:.5s forwards exPop}.ex-m.out{color:#1c1b3a;background:#ff7a59;justify-self:end;font-weight:600}.ex-m.in{background:#ffffff1a}.ex-m.call{color:#fff;background:#d64545}.ex-m.m1{animation-delay:.5s}.ex-m.m2{animation-delay:1.6s}.ex-m.m3{animation-name:exPop,shake;animation-duration:.5s,.5s;animation-delay:2.8s,2.8s}.ex-m.m4{animation-delay:4.1s}.ex-tone{text-transform:uppercase;color:#1c1b3a;background:#e08a00;border-radius:999px;margin-right:8px;padding:2px 8px;font-size:11px;font-weight:800;display:inline-block}.ex-gain{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.ex-g{opacity:0;background:linear-gradient(135deg,#ffc83d2e,#ff7a591f);border:1px solid #ffc83d59;border-radius:18px;gap:4px;padding:16px;animation:.6s forwards exPop;display:grid}.ex-g b{color:#fff;font-size:17px}.ex-g span{color:#f4efe6cc;font-size:14px}.ex-g.g1{animation-delay:.5s}.ex-g.g2{animation-delay:1.1s}.ex-g.g3{animation-delay:1.7s}.ex-g.g4{animation-delay:2.3s}.of-ex-dots{gap:6px;margin-top:12px;display:flex}.of-ex-dots button{cursor:pointer;background:#fff3;border:0;border-radius:99px;flex:1;height:5px;padding:0;position:relative;overflow:hidden}.of-ex-dots button.done{background:var(--accent)}.of-ex-dots button i{transform-origin:0;background:#ff8a3d;animation:linear forwards exBar;position:absolute;inset:0}@keyframes exBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.of-ex-cta{margin-top:4px}@media (max-width:760px){.of-sl-play{display:none}.of-sl-nav{gap:6px;margin-top:22px}.ex-grid,.ex-gain{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){.of-sl-slide{transition:none!important}.of-ex-stage *,.of-ex-dots i{opacity:1!important;animation:none!important}}@media (max-width:900px){.of-slider .of-file-mock{display:none}.of-sl-slide .of-ex-stage{align-content:start}}