:root{--bg: #f6f7f9;--np-bg: #fffdf7;--np-border: #d7d9e2;--np-margin: #c9ccd6;--np-rule: #cfd2dc;--np-ink: #16294a;--np-head: #1d4f96;--np-head-line: rgba(29, 79, 150, .45);--np-code: #b91c1c;--np-code-bg: rgba(135, 131, 120, .15);--np-pen: #d1372b;--np-pen-line: rgba(209, 55, 43, .55);--np-mark: rgba(255, 214, 0, .42);--panel: #ffffff;--text: #1f2937;--muted: #6b7280;--border: #e5e7eb;--accent: #3178c6;--accent-ink: #ffffff;--danger: #dc2626}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:13px;line-height:1.5;background:var(--bg);color:var(--text)}.app{max-width:min(1600px,100%);margin:0 auto;padding:40px clamp(16px,4vw,56px) 80px;padding-top:max(40px,env(safe-area-inset-top));padding-left:max(clamp(16px,4vw,56px),env(safe-area-inset-left));padding-right:max(clamp(16px,4vw,56px),env(safe-area-inset-right));min-height:100vh;background:var(--bg);color:var(--text);transition:background .2s,color .2s}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0f172a;--text: #e2e8f0}}:root[data-theme=dark],.app.dark{--bg: #0f172a;--np-bg: #1b2130;--np-border: #3b4252;--np-margin: #4b5568;--np-rule: #2f3746;--np-ink: #dbe4f3;--np-head: #93c5fd;--np-head-line: rgba(147, 197, 253, .45);--np-code: #fca5a5;--np-code-bg: rgba(148, 163, 184, .18);--np-pen: #ff8a80;--np-pen-line: rgba(255, 138, 128, .6);--np-mark: rgba(255, 214, 0, .2);--panel: #1e293b;--text: #e2e8f0;--muted: #94a3b8;--border: #334155;--accent: #3178c6;--danger: #f87171}.app.track-react{--accent: #60dafb;--accent-ink: #0a2b33;--accent-fg: #0e7490}.app.dark.track-react{--accent-fg: #60dafb}.app.track-ts{--accent: #3178c6;--accent-ink: #ffffff;--accent-fg: #3178c6}.app.track-python{--accent: #ffd43b;--accent-ink: #1f2937;--accent-fg: #7a5c00}.app.dark.track-python{--accent-fg: #ffd43b}.app.track-js{--accent: #f7df1e;--accent-ink: #111111;--accent-fg: #6b5d00}.app.dark.track-js{--accent-fg: #f7df1e}.app.track-rust{--accent: #dea584;--accent-ink: #1f2937;--accent-fg: #9a4a12}.app.dark.track-rust{--accent-fg: #f0b48a}.app.track-php{--accent: #777bb4;--accent-ink: #ffffff;--accent-fg: #5b5f9e}.app.dark.track-php{--accent-fg: #a5a8dc}.app.track-c{--accent: #a8b9cc;--accent-ink: #1f2937;--accent-fg: #3f556b}.app.dark.track-c{--accent-fg: #b9c9db}.app.track-cpp{--accent: #00599c;--accent-ink: #ffffff;--accent-fg: #00599c}.app.dark.track-cpp{--accent-fg: #6fb3e8}.app.track-csharp{--accent: #239120;--accent-ink: #ffffff;--accent-fg: #1f7a1c}.app.dark.track-csharp{--accent-fg: #7ddb79}.app.dark.track-ts{--accent-fg: #7ab3f0}header h1{margin:0 0 3px;font-size:22px}.brand{display:flex;align-items:center;gap:10px}.brand-logo{border-radius:8px;flex:0 0 auto}.muted{color:var(--muted)}.app-header{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;row-gap:10px;align-items:center;margin-bottom:18px}.header-titles,.controls{display:contents}.header-titles h1{line-height:1.15;margin:0;grid-row:1;grid-column:1}.subtitle{font-size:13px;margin:0;grid-row:2;grid-column:1;display:inline-flex;align-items:center;gap:6px}.track-row{display:flex;align-items:center;gap:8px;grid-row:1;grid-column:2;justify-self:end}.step-nav{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;grid-row:2;grid-column:2;justify-self:end}.step-nav .dd2,.track-row .dd2{width:var(--dd-min, 200px)}.step-nav .dd2-label,.track-row .dd2-label{text-align:center}.step-count{min-width:52px;text-align:right}@media(max-width:560px){.app-header{grid-template-columns:minmax(0,1fr)}.track-row{grid-row:3;grid-column:1;justify-self:stretch}.track-row .dd2{flex:1 1 auto;--dd-min: 0}.step-nav{grid-row:4;grid-column:1;width:100%;justify-self:stretch;justify-content:space-between;gap:6px}.step-nav .dd2,.track-row .dd2{flex:1 1 auto;width:auto;--dd-min: 0}}.subtitle svg,.subtitle img{flex:0 0 auto}.dd2{position:relative;min-width:var(--dd-min, 200px)}.dd2-btn{width:100%;display:flex;align-items:center;gap:7px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:9px;padding:7px 10px;font-size:13px;font-weight:600;cursor:pointer}.dd2-btn:hover{border-color:var(--accent)}.dd2-ic{flex:0 0 auto;color:var(--accent-fg)}.dd2-label{flex:1 1 auto;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dd2-chev{flex:0 0 auto;color:var(--muted)}.dd2-menu{position:absolute;z-index:30;top:calc(100% + 6px);left:0;min-width:100%;width:max-content;right:auto;max-height:calc(100dvh - 120px);overflow-y:auto;list-style:none;margin:0;padding:6px;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 32px #0000002e}.dd2-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;cursor:pointer;font-size:14px;white-space:nowrap}.dd2-item:hover,.dd2-item.kb{background:color-mix(in srgb,var(--accent) 14%,var(--bg));box-shadow:inset 0 0 0 1px var(--accent-fg)}.dd2-item.on{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--text);font-weight:700}.dd2-check{margin-left:auto;color:var(--accent-fg)}.app.dark .logo-invert{filter:invert(1)}.signin{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.signin-brand{border-radius:10px}.signin-title{margin:0;font-weight:700}.navbtn{display:inline-grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:8px;cursor:pointer;flex:0 0 auto}.navbtn:hover:not(:disabled){border-color:var(--accent-fg);color:var(--accent-fg)}.navbtn:disabled{opacity:.4;cursor:not-allowed}.step-count{color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.result-card.tv{position:relative;margin-top:28px;background:linear-gradient(160deg,#f4f1ea,#ddd8cd 58%,#c8c2b5);border-radius:26px;padding:16px;box-shadow:inset 0 1px #ffffffbf,inset 0 -3px #00000014,0 0 0 1px #00000024,0 22px 44px -16px #00000073}.tv-antenna,.tv-antenna:after{position:absolute;width:2px;height:34px;border-radius:2px;background:linear-gradient(#c5c0b5,#767065);transform-origin:bottom center}.tv-antenna{top:-30px;left:50%;transform:translate(-50%) rotate(-24deg)}.tv-antenna:after{content:"";inset:0;transform:rotate(48deg)}.tv-body{display:grid;grid-template-columns:minmax(0,1fr) 60px;gap:14px}.tv-screen{position:relative;border-radius:20px/24px;overflow:hidden;background:var(--panel);border:10px solid #1b1b20;box-shadow:inset 0 0 26px #00000059,0 0 0 1px #00000059}.tv-screen .card{border:none;border-radius:12px;box-shadow:none}.tv-screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.035) 0 1px,transparent 1px 3px),radial-gradient(120% 120% at 50% 50%,transparent 68%,rgba(0,0,0,.1) 100%);border-radius:12px}.tv-side{display:flex;flex-direction:column;align-items:center;gap:12px;padding:8px 0;border-radius:14px;background:linear-gradient(#ebe7de,#d3cec2);box-shadow:inset 0 0 0 1px #0000001a}.tv-knob{position:relative;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#4d4d55,#16161a 72%);box-shadow:0 0 0 3px #cbc6ba,0 0 0 4px #00000047,0 2px 4px #0006}.tv-knob:after{content:"";position:absolute;top:4px;left:50%;width:2px;height:9px;margin-left:-1px;border-radius:1px;background:#d8d3c8}.tv-grille{flex:1 1 auto;width:34px;min-height:44px;border-radius:6px;background:repeating-linear-gradient(to bottom,#5c4130 0 2px,#3a2818 2px 5px);box-shadow:inset 0 0 0 1px #0006}.tv-brand{display:inline-flex;align-items:center;gap:4px;font-size:7px;font-weight:800;letter-spacing:.12em;color:#6f6a5f}.tv-led{width:6px;height:6px;border-radius:50%;background:#34d17a;box-shadow:0 0 6px 1px #34d17acc}.react-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch}.result-col,.notes-col{display:flex;flex-direction:column;min-height:0;max-height:min(80vh,820px)}.result-col .result-card.tv{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.result-col .tv-body{flex:1 1 auto;min-height:0}.result-col .tv-screen{min-height:0;display:flex}.tv-scroll{flex:1 1 auto;min-height:0;overflow:auto;border-radius:12px;padding:18px;font-size:12px}.tv-scroll form,.tv-scroll div:not([class]){display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:16px 0}@media(max-width:860px){.react-top{grid-template-columns:minmax(0,1fr)}}.compare{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}@media(max-width:860px){.compare{grid-template-columns:minmax(0,1fr)}}.lang-tab svg{flex:0 0 auto}.lang-switch{display:flex;gap:6px;margin-bottom:8px}.lang-tab{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:8px;font-size:14px;font-weight:700;cursor:pointer}.lang-tab.ts.on{background:#3178c6;color:#fff;border-color:#3178c6}.lang-tab.js.on{background:#f7df1e;color:#000;border-color:#f7df1e}.diffnotes{--rule: 22px;position:relative;margin-top:0;border:1px solid var(--np-border);border-radius:6px;padding:14px 16px 16px 40px;background-color:var(--np-bg);background-image:linear-gradient(90deg,transparent 31px,var(--np-margin) 31px,var(--np-margin) 32px,transparent 32px),repeating-linear-gradient(to bottom,transparent 0 calc(var(--rule) - 1px),var(--np-rule) calc(var(--rule) - 1px) var(--rule));background-position:0 14px,0 14px;box-shadow:0 10px 24px -12px #00000040}.notepad{position:relative;flex:1 1 auto;min-height:0;display:flex;margin-top:0}.notepad .diffnotes{flex:1 1 auto;min-height:0;overflow:auto;background-attachment:local,local}.tv-scroll:focus-visible,.notepad .diffnotes:focus-visible{outline:2px solid var(--accent-fg);outline-offset:2px}.notepad:before{content:"";z-index:1;position:absolute;top:-9px;left:26px;width:74px;height:20px;background:color-mix(in srgb,var(--accent) 35%,transparent);border:1px solid color-mix(in srgb,var(--accent) 50%,transparent);transform:rotate(-4deg);box-shadow:0 1px 3px #0000001f}.diffnotes .notes-sub,.diffnotes li{font-family:Chalkboard SE,Comic Sans MS,Segoe Print,Bradley Hand,sans-serif;letter-spacing:.01em;margin:0;line-height:var(--rule);font-size:13px;color:var(--np-ink);list-style:none;position:relative}.notes-sub{font-weight:700;font-size:13px;color:var(--np-head);line-height:var(--rule);margin:0;text-decoration:underline;text-decoration-color:var(--np-head-line);text-underline-offset:3px}.diffnotes ul{margin:0 0 2px;padding-left:20px}.diffnotes ul+.notes-sub{margin-top:var(--rule)}.diffnotes .note-pen{color:var(--np-pen);font-weight:700;background-image:linear-gradient(to bottom,transparent 10%,var(--np-mark) 10%,var(--np-mark) 92%,transparent 92%);padding:0 3px;box-decoration-break:clone;-webkit-box-decoration-break:clone;text-decoration:underline;text-decoration-color:var(--np-pen-line);text-decoration-thickness:2px;text-underline-offset:3px}.diffnotes .note-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;color:var(--np-code);background:var(--np-code-bg);border-radius:4px;padding:1px 5px;white-space:nowrap}.diffnotes li:before{content:"-";position:absolute;left:-16px;color:#7aa0d0}.ts-output-wrap{border:1px solid var(--ce-border);border-radius:12px;overflow:hidden}.ts-output-head{background:var(--ce-head);color:var(--ce-file);font-size:12px;padding:8px 12px;border-bottom:1px solid var(--ce-border);font-family:ui-monospace,Menlo,Consolas,monospace}.ts-output{margin:0;padding:14px 16px;background:var(--ce-bg);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:inherit;white-space:pre-wrap;overflow-x:auto;min-height:120px;max-height:70vh}.tab{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:999px;cursor:pointer;font-size:14px;transition:all .15s}.tab[aria-current=page]{border-color:var(--accent-fg);color:var(--accent-fg);font-weight:600}.tab:hover{border-color:var(--accent)}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:24px}.card h2{margin:0 0 4px}.tv-scroll p{font-size:12px}.tv-scroll button{font-size:12px;padding:6px 12px}.tv-scroll .list li{padding:8px 12px}.tv-scroll .field span,.tv-scroll code,.tv-scroll .chart-title,.tv-scroll .empty,.tv-scroll .error,.tv-scroll table,.tv-scroll label{font-size:12px}button{padding:8px 14px;border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);border-radius:8px;cursor:pointer;font-size:14px}button:disabled{opacity:.5;cursor:not-allowed}button.ghost{background:transparent;color:var(--accent-fg);border-color:var(--accent-fg)}button.danger{background:transparent;color:var(--danger);border-color:var(--danger)}input{padding:9px 12px;border:1px solid var(--border);border-radius:8px;font-size:16px;background:var(--panel);color:var(--text);flex:1;min-width:160px}.field{display:block;margin:16px 0}.field input{width:100%}.field span{display:block;margin-bottom:6px;color:var(--muted);font-size:14px}.list{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:8px}.list li{padding:10px 14px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.crud-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.crud-row span:last-child{display:flex;gap:8px}.empty,.error{color:var(--muted);font-style:italic}.error{color:var(--danger);font-style:normal}code{background:#7f7f7f26;padding:1px 5px;border-radius:4px;font-size:13px}.code-block{background:#0f172a;color:#e2e8f0;padding:14px 16px;border-radius:10px;overflow-x:auto;font-size:13px;line-height:1.5;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin:16px 0}.chart-box{border:1px solid var(--border);border-radius:12px;padding:14px;background:var(--bg)}.chart-title{display:block;font-weight:600;margin-bottom:8px;font-size:14px}.chart{height:200px;position:relative}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}.split-result,.split-code{min-width:0}@media(max-width:860px){.split{grid-template-columns:minmax(0,1fr)}}.split-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 8px}.split-result .notes-label{margin-top:16px}.split-result .notepad{max-height:46vh}.variant-ts{--ce-bg: #f5f9ff;--ce-head: #e4eefb;--ce-border: #cfe0f5;--ce-file: #3b5a80;--ce-ln: #56708f;--ce-hover: rgba(5, 80, 174, .07);--ce-thumb: #c2d6ef;--ce-btn-bg: #dbe9fb;--ce-btn-border: #c2d6ef;--ce-btn-fg: #1e3a5f}.variant-py{--ce-bg: #f7f9fc;--ce-head: #fdf3cf;--ce-border: #e6d89b;--ce-file: #6b5a1e;--ce-ln: #75682f;--ce-hover: rgba(55, 118, 171, .07);--ce-thumb: #d6cfae;--ce-btn-bg: #f6e7a8;--ce-btn-border: #e2cf7f;--ce-btn-fg: #4a3c0a}.variant-code{--ce-bg: #f6f7f9;--ce-head: #e9ebf0;--ce-border: #d5d9e2;--ce-file: #4b5563;--ce-ln: #5f6b7c;--ce-hover: rgba(15, 23, 42, .06);--ce-thumb: #cbd2dd;--ce-btn-bg: #e3e7ee;--ce-btn-border: #cbd2dd;--ce-btn-fg: #1f2937}.variant-js{--ce-bg: #fbf3d5;--ce-head: #f3e6b8;--ce-border: #e5d59a;--ce-file: #7a6520;--ce-ln: #6f6120;--ce-hover: rgba(0, 0, 0, .05);--ce-thumb: #d8c583;--ce-btn-bg: #efe1a8;--ce-btn-border: #d8c583;--ce-btn-fg: #5b4636}.code-viewer{border:1px solid var(--ce-border);border-radius:12px;overflow:hidden;background:var(--ce-bg)}.code-head{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--ce-head);border-bottom:1px solid var(--ce-border)}.code-lang{display:inline-flex;align-items:center}.code-lang svg{flex:0 0 auto}.code-file{color:var(--ce-file);font-size:12px;font-family:ui-monospace,Menlo,Consolas,monospace}.code-head .code-actions{margin-left:auto}.code-actions{display:flex;align-items:center;gap:6px}.icon-btn{display:inline-grid;place-items:center;width:30px;height:28px;padding:0;border:1px solid var(--ce-btn-border);background:var(--ce-btn-bg);color:var(--ce-btn-fg);border-radius:6px;cursor:pointer}.icon-btn:hover:not(:disabled){filter:brightness(1.15)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.compare-wrap{margin-top:6px}.split-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.code-body{max-height:70vh;overflow:auto}.code-pre{margin:0;padding:10px 0;background:var(--ce-bg)!important;min-width:100%;width:max-content}.code-fontsize{color:var(--ce-file);font-size:11px;min-width:30px;text-align:center;font-variant-numeric:tabular-nums}.code-line{cursor:text;display:flex;white-space:pre}.code-line:hover,.code-line.hl{background:var(--ce-hover)}.code-line:hover .ln,.code-line.hl .ln{color:var(--ce-file)}.code-line .ln{flex:0 0 auto;width:38px;text-align:right;padding-right:12px;color:var(--ce-ln);-webkit-user-select:none;user-select:none}.code-line .lc{padding-right:16px}.router-view{margin-top:12px;padding:18px;border:1px dashed var(--border);border-radius:10px;background:var(--bg)}.router-view p{margin:0}a.tab{text-decoration:none}.app.dark .variant-ts{--ce-bg: #0f1b2d;--ce-head: #16243a;--ce-border: #2c3e5a;--ce-file: #9fb8dc;--ce-ln: #7d93ad;--ce-hover: rgba(147, 197, 253, .08);--ce-thumb: #2c3e5a;--ce-btn-bg: #1e3150;--ce-btn-border: #2c3e5a;--ce-btn-fg: #c7d7ee}.app.dark .variant-py{--ce-bg: #10192b;--ce-head: #2b2a1b;--ce-border: #4a4426;--ce-file: #d9c886;--ce-ln: #9c8f5a;--ce-hover: rgba(255, 212, 59, .08);--ce-thumb: #4a4426;--ce-btn-bg: #3d3820;--ce-btn-border: #4a4426;--ce-btn-fg: #efe4b8}.app.dark .variant-code{--ce-bg: #141a24;--ce-head: #1c2432;--ce-border: #2b3546;--ce-file: #b6c0cf;--ce-ln: #7f8a9c;--ce-hover: rgba(148, 163, 184, .1);--ce-thumb: #2b3546;--ce-btn-bg: #232c3b;--ce-btn-border: #2b3546;--ce-btn-fg: #dbe2ec}.app.dark .variant-js{--ce-bg: #2a2415;--ce-head: #3a3220;--ce-border: #52472c;--ce-file: #d6c58f;--ce-ln: #a08f4d;--ce-hover: rgba(253, 230, 138, .08);--ce-thumb: #52472c;--ce-btn-bg: #45391f;--ce-btn-border: #52472c;--ce-btn-fg: #efe4c8}.app.dark .lang-tab:not(.on){background:var(--panel);color:var(--text);border-color:var(--border)}.navbtn:focus-visible,.icon-btn:focus-visible,.dd2-btn:focus-visible,.lang-tab:focus-visible,button:focus-visible{outline:2px solid var(--accent-fg);outline-offset:2px}@media(pointer:coarse){.icon-btn,.navbtn{width:40px;height:36px}.code-actions{gap:8px}}@media(max-width:480px){.result-card.tv{padding:10px;margin-top:24px}.tv-body{grid-template-columns:minmax(0,1fr) 34px;gap:8px}.tv-screen{border-width:7px}.tv-side{gap:8px;padding:6px 0}.tv-knob{width:20px;height:20px;box-shadow:0 0 0 2px #cbc6ba,0 0 0 3px #00000047}.tv-knob:after{height:6px;top:3px}.tv-grille{width:18px;min-height:36px}.tv-brand{font-size:6px;letter-spacing:.06em}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(max-width:860px){.result-col,.notes-col{max-height:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*{scrollbar-width:none}*::-webkit-scrollbar{width:0;height:0}.split-tv .split-result .result-card.tv{margin-top:28px}.split-tv .ts-output.bare{margin:0;padding:0;border:none;background:none;min-height:0;max-height:none;overflow:visible;color:var(--text)}.split-tv .tv-scroll{min-height:280px;max-height:60vh}.app-mark rect{rx:0}.app-mark{position:fixed;left:max(clamp(16px,4vw,56px),env(safe-area-inset-left));bottom:18px;opacity:.2;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0}.app>main{position:relative;z-index:1}.app>header{position:relative;z-index:2}.notepad .notes-mark{position:absolute;top:12px;right:14px;z-index:2;opacity:.5;pointer-events:none}.tv-mark{opacity:.8}.site-footer{position:fixed;left:max(clamp(16px,4vw,56px),env(safe-area-inset-left));right:max(clamp(16px,4vw,56px),env(safe-area-inset-right));bottom:14px;z-index:3;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;pointer-events:none;font-size:11px;line-height:1.4}.footer-meta,.footer-apps{pointer-events:auto;padding:8px 12px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--panel) 86%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 6px 20px #0f172a14}.footer-apps{display:flex;gap:6px}.footer-app{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border:1px solid var(--border);border-radius:999px;color:var(--text);text-decoration:none;font-weight:600;transition:border-color .15s,color .15s}.footer-app:hover{border-color:var(--accent-fg, var(--accent));color:var(--accent-fg, var(--accent))}.footer-meta{display:flex;align-items:center;gap:8px;color:var(--muted)}.footer-by{color:var(--muted);text-decoration:none}.footer-by:hover{color:var(--accent-fg, var(--accent))}.footer-ver{font-variant-numeric:tabular-nums;opacity:.75}.footer-social{display:inline-flex;gap:8px}.footer-icon{display:inline-flex;color:var(--muted);opacity:.8;transition:color .15s,opacity .15s}.footer-icon:hover{color:var(--accent-fg, var(--accent));opacity:1}@media(max-width:720px){.site-footer{position:static;flex-direction:column-reverse;align-items:center;margin:28px auto 0;gap:8px}.footer-meta,.footer-apps{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}}