:root{color-scheme:light;--bg0: #f8fafc;--bg1: #ffffff;--surface0: rgba(255, 255, 255, .92);--surface1: rgba(248, 250, 252, .92);--border: rgba(15, 23, 42, .12);--text: rgba(15, 23, 42, .92);--muted: rgba(15, 23, 42, .68);--muted2: rgba(15, 23, 42, .5);--accent: #7c2d12;--accent2: #a16207;--success: #166534;--radius-md: 14px;--radius-lg: 18px;--shadow-sm: 0 10px 22px rgba(15, 23, 42, .08);--shadow-md: 0 26px 70px rgba(15, 23, 42, .12);--container: 1160px;--gutter: 22px}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1200px 800px at 20% 0%,rgba(124,45,18,.1),transparent 55%),radial-gradient(1000px 700px at 90% 20%,rgba(161,98,7,.1),transparent 50%),linear-gradient(180deg,var(--bg0),var(--bg1));color:var(--text)}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;background:#0f172a0f;padding:2px 6px;border-radius:6px;border:1px solid rgba(15,23,42,.12)}.appShell{min-height:100%;display:flex;flex-direction:column}.appHeader{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--border);background:#ffffffb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.appHeaderInner{width:min(var(--container),calc(100% - (var(--gutter) * 2)));margin:0 auto;padding:16px 0;display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{font-weight:900;letter-spacing:.15px;font-size:16px;text-decoration:none;color:var(--text);display:inline-flex;align-items:center;gap:10px}.brandLogo{height:32px;width:auto;max-width:180px;border-radius:0;object-fit:contain}.brandText{font-size:16px;font-weight:950;letter-spacing:-.2px;background:linear-gradient(135deg,#7c2d12f2,#a16207eb);-webkit-background-clip:text;background-clip:text;color:transparent}.nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.navLink{text-decoration:none;color:var(--muted);font-size:13px;padding:8px 10px;border-radius:10px;border:1px solid transparent;transition:background .12s ease,border-color .12s ease,color .12s ease}.navLink:hover{background:#0f172a0a;border-color:#0f172a1a;color:var(--text)}.navLink.active{color:var(--text);border-color:#7c2d1247;background:#7c2d1214}.appMain{padding:22px 0 52px}.container{width:min(var(--container),calc(100% - (var(--gutter) * 2)));margin:0 auto}.h1{font-size:26px;margin:0 0 10px;letter-spacing:-.3px}.muted{color:var(--muted);line-height:1.55}.stack{display:grid;gap:14px;margin-top:14px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.list{margin:10px 0 0 18px;color:var(--muted);line-height:1.6}.card{border:1px solid var(--border);border-radius:var(--radius-md);padding:18px;background:var(--surface0);box-shadow:var(--shadow-sm)}.card.subtle{background:var(--surface1);box-shadow:none}.cardTitle{font-weight:800;letter-spacing:.1px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid rgba(15,23,42,.12);background:#ffffffd1;color:var(--text);text-decoration:none;font-weight:700;font-size:13px;transition:transform .12s ease,border-color .12s ease,background .12s ease}.button:hover{transform:translateY(-1px);border-color:#7c2d1259;background:#7c2d120f}.button.secondary{border-color:#0f172a1f;background:#f8fafceb}.button.ghost{background:transparent}.hero{border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;background:linear-gradient(180deg,#ffffffeb,#f8fafceb);box-shadow:var(--shadow-md)}.heroTop{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pill{font-size:12px;font-weight:850;padding:6px 10px;border-radius:999px;border:1px solid rgba(124,45,18,.22);background:#7c2d120f;color:#0f172ad9}.heroTitle{font-size:22px;font-weight:900;letter-spacing:-.2px}.heroBody{margin:10px 0 0;color:var(--muted);line-height:1.55;max-width:78ch}.configNotice{margin-top:14px;padding:12px 14px;border-radius:var(--radius-md);border:1px solid rgba(161,98,7,.24);background:#a1620714;color:var(--muted);line-height:1.5}.widgetsGrid{margin-top:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.widgetPanel{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:#ffffffe0}.widgetPanelHeader{padding:14px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid rgba(15,23,42,.1);background:#f8fafce6}.widgetPanelTitle{font-weight:900;letter-spacing:-.15px}.widgetPanelSub{margin-top:4px;color:var(--muted2);font-size:12px}.widgetPanelBody{padding:14px 14px 16px}.appFooter{margin-top:auto;border-top:1px solid var(--border);background:#ffffffb3}.appFooterInner{width:min(var(--container),calc(100% - (var(--gutter) * 2)));margin:0 auto;padding:16px 0;color:var(--muted);font-size:12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}@media(max-width:720px){.widgetsGrid{grid-template-columns:1fr}.appHeaderInner{flex-direction:column;align-items:flex-start}}