:root{color-scheme:light;--bg: #f3eee4;--bg-accent: rgba(223, 176, 96, .28);--ink: #1d2427;--muted: #59656b;--panel: rgba(255, 252, 247, .72);--panel-border: rgba(29, 36, 39, .12);--primary: #165d66;--primary-strong: #0f4752;--primary-soft: #d9ecef;--warm: #9a5b20;--card: #f9f1e4;--card-border: rgba(154, 91, 32, .18);font-family:Avenir Next,Trebuchet MS,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,var(--bg-accent),transparent 28%),linear-gradient(135deg,#f6f0e8,#e4eff0)}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0}#app{min-height:100vh}button{font:inherit}.booting{margin:0;padding:32px 20px;color:var(--muted);font-size:.95rem;letter-spacing:.04em}.app-shell{width:min(1120px,calc(100vw - 32px));margin:0 auto;padding:48px 0 56px}.hero{margin-bottom:28px}.eyebrow{margin:0 0 10px;color:var(--warm);text-transform:uppercase;letter-spacing:.16em;font-size:.74rem;font-weight:700}.hero-title{margin:0;font-family:Palatino Linotype,Book Antiqua,Palatino,serif;font-size:clamp(2.7rem,7vw,4.8rem);line-height:.95}.hero-copy{max-width:52rem;margin:14px 0 0;color:var(--muted);font-size:1.02rem;line-height:1.6}.gallery-layout{display:grid;grid-template-columns:minmax(240px,290px) minmax(0,1fr);gap:24px}.gallery-panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:28px;padding:22px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 16px 40px #16272e14}.panel-label{margin:0 0 16px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;font-weight:700}.example-button{width:100%;display:flex;align-items:center;gap:12px;padding:11px 16px;border:1px solid rgba(89,101,107,.15);border-radius:14px;background:#ffffffd6;color:var(--ink);cursor:pointer;text-align:left;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease}.example-button+.example-button{margin-top:8px}.example-button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #16272e14;border-color:#165d6640}.example-button.is-selected{background:linear-gradient(180deg,var(--primary) 0%,var(--primary-strong) 100%);color:#fff;border-color:transparent;box-shadow:0 16px 30px #165d663d}.example-title{font-size:1rem;font-weight:700}.example-icon{flex-shrink:0;font-size:22px;color:var(--primary)}.example-button.is-selected .example-icon{color:#ffffffeb}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.counter-kicker{margin:0;color:var(--warm);text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;font-weight:700}.counter-heading{margin:10px 0 12px;font-family:Palatino Linotype,Book Antiqua,Palatino,serif;font-size:clamp(2rem,4vw,3rem)}.counter-copy{max-width:42rem;margin:0 0 24px;color:var(--muted);line-height:1.6}.counter-card{max-width:460px;padding:28px;border-radius:26px;border:1px solid var(--card-border);background:linear-gradient(180deg,#fffaf3 0%,var(--card) 100%);box-shadow:inset 0 1px #ffffff80}.counter-value{margin:0 0 20px;font-family:Palatino Linotype,Book Antiqua,Palatino,serif;font-size:clamp(4rem,14vw,6rem);line-height:.95}.counter-actions{display:flex;gap:12px}.counter-action{min-width:88px;min-height:58px;padding:0 28px;border:none;border-radius:999px;background:#ede2ce;color:var(--ink);cursor:pointer;font-size:2rem;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.counter-action:hover{transform:translateY(-1px);box-shadow:0 10px 20px #16272e14}.counter-action.is-primary{background:var(--primary);color:#fff}.sync-controls{display:flex;align-items:center;gap:16px;margin-bottom:22px}.sync-count-label{color:var(--muted);font-weight:700}.sync-counters{display:flex;flex-wrap:wrap;gap:14px}.sync-counter-card{display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:20px;border:1px solid var(--card-border);background:linear-gradient(180deg,#fffaf3 0%,var(--card) 100%)}.sync-counter-value{min-width:2.5rem;text-align:center;font-family:Palatino Linotype,Book Antiqua,Palatino,serif;font-size:2rem;line-height:1}.todo-input-row{display:flex;gap:12px;margin-bottom:18px}.todo-input{flex:1;padding:12px 16px;border-radius:16px;border:1px solid rgba(89,101,107,.25);background:#ffffffe6;color:var(--ink)}.todo-filters{display:flex;gap:8px;margin-bottom:16px}.todo-filter{padding:8px 16px;border-radius:999px;border:1px solid rgba(89,101,107,.2);background:#ffffffd6;color:var(--ink);cursor:pointer}.todo-filter.is-selected{background:var(--primary);color:#fff;border-color:transparent}.todo-list{list-style:none;margin:0;padding:0}.todo-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:16px;border:1px solid var(--card-border);background:var(--card)}.todo-item+.todo-item{margin-top:10px}.todo-item.is-done .todo-text{text-decoration:line-through;color:var(--muted)}.todo-toggle,.todo-delete{border:none;background:transparent;cursor:pointer;font-size:1.2rem}.todo-text{flex:1}.todo-delete{color:var(--warm)}.sd-stage{position:relative;max-width:620px;margin-bottom:22px;padding:20px 20px 10px;border-radius:26px;border:1px solid var(--card-border);background:radial-gradient(circle at 50% 14%,rgba(255,255,255,.62),transparent 62%),linear-gradient(180deg,#fffaf3 0%,var(--card) 100%);box-shadow:inset 0 1px #ffffff8c}.sd-status{display:flex;align-items:center;gap:10px;margin:0 0 8px;color:var(--muted);font-weight:700}.sd-status-dot{width:11px;height:11px;border-radius:50%;background:var(--accent, var(--muted));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent, var(--muted)) 20%,transparent);transition:background .35s ease,box-shadow .35s ease}.sd-status-text{text-transform:uppercase;letter-spacing:.1em;font-size:.72rem}.sd-status-name{color:var(--accent, var(--ink));font-size:1.05rem;transition:color .35s ease}.sd-status.is-loggedOut{--accent: #4f6b9a}.sd-status.is-loggingIn{--accent: #c67b1e}.sd-status.is-loggedIn{--accent: #2f7d52}.sd-status.is-loggingOut{--accent: #7d5ba6}.sd-graph-host{display:block}.sd-svg{display:block;width:100%;height:auto;overflow:visible;font-family:Avenir Next,Trebuchet MS,sans-serif}.sd-edge-path{fill:none;stroke:#1d24272e;stroke-width:2;transition:stroke .35s ease,stroke-width .35s ease}.sd-edge-label{fill:var(--muted);font-size:13px;font-weight:600;text-anchor:middle;dominant-baseline:middle;paint-order:stroke;stroke:#fbf4e8;stroke-width:3px;stroke-linejoin:round;transition:fill .35s ease}.sd-svg[data-state=loggedOut] .sd-edge[data-from=loggedOut] .sd-edge-path,.sd-svg[data-state=loggingIn] .sd-edge[data-from=loggingIn] .sd-edge-path,.sd-svg[data-state=loggedIn] .sd-edge[data-from=loggedIn] .sd-edge-path,.sd-svg[data-state=loggingOut] .sd-edge[data-from=loggingOut] .sd-edge-path{stroke:var(--accent);stroke-width:3;stroke-dasharray:7 7;animation:sd-flow .8s linear infinite}.sd-svg[data-state=loggedOut] .sd-edge[data-from=loggedOut] .sd-edge-label,.sd-svg[data-state=loggingIn] .sd-edge[data-from=loggingIn] .sd-edge-label,.sd-svg[data-state=loggedIn] .sd-edge[data-from=loggedIn] .sd-edge-label,.sd-svg[data-state=loggingOut] .sd-edge[data-from=loggingOut] .sd-edge-label{fill:var(--accent);font-weight:800}@keyframes sd-flow{to{stroke-dashoffset:-28}}.sd-node-pill{fill:#fffdf8;stroke:#1d242729;stroke-width:1.5;transition:fill .4s ease,stroke .4s ease}.sd-node-ring{fill:none;stroke:#1d242729;stroke-width:1.5;transition:stroke .4s ease}.sd-node-label{fill:var(--muted);font-size:15px;font-weight:700;text-anchor:middle;dominant-baseline:central;transition:fill .4s ease}.sd-svg[data-state=loggedOut] #sd-node-loggedOut .sd-node-pill,.sd-svg[data-state=loggingIn] #sd-node-loggingIn .sd-node-pill,.sd-svg[data-state=loggedIn] #sd-node-loggedIn .sd-node-pill,.sd-svg[data-state=loggingOut] #sd-node-loggingOut .sd-node-pill{fill:var(--accent);stroke:var(--accent)}.sd-svg[data-state=loggedOut] #sd-node-loggedOut .sd-node-ring,.sd-svg[data-state=loggedIn] #sd-node-loggedIn .sd-node-ring{stroke:var(--accent)}.sd-svg[data-state=loggedOut] #sd-node-loggedOut .sd-node-label,.sd-svg[data-state=loggingIn] #sd-node-loggingIn .sd-node-label,.sd-svg[data-state=loggedIn] #sd-node-loggedIn .sd-node-label,.sd-svg[data-state=loggingOut] #sd-node-loggingOut .sd-node-label{fill:#fff}.sd-focus{fill:none;stroke:var(--muted);stroke-width:2.5;opacity:0;transform:translate(4px,144px);transition:transform .5s cubic-bezier(.34,1.18,.4,1),stroke .4s ease,opacity .4s ease;filter:drop-shadow(0 4px 12px rgba(0,0,0,.14))}.sd-svg[data-state] .sd-focus{opacity:1}.sd-svg[data-state=loggedOut] .sd-focus{transform:translate(4px,144px);stroke:#4f6b9a}.sd-svg[data-state=loggingIn] .sd-focus{transform:translate(184px,28px);stroke:#c67b1e}.sd-svg[data-state=loggedIn] .sd-focus{transform:translate(364px,144px);stroke:#2f7d52}.sd-svg[data-state=loggingOut] .sd-focus{transform:translate(184px,260px);stroke:#7d5ba6}.sd-svg[data-state=loggingIn] .sd-focus,.sd-svg[data-state=loggingOut] .sd-focus{animation:sd-ring-pulse 1.1s ease-in-out infinite}@keyframes sd-ring-pulse{0%,to{stroke-opacity:1;stroke-width:2.5}50%{stroke-opacity:.35;stroke-width:4.5}}.diagram-actions{display:flex;gap:12px;flex-wrap:wrap}.counter-action.is-muted{opacity:.38;box-shadow:none}.stopwatch-card{max-width:460px;padding:28px;margin-bottom:22px;border-radius:26px;border:1px solid var(--card-border);background:linear-gradient(180deg,#fffaf3 0%,var(--card) 100%)}.stopwatch-time{margin:0 0 20px;font-family:Palatino Linotype,Book Antiqua,Palatino,serif;font-variant-numeric:tabular-nums;font-size:clamp(3rem,10vw,4.5rem);line-height:.95}.stopwatch-actions{display:flex;gap:12px}.stopwatch-laps{list-style:none;margin:0;padding:0;max-width:460px}.stopwatch-lap{display:flex;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--panel-border);font-variant-numeric:tabular-nums}.stopwatch-lap.is-fastest .lap-time{color:#2f7d52;font-weight:700}.stopwatch-lap.is-slowest .lap-time{color:#b3402f;font-weight:700}.dl-controls{display:flex;gap:12px;margin-bottom:22px}.dl-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;max-width:560px}.dl-item{display:grid;grid-template-columns:1fr auto;grid-template-areas:"info actions" "bar  actions";align-items:center;gap:6px 16px;padding:14px 18px;border-radius:18px;border:1px solid var(--card-border);background:var(--card)}.dl-info{grid-area:info;display:flex;justify-content:space-between;gap:12px;font-variant-numeric:tabular-nums}.dl-id{font-weight:700}.dl-status{color:var(--muted)}.dl-bar{grid-area:bar;height:10px;border-radius:999px;background:#59656b2e;overflow:hidden}.dl-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary) 0%,var(--primary-strong) 100%);transition:width .24s ease}.dl-actions{grid-area:actions;display:flex;gap:8px}.dl-action{min-width:40px;min-height:40px;border:none;border-radius:12px;background:#ede2ce;color:var(--ink);cursor:pointer;font-size:1rem}.dl-action:hover{background:var(--primary-soft)}.color-canvas{height:220px;max-width:560px;margin-bottom:22px;border-radius:20px;border:1px solid var(--card-border);background:linear-gradient(90deg,#ff3b30,#ff9500,#fc0,#34c759,#00c7be,#007aff,#5856d6,#af52de)}.color-sliders{display:flex;flex-direction:column;gap:14px;max-width:560px;margin-bottom:22px}.color-slider{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:16px}.color-slider-label{color:var(--muted);font-weight:700}.color-slider-input{width:100%;accent-color:var(--primary);cursor:pointer}.httpbin-controls{display:flex;gap:12px;margin-bottom:22px}.httpbin-result{max-width:560px;min-height:64px;padding:18px 22px;border-radius:18px;border:1px solid var(--card-border);background:var(--card);font-variant-numeric:tabular-nums}.httpbin-loading{margin:0;color:var(--muted);letter-spacing:.04em}.httpbin-text{margin:0;font-size:1.1rem}.gh-search{width:100%;max-width:560px;padding:12px 16px;margin-bottom:18px;border-radius:16px;border:1px solid rgba(89,101,107,.25);background:#ffffffe6;color:var(--ink)}.gh-status{margin:0 0 14px;color:var(--muted);letter-spacing:.04em}.gh-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;max-width:560px}.gh-item{border-radius:18px;border:1px solid var(--card-border);background:var(--card);overflow:hidden}.gh-item-link{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;text-decoration:none;color:inherit;transition:background .14s ease}.gh-item-link:hover{background:#165d6612}.gh-avatar{width:48px;height:48px;border-radius:50%;flex-shrink:0;border:1px solid var(--card-border);background:#0000000a}.gh-info{display:flex;flex-direction:column;gap:4px;min-width:0}.gh-name{font-weight:700}.gh-desc{color:var(--muted);font-size:.92rem;line-height:1.4}.gh-stars{color:var(--warm);font-size:.9rem;font-weight:700}.elem-cell-automaton-controls{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.elem-cell-automaton-rule{padding:8px 16px;border-radius:999px;border:1px solid rgba(89,101,107,.2);background:#ffffffd6;color:var(--ink);cursor:pointer;font-weight:600}.elem-cell-automaton-rule.is-selected{background:var(--primary);color:#fff;border-color:transparent}.elem-cell-automaton-canvas{display:block;width:100%;max-width:100%;height:384px;border-radius:16px;border:1px solid var(--card-border);background:#14110c}.game-of-life-controls{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.game-of-life-pattern{padding:8px 16px;border-radius:999px;border:1px solid rgba(89,101,107,.2);background:#ffffffd6;color:var(--ink);cursor:pointer;font-weight:600}.game-of-life-pattern.is-selected{background:var(--primary);color:#fff;border-color:transparent}.game-of-life-canvas{display:block;width:100%;max-width:100%;height:384px;border-radius:16px;border:1px solid var(--card-border);background:#101820;touch-action:none}.physics-layout{display:grid;grid-template-columns:minmax(190px,230px) minmax(0,1fr);gap:18px}.physics-picker{display:flex;flex-direction:column;gap:18px}.physics-picker-label{margin:0 0 8px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:700}.physics-example-button{width:100%;min-height:38px;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;border:1px solid rgba(89,101,107,.18);background:#ffffffd1;color:var(--ink);cursor:pointer;text-align:left;font-weight:700}.physics-example-button+.physics-example-button{margin-top:7px}.physics-example-button.is-selected{background:var(--primary);color:#fff;border-color:transparent}.physics-example-icon{font-size:20px;color:var(--primary)}.physics-example-button.is-selected .physics-example-icon{color:#fff}.physics-stage{min-width:0}.physics-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:14px}.physics-toggle{min-height:38px;padding:0 14px;border-radius:999px;border:1px solid rgba(89,101,107,.2);background:#ffffffd6;color:var(--ink);cursor:pointer;font-weight:700}.physics-toggle.is-selected{background:var(--primary);color:#fff;border-color:transparent}.physics-slider{min-height:38px;display:inline-flex;align-items:center;gap:10px;padding:0 12px;border-radius:999px;background:#ffffffb3;color:var(--muted);font-weight:700}.physics-slider input{width:min(180px,32vw);accent-color:var(--primary)}.physics-canvas{display:block;width:100%;max-width:100%;height:420px;border-radius:16px;border:1px solid var(--card-border);background:#101820;touch-action:none}@media(max-width:820px){.app-shell{width:min(100vw - 24px,720px);padding-top:28px}.gallery-layout{grid-template-columns:1fr}.gallery-panel{padding:18px}.physics-layout{grid-template-columns:1fr}}