:root{--page-background:#f2f5f2;--surface:#f9fbf9;--surface-raised:#fff;--surface-hover:#f1f8f3;--navigation-background:#fff;--active-background:#e0f4e7;--border:#d9e1da;--border-strong:#b7c5ba;--text-primary:#111411;--text-secondary:#49534b;--text-muted:#6f7b72;--accent:#008f45;--accent-strong:#006b34;--focus-ring:3px solid #008f4557;--page-glow:#00a6511f;--shadow:0 24px 70px #1114111f;color:var(--text-primary);background:var(--page-background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--page-background:#050706;--surface:#090d0a;--surface-raised:#0e1410;--surface-hover:#141c16;--navigation-background:#080c09;--active-background:#0f2d18;--border:#223027;--border-strong:#33483a;--text-primary:#f7faf7;--text-secondary:#b8c2ba;--text-muted:#7f8d82;--accent:#00a651;--accent-strong:#28c76f;--focus-ring:3px solid #00a65173;--page-glow:#00a6512e;--shadow:0 24px 80px #00000061;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:radial-gradient(circle at top, var(--page-glow), transparent 36rem), var(--page-background);margin:0}a{color:inherit;text-decoration:none}select,button{font:inherit}:focus-visible{outline:var(--focus-ring);outline-offset:-3px}#app{height:100dvh;padding:24px}.site-shell{border:1px solid var(--border);background:var(--surface);width:min(100%,1080px);height:calc(100dvh - 48px);box-shadow:var(--shadow);border-radius:28px;grid-template-rows:auto minmax(0,1fr);margin:0 auto;display:grid;overflow:hidden}.content-panel{overscroll-behavior:contain;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-width:0;min-height:0;padding:20px 34px 44px;display:flex;overflow:auto}.content-panel h1{letter-spacing:-.05em;text-align:center;overflow-wrap:anywhere;margin:0;font-size:clamp(32px,4vw,42.4px);font-weight:700;line-height:1.08}.content-panel[data-view=home] h1{letter-spacing:-.075em;font-size:clamp(76px,10vw,150px);font-weight:650}.content-panel p{color:var(--text-secondary);margin:0;font-size:16px;line-height:1.55}.dock-area{--dock-base-width:100px;--dock-base-height:84px;--dock-reserve:0px;min-width:0;height:calc(var(--dock-base-height) + 22px + var(--dock-reserve));border-bottom:1px solid var(--border);background:var(--navigation-background);position:relative}@media (hover:hover) and (pointer:fine){.dock-area{--dock-reserve:40px}}.dock{overscroll-behavior-inline:contain;scrollbar-width:thin;align-items:flex-start;gap:8px;width:max-content;max-width:100%;padding:10px 18px;display:flex;position:absolute;top:0;left:50%;overflow-x:auto;transform:translate(-50%)}.dock-item{--dock-growth:0px;flex:0 0 calc(var(--dock-base-width) + var(--dock-growth));height:calc(var(--dock-base-height) + var(--dock-growth));color:var(--text-secondary);border-radius:20px;flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;padding:12px 8px 8px;display:flex}.dock-icon{width:calc(28px + var(--dock-growth));height:calc(28px + var(--dock-growth));flex-shrink:0;place-items:center;display:grid}.dock-icon svg{width:calc(26px + var(--dock-growth));height:calc(26px + var(--dock-growth));fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.dock-label{white-space:nowrap;font-size:12px;font-weight:680}.brand{--dock-base-width:80px}.brand-word{width:auto;font-size:calc(28px + var(--dock-growth) * .6);letter-spacing:-.06em;font-weight:750;line-height:1}.brand-mark{background:var(--accent);border-radius:50%;width:6px;height:6px}.dock-item[aria-current=page]{color:var(--accent-strong);background:var(--active-background)}@media (hover:hover){.dock-link:hover,.brand:hover{color:var(--text-primary)}}.language-control,.theme-control{--dock-base-width:136px;gap:6px;padding-top:8px}.language-control label,.theme-control label{font-size:12px;font-weight:680}.dock .settings-dropdown-trigger{border:1px solid var(--border-strong);width:100%;min-height:44px;color:var(--text-primary);background:var(--surface-raised);font-size:calc(16px + var(--dock-growth) * .15);cursor:pointer;border-radius:12px;padding:0 6px}.dock .settings-dropdown-trigger:hover{background:var(--surface-hover)}@media (width<=720px){#app{padding:0}.site-shell{width:100%;height:100dvh;box-shadow:none;border:0;border-radius:0}.content-panel{padding:18px 20px 34px}.dock-area{--dock-base-width:82px}.dock{gap:4px;padding-inline:10px}.dock-item{padding-inline:5px}.brand{--dock-base-width:72px}.language-control,.theme-control{--dock-base-width:132px}}@media (height<=500px){#app{padding-block:8px}.site-shell{height:calc(100dvh - 16px)}.content-panel{gap:10px;padding-block:12px 20px}.content-panel[data-view=home] h1{font-size:66px}}.dock select[hidden],.settings-dropdown-panel[hidden]{display:none!important}.settings-dropdown-trigger{text-align:left;justify-content:space-between;align-items:center;gap:6px;display:flex}.settings-dropdown-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settings-dropdown-trigger:after{content:"";border-bottom:2px solid;border-right:2px solid;flex-shrink:0;width:7px;height:7px;margin-right:3px;transform:translateY(-2px)rotate(45deg)}.settings-dropdown-panel{z-index:1000;overscroll-behavior:contain;border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--text-primary);box-shadow:var(--shadow);border-radius:12px;padding:4px;position:fixed;overflow:auto}.settings-dropdown-panel [role=option]{cursor:pointer;overflow-wrap:anywhere;border-radius:8px;align-items:center;min-height:44px;padding:8px 10px;display:flex}.settings-dropdown-panel [data-active=true]{background:var(--surface-hover);outline:2px solid var(--accent);outline-offset:-2px}.settings-dropdown-panel [aria-selected=true]{color:var(--accent-strong);background:var(--active-background);box-shadow:inset 3px 0 var(--accent);font-weight:700}