@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-cyrillic-wght-normal-Dvxsihut.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-greek-wght-normal-DL7QRZyv.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-vietnamese-wght-normal-usUDDRr7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-ext-wght-normal-Ch3YOpNY.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light dark;font-family:Manrope Variable,Manrope,system-ui,sans-serif;--bg: #dfe6ea;--surface: #f8fafb;--surface-soft: #edf2f4;--hero: #0d171e;--hero-soft: #1b2a33;--text: #111a20;--muted: #65727b;--accent: #4a9fda;--accent-strong: #257eb9;--accent-text: #07141c;--line: rgba(17, 26, 32, .13);--shadow: 0 28px 90px rgba(26, 39, 48, .2);--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);background:var(--bg);color:var(--text);font-synthesis:none;text-rendering:optimizeLegibility}:root[data-theme=dark]{--bg: #070c10;--surface: #11191f;--surface-soft: #172229;--hero: #081116;--hero-soft: #15242d;--text: #edf4f7;--muted: #95a5af;--accent: #67b9ef;--accent-strong: #8bcefa;--accent-text: #06131b;--line: rgba(231, 241, 246, .13);--shadow: 0 28px 90px rgba(0, 0, 0, .5)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:100%;margin:0}html,body{overflow:hidden;overscroll-behavior:none}body{background:var(--bg);color:var(--text)}button{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.app-shell{position:relative;width:min(100%,580px);height:100dvh;min-height:600px;margin:0 auto;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);background:var(--surface);box-shadow:var(--shadow);isolation:isolate;overflow:hidden}@media(min-width:700px){body{background:color-mix(in srgb,var(--bg) 82%,#52636d)}}.topbar{position:absolute;z-index:30;top:max(calc(var(--safe-top) + 10px),10px);left:max(calc(var(--safe-left) + 14px),14px);right:max(calc(var(--safe-right) + 14px),14px);height:46px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;transition:filter .24s ease,transform .24s ease}.topbar button{pointer-events:auto}.brand-button{height:42px;max-width:44%;padding:5px 12px 5px 6px;display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#070f1494;color:#fff;font-size:15px;font-weight:720;letter-spacing:-.025em;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer}.habr-mark{display:inline-grid;place-items:center;flex:0 0 auto;background:var(--accent);color:#07141c;font-family:IBM Plex Mono,monospace;font-weight:700}.brand-mark{width:30px;height:30px;flex:0 0 auto;border-radius:9px;object-fit:cover;box-shadow:0 0 0 1px #ffffff2e}.top-actions{display:flex;align-items:center;gap:6px;pointer-events:auto}.icon-button,.sheet-close,.round-action{width:40px;height:40px;padding:0;display:inline-grid;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:#070f1494;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer}.icon-button svg{width:18px}.home-button{background:#edf7fceb;color:#101b21}.depth-pill{min-width:29px;height:29px;padding:0 7px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#070f1494;color:#fff;font:400 11px IBM Plex Mono,monospace;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.article-deck{position:relative;height:100%;background:var(--surface);overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;transition:filter .24s ease,transform .24s ease}.article-panel{position:absolute;inset:0;display:grid;grid-template-rows:minmax(265px,46%) minmax(0,1fr);background:var(--surface);overflow:hidden;transform-origin:center;transition:transform .24s cubic-bezier(.2,.82,.2,1),opacity .18s ease;will-change:transform}.article-panel.current{z-index:5;animation:card-enter .26s cubic-bezier(.2,.82,.2,1) both}.preview-panel{z-index:3;pointer-events:none}.side-preview{z-index:7;pointer-events:none;box-shadow:-20px 0 50px #00000047}.side-preview.parent{box-shadow:20px 0 50px #00000047}.drag-up .article-panel,.drag-down .article-panel,.drag-left .article-panel,.drag-right .article-panel{animation:none;transition-duration:0ms}.drag-left .preview-panel,.drag-right .preview-panel{opacity:0!important}@keyframes card-enter{0%{opacity:.72;transform:translate3d(0,18px,0) scale(.992)}}.hero{position:relative;min-height:0;overflow:hidden;background:var(--hero);color:#fff}.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity .35s ease,transform 1s cubic-bezier(.2,.8,.2,1)}.hero img.ready{opacity:1;transform:scale(1)}.hero-fallback{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 74% 26%,rgba(74,159,218,.35),transparent 30%),linear-gradient(145deg,var(--hero),var(--hero-soft));transition:opacity .25s ease}.hero.has-image .hero-fallback{opacity:0}.fallback-grid{position:absolute;inset:-40%;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:34px 34px;transform:rotate(-12deg)}.hero-fallback:after{content:"";position:absolute;width:min(70vw,330px);aspect-ratio:1;border:1px solid rgba(103,185,239,.28);border-radius:50%;box-shadow:0 0 0 34px #67b9ef09,0 0 0 68px #67b9ef06}.hero-fallback strong{position:relative;z-index:1;font:700 clamp(70px,23vw,118px)/1 "IBM Plex Mono",monospace;letter-spacing:-.12em;color:#f0f8fbf0;text-shadow:0 18px 60px rgba(0,0,0,.35)}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,10,14,.55),transparent 35%,transparent 62%,rgba(4,10,14,.72));pointer-events:none}.hero-context{position:absolute;left:20px;right:20px;bottom:17px;display:flex;justify-content:space-between;gap:18px;align-items:flex-end;color:#ffffffe6;font:400 9px IBM Plex Mono,monospace;letter-spacing:.12em;text-transform:uppercase}.hero-context span:last-child{max-width:58%;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.read-time{position:absolute;top:74px;right:16px;padding:7px 9px;display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:#050c1073;color:#ffffffe0;font:400 10px IBM Plex Mono,monospace;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.read-time svg{width:13px;height:13px}.article-copy{min-height:0;padding:20px 20px 13px;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto auto;overflow:hidden}.eyebrow{min-width:0;grid-row:1;display:flex;gap:7px;align-items:center;color:var(--accent-strong);font:400 9px IBM Plex Mono,monospace;letter-spacing:.09em;text-transform:uppercase}.eyebrow span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eyebrow span:not(:last-child):after{content:" /";color:var(--muted)}.article-copy h1{grid-row:2;margin:8px 0 0;display:-webkit-box;overflow:hidden;font-size:clamp(27px,7.25vw,39px);font-weight:760;line-height:1.02;letter-spacing:-.045em;text-wrap:balance;-webkit-box-orient:vertical;-webkit-line-clamp:3}.description{grid-row:3;margin:7px 0 0;overflow:hidden;color:var(--muted);font:400 10px IBM Plex Mono,monospace;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.summary{min-height:0;grid-row:4;align-self:start;margin:12px 0 0;display:-webkit-box;overflow:hidden;color:color-mix(in srgb,var(--text) 88%,transparent);font-size:clamp(13px,3.4vw,15px);font-weight:470;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:4}.long-copy .summary{-webkit-line-clamp:3}.metrics{grid-row:5;margin-top:0;padding-top:10px;display:flex;align-items:center;gap:14px;color:var(--muted);font:400 10px IBM Plex Mono,monospace}.metrics span{display:inline-flex;align-items:center;gap:4px}.metrics svg{width:13px;height:13px}.metrics span:last-child{margin-left:auto;color:#3d9962;font-weight:700}.metrics span.negative{color:#c45e67}.article-footer{min-height:43px;grid-row:6;margin-top:8px;padding-top:9px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line)}.attribution{min-width:0;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}.attribution>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attribution b{color:var(--text)}.habr-mark{width:23px;height:23px;border-radius:6px;font-size:12px}.article-actions{display:flex;align-items:center;gap:7px}.round-action{width:34px;height:34px;border-color:var(--line);background:transparent;color:var(--text);-webkit-backdrop-filter:none;backdrop-filter:none}.round-action svg{width:15px}.open-action{height:34px;padding:0 12px;display:inline-flex;align-items:center;gap:7px;border:0;border-radius:999px;background:var(--accent);color:var(--accent-text);font-size:10px;font-weight:750;cursor:pointer;white-space:nowrap}.open-action svg{width:13px}.swipe-layer{position:absolute;z-index:4;inset:0;padding:32px;display:grid;align-items:center;color:var(--accent);background:var(--surface-soft);font:700 11px IBM Plex Mono,monospace;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}.swipe-layer.right{justify-items:end}.swipe-layer.left{justify-items:start}.gesture-hint,.related-loading{position:absolute;z-index:40;max-width:calc(100% - 36px);padding:9px 13px;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#060e13d1;color:#fff;font:600 10px IBM Plex Mono,monospace;text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none}.gesture-ready .gesture-hint{background:color-mix(in srgb,var(--accent) 75%,#07141c);transform:scale(1.03)}.gesture-hint.up{left:50%;bottom:max(calc(var(--safe-bottom) + 22px),26px);transform:translate(-50%)}.gesture-hint.down{left:50%;top:72px;transform:translate(-50%)}.gesture-hint.left{left:16px;top:50%}.gesture-hint.right{right:16px;top:50%}.related-loading{left:50%;bottom:max(calc(var(--safe-bottom) + 22px),26px);display:flex;align-items:center;gap:7px;transform:translate(-50%)}.related-loading span{width:8px;height:8px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.has-overlay>.article-deck,.has-overlay>.topbar{filter:blur(7px) brightness(.62);transform:scale(.985)}.article-reader{position:absolute;z-index:125;inset:0;background:var(--surface);overflow:hidden;animation:reader-in .26s cubic-bezier(.2,.84,.2,1)}@keyframes reader-in{0%{opacity:.72;transform:translate3d(0,28px,0)}}.reader-toolbar{position:absolute;z-index:2;top:0;left:0;right:0;min-height:calc(62px + var(--safe-top));padding:max(var(--safe-top),10px) max(calc(var(--safe-right) + 14px),14px) 10px max(calc(var(--safe-left) + 14px),14px);display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:10px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 90%,transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.reader-back,.reader-toolbar-actions button{height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--surface-soft);cursor:pointer}.reader-back{width:max-content;padding:0 13px 0 10px;gap:6px;border-radius:999px;font-size:11px;font-weight:750}.reader-back svg,.reader-toolbar-actions svg{width:17px;height:17px}.reader-label{align-self:center;padding-top:var(--safe-top);color:var(--muted);font:500 9px IBM Plex Mono,monospace;letter-spacing:.14em;text-transform:uppercase}.reader-toolbar-actions{justify-self:end;display:flex;gap:7px}.reader-toolbar-actions button{width:40px;padding:0;border-radius:50%}.reader-scroll{height:100%;padding-top:calc(62px + var(--safe-top));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--line) transparent;-webkit-overflow-scrolling:touch}.reader-hero{width:100%;height:clamp(190px,31vh,280px);overflow:hidden;background:var(--hero)}.reader-hero img{width:100%;height:100%;display:block;object-fit:cover}.reader-page{width:min(100%,760px);margin:0 auto;padding:28px max(calc(var(--safe-right) + 20px),20px) max(calc(var(--safe-bottom) + 54px),54px) max(calc(var(--safe-left) + 20px),20px)}.reader-kicker{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--accent-strong);font:500 9px IBM Plex Mono,monospace;letter-spacing:.09em;text-transform:uppercase}.reader-kicker span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-kicker span:last-child{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;color:var(--muted)}.reader-kicker svg{width:13px;height:13px}.reader-page>h1{margin:11px 0 18px;font-size:clamp(32px,8.7vw,52px);font-weight:770;line-height:1.03;letter-spacing:-.05em;text-wrap:balance}.reader-byline{display:flex;align-items:center;gap:9px}.reader-byline .habr-mark{width:34px;height:34px;border-radius:10px}.reader-byline>div{display:grid;gap:2px}.reader-byline strong{font-size:11px}.reader-byline span{color:var(--muted);font-size:10px}.reader-lead{margin:24px 0 30px;padding:20px 0;border-block:1px solid var(--line);color:color-mix(in srgb,var(--text) 88%,transparent);font-size:clamp(16px,4.1vw,19px);font-weight:580;line-height:1.58}.reader-body{color:color-mix(in srgb,var(--text) 92%,transparent);font-size:clamp(15px,3.8vw,18px);line-height:1.72;overflow-wrap:anywhere}.reader-body h2,.reader-body h3,.reader-body h4{margin:2em 0 .7em;color:var(--text);line-height:1.16;letter-spacing:-.025em;text-wrap:balance}.reader-body h2{font-size:1.7em}.reader-body h3{font-size:1.35em}.reader-body h4{font-size:1.12em}.reader-body p{margin:0 0 1.25em}.reader-body a{color:var(--accent-strong);text-decoration-thickness:1px;text-underline-offset:3px}.reader-body ul,.reader-body ol{margin:0 0 1.35em;padding-left:1.45em}.reader-body li{margin:.45em 0;padding-left:.2em}.reader-body blockquote{margin:1.6em 0;padding:2px 0 2px 18px;border-left:3px solid var(--accent);color:var(--muted);font-size:1.05em}.reader-body figure{margin:1.8em 0}.reader-body img,.reader-body video{max-width:100%;height:auto;display:block;margin:1.5em auto;border-radius:16px;background:var(--surface-soft)}.reader-body figcaption{margin-top:-1em;color:var(--muted);font-size:.75em;line-height:1.45;text-align:center}.reader-body pre{max-width:100%;margin:1.7em 0;padding:16px;overflow:auto;border:1px solid var(--line);border-radius:16px;background:#0c151b;color:#dceaf1;font:400 12px/1.65 IBM Plex Mono,monospace;tab-size:2}.reader-body :not(pre)>code{padding:.12em .38em;border-radius:5px;background:var(--surface-soft);color:var(--text);font:.88em IBM Plex Mono,monospace}.reader-body table{width:100%;margin:1.6em 0;display:block;overflow-x:auto;border-collapse:collapse;font-size:.85em}.reader-body th,.reader-body td{padding:9px 11px;border:1px solid var(--line);text-align:left;vertical-align:top}.reader-body hr{margin:2.2em 0;border:0;border-top:1px solid var(--line)}.reader-loading{display:grid;gap:12px;padding:6px 0 38px}.reader-loading span{height:14px;display:block;border-radius:6px;background:linear-gradient(90deg,var(--surface-soft),color-mix(in srgb,var(--surface-soft) 72%,var(--text)),var(--surface-soft));background-size:200% 100%;animation:shimmer 1.4s infinite}.reader-loading span:nth-child(2){width:88%}.reader-loading span:nth-child(3){width:96%}.reader-loading span:nth-child(4){width:68%}.reader-error{margin:4px 0 34px;padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--surface-soft)}.reader-error strong{font-size:16px}.reader-error p{margin:7px 0 17px;color:var(--muted);font-size:12px;line-height:1.5}.reader-footer{margin-top:42px;padding-top:22px;border-top:1px solid var(--line)}.reader-footer>p{margin:0 0 16px;color:var(--muted);font-size:11px}.reader-footer>div{display:grid;grid-template-columns:1fr 1.35fr;gap:9px}.reader-footer button{padding-inline:12px}.onboarding,.shared-intro{position:absolute;z-index:110;inset:max(calc(var(--safe-top) + 12px),12px) 12px max(calc(var(--safe-bottom) + 12px),12px);display:flex;flex-direction:column;border:1px solid var(--line);border-radius:28px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 28px 80px #00000047;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);overflow:hidden;animation:overlay-in .3s cubic-bezier(.2,.84,.2,1)}@keyframes overlay-in{0%{opacity:0;transform:translateY(18px) scale(.97)}}.skip-button{position:absolute;z-index:2;top:18px;right:18px;padding:7px 8px;border:0;background:transparent;color:var(--muted);font-size:11px;cursor:pointer}.tutorial-visual{min-height:43%;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 34%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 55%),var(--surface-soft)}.tutorial-card{width:128px;height:174px;padding:25px 0 18px;display:grid;grid-template-rows:1fr auto;place-items:center;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:0 18px 45px #00000021;animation:tutorial-up 1.8s ease-in-out infinite}.tutorial-card img{width:78px;height:78px;border-radius:20px;object-fit:cover;box-shadow:0 12px 28px #04121d33}.tutorial-card svg{color:var(--accent-strong)}@keyframes tutorial-up{0%,to{transform:translateY(12px)}55%{transform:translateY(-16px)}}.tutorial-pair{display:flex;align-items:center;gap:12px;color:var(--accent-strong)}.tutorial-pair span{width:92px;height:126px;display:grid;place-items:center;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--text);font:400 11px IBM Plex Mono,monospace;box-shadow:0 16px 40px #0000001a}.tutorial-pair svg{animation:tutorial-side 1.7s ease-in-out infinite}@keyframes tutorial-side{0%,to{transform:translate(7px)}55%{transform:translate(-7px)}}.tutorial-route{display:grid;justify-items:center;gap:20px;color:var(--accent-strong)}.tutorial-route svg{width:78px;height:78px}.tutorial-route span{padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);font:400 10px IBM Plex Mono,monospace}.tutorial-copy{padding:26px 24px 10px}.step-count,.sheet-kicker{color:var(--accent-strong);font:400 9px IBM Plex Mono,monospace;letter-spacing:.15em;text-transform:uppercase}.tutorial-copy h2,.bottom-sheet h2,.shared-intro h2{margin:9px 0;font-size:clamp(30px,8.2vw,42px);line-height:1;letter-spacing:-.045em}.tutorial-copy p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.tutorial-footer{margin-top:auto;padding:18px 24px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.tutorial-dots{display:flex;gap:6px}.tutorial-dots span{width:6px;height:6px;border-radius:99px;background:var(--line);transition:.22s ease}.tutorial-dots span.active{width:25px;background:var(--accent)}.primary-button,.secondary-button{min-height:46px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;background:var(--accent);color:var(--accent-text);font-size:12px;font-weight:750;cursor:pointer}.primary-button svg,.secondary-button svg{width:16px}.primary-button.wide,.secondary-button.wide{width:100%}.secondary-button{border:1px solid var(--line);background:transparent;color:var(--text)}.sheet-backdrop{position:absolute;z-index:100;inset:0;padding:0 8px max(var(--safe-bottom),8px);display:flex;align-items:flex-end;background:#03080b99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}}.bottom-sheet{width:100%;max-height:88%;padding:11px 20px 22px;border:1px solid var(--line);border-radius:28px;background:var(--surface);box-shadow:var(--shadow);overflow:auto;animation:sheet-up .28s cubic-bezier(.2,.84,.2,1)}@keyframes sheet-up{0%{opacity:.5;transform:translateY(45px)}}.sheet-handle{width:40px;height:4px;margin:0 auto 17px;display:block;border-radius:99px;background:var(--line)}.bottom-sheet header{display:flex;align-items:center;justify-content:space-between;gap:20px}.bottom-sheet h2{margin-top:5px}.sheet-close{flex:0 0 auto;border-color:var(--line);background:transparent;color:var(--text);-webkit-backdrop-filter:none;backdrop-filter:none}.sheet-close svg{width:18px}.journey-list{margin:20px 0}.journey-node{position:relative;min-height:61px;display:grid;grid-template-columns:45px 1fr;gap:12px;align-items:center}.journey-node img,.node-fallback{width:41px;height:41px;border-radius:12px;object-fit:cover}.node-fallback{display:grid;place-items:center;background:var(--surface-soft);color:var(--accent-strong);font:700 17px IBM Plex Mono,monospace}.journey-node div{min-width:0;display:grid;gap:3px}.journey-node small{color:var(--muted);font:400 8px IBM Plex Mono,monospace;text-transform:uppercase}.journey-node strong{overflow:hidden;font-size:13px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.journey-node .connector{position:absolute;left:12px;bottom:-7px;width:15px;color:var(--muted)}.sheet-empty{margin:22px 0;padding:18px;border:1px dashed var(--line);border-radius:16px;color:var(--muted);font-size:13px;line-height:1.5}.now-viewing{margin:12px 0 20px;padding:14px;display:grid;grid-template-columns:22px 1fr;gap:8px;border-left:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.now-viewing svg{width:17px;color:var(--accent-strong)}.now-viewing div{min-width:0;display:grid;gap:3px}.now-viewing span{color:var(--muted);font:400 8px IBM Plex Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.now-viewing strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.setting-block{margin:24px 0;display:grid;gap:10px}.setting-block>span{color:var(--muted);font-size:12px}.theme-switch{padding:4px;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:15px;background:var(--surface-soft)}.theme-switch button{min-height:42px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:11px;background:transparent;color:var(--muted);font-size:11px;cursor:pointer}.theme-switch button.active{background:var(--surface);color:var(--text);box-shadow:0 5px 15px #00000014}.theme-switch svg{width:15px}.pwa-card{padding:14px;display:grid;grid-template-columns:46px 1fr;gap:11px;align-items:center;border:1px solid var(--line);border-radius:18px;background:var(--surface-soft)}.pwa-card>img{width:46px;height:46px;border-radius:12px}.pwa-copy{min-width:0;display:grid;gap:4px}.pwa-copy strong{font-size:12px}.pwa-copy p{margin:0;color:var(--muted);font-size:10px;line-height:1.4}.pwa-card>.primary-button,.install-status,.install-hint{grid-column:1 / -1}.install-status,.install-hint{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;line-height:1.45}.install-status{color:#3d9962;font-weight:700}.install-status svg,.install-hint svg{width:16px;height:16px;flex:0 0 auto}.source-note{margin:20px 4px 0;color:var(--muted);font-size:10px;line-height:1.55}.install-offer-backdrop{z-index:108}.install-offer-sheet{padding-bottom:max(calc(var(--safe-bottom) + 22px),22px)}.install-offer-sheet h2{max-width:320px;font-size:clamp(29px,7.8vw,38px)}.install-offer-summary{margin:18px 0;display:grid;grid-template-columns:74px 1fr;gap:15px;align-items:center}.install-offer-summary img{width:74px;height:74px;border-radius:20px;object-fit:cover;box-shadow:0 16px 34px #04121d38}.install-offer-summary p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.install-offer-help{margin:0 0 16px;padding:12px 14px;display:flex;gap:9px;align-items:flex-start;border-radius:15px;background:var(--surface-soft);color:var(--muted);font-size:11px;line-height:1.45}.install-offer-help svg{width:17px;height:17px;flex:0 0 auto;color:var(--accent-strong)}.install-offer-actions{display:grid;gap:9px}.shared-intro{padding:34px 24px 24px;justify-content:center}.shared-icon{width:58px;height:58px;margin-bottom:22px;display:grid;place-items:center;border-radius:18px;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent-strong)}.shared-chain{max-height:34%;margin:15px 0 24px;overflow:auto}.shared-chain div{padding:9px 0;display:grid;grid-template-columns:30px 1fr;gap:8px;border-bottom:1px solid var(--line)}.shared-chain span{color:var(--accent-strong);font:400 9px IBM Plex Mono,monospace}.shared-chain strong{font-size:12px;line-height:1.35}.toast{position:absolute;z-index:140;left:50%;bottom:max(calc(var(--safe-bottom) + 26px),30px);max-width:calc(100% - 36px);padding:11px 16px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#060e13eb;color:#fff;font-size:11px;transform:translate(-50%);box-shadow:0 12px 30px #00000040}.inline-error{position:absolute;z-index:45;left:14px;right:14px;bottom:max(calc(var(--safe-bottom) + 18px),22px);padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 12px 30px #00000024;color:var(--muted);font-size:11px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.inline-error button{border:0;background:transparent;color:var(--accent-strong);font-weight:700;cursor:pointer}.error-state{height:100%;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.error-app-icon{width:72px;height:72px;border-radius:22px;object-fit:cover;box-shadow:0 16px 38px #04121d33}.error-state h1{margin:22px 0 7px;font-size:34px;letter-spacing:-.04em}.error-state p{max-width:320px;margin:0 0 22px;color:var(--muted);font-size:13px;line-height:1.5}.skeleton{height:100%;display:grid;grid-template-rows:46% 1fr;background:var(--surface)}.skeleton>div,.skeleton section span{background:linear-gradient(90deg,var(--surface-soft),color-mix(in srgb,var(--surface-soft) 75%,var(--text)),var(--surface-soft));background-size:200% 100%;animation:shimmer 1.4s infinite}.skeleton section{padding:25px 20px}.skeleton section span{height:14px;margin:12px 0;display:block;border-radius:6px}.skeleton section span:nth-child(2){width:85%;height:55px}.skeleton section span:nth-child(3){width:70%}@keyframes shimmer{to{background-position:-200% 0}}@media(max-width:370px){.brand-button{padding-right:9px}.top-actions{gap:4px}.icon-button{width:38px;height:38px}.article-copy{padding-inline:17px}.article-copy h1{font-size:26px}.summary{font-size:13px}.open-action{padding-inline:10px}}@media(max-height:720px){.app-shell{min-height:0}.article-panel{grid-template-rows:minmax(220px,41%) minmax(0,1fr)}.article-copy{padding-top:14px}.article-copy h1{margin-top:5px;font-size:26px;-webkit-line-clamp:2}.description{margin-top:4px}.summary{margin-top:7px;line-height:1.38;-webkit-line-clamp:3}.metrics{padding-top:6px}.article-footer{margin-top:5px;padding-top:6px}.tutorial-visual{min-height:35%}.tutorial-copy{padding-top:18px}.tutorial-copy h2{font-size:30px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}