:root{color-scheme:light;--bg:#0b1220;--bg-soft:#111a2b;--panel:#141f33;--panel-soft:#1a2740;--accent:#4fd1c5;--accent-strong:#2db7aa;--text:#e2e8f0;--muted:#8ea0bf;--danger:#f87171;--success:#34d399;font-synthesis-weight:none}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,Space Mono,ui-sans-serif,system-ui,sans-serif;background:radial-gradient(circle at top,#0f172a 0,#070b14 60%);color:var(--text)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{justify-content:space-between;padding:24px 32px;background:rgba(11,18,32,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:-webkit-sticky;position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(79,209,197,.2)}.app-header,.brand{display:flex;align-items:center}.brand{gap:12px}.brand-mark{width:14px;height:14px;border-radius:50%;background:linear-gradient(120deg,var(--accent),#60a5fa);box-shadow:0 0 16px rgba(79,209,197,.6)}.brand-title{font-size:1rem;text-transform:uppercase;letter-spacing:.2em}.brand-subtitle{font-size:.8rem;color:var(--muted)}.app-nav{display:flex;gap:16px;align-items:center}.app-nav a{color:var(--text);text-decoration:none;font-weight:600;padding-bottom:4px;border-bottom:2px solid transparent}.app-nav a:hover{border-bottom-color:var(--accent)}.app-nav-links{display:flex;gap:16px}.nav-button{border:1px solid rgba(148,163,184,.35);background:transparent;color:var(--text);border-radius:999px;padding:8px 14px;font-weight:600;cursor:pointer}.nav-button:hover{border-color:var(--accent);color:var(--accent)}.app-main{flex:1 1;padding:48px 32px 72px;display:flex;justify-content:center}.panel{width:min(900px,100%);background:var(--panel);border-radius:20px;padding:28px;box-shadow:0 24px 60px rgba(3,8,23,.7);border:1px solid rgba(79,209,197,.12)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:16px;gap:16px;margin-top:24px}.card{background:var(--panel-soft);border-radius:16px;padding:20px;border:1px solid rgba(79,209,197,.12)}.card h3{margin:0 0 8px;font-size:.95rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.card p{margin:0;font-size:1.1rem}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;font-size:.85rem;font-weight:600;background:rgba(79,209,197,.1);color:var(--accent)}.status-pill.is-danger{background:hsla(0,91%,71%,.1);color:var(--danger)}.actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.button-link,button{border:none;border-radius:12px;padding:12px 18px;font-weight:700;cursor:pointer;background:var(--accent);color:#0b1220;text-decoration:none;display:inline-flex;align-items:center;gap:8px;box-shadow:0 12px 24px rgba(45,183,170,.35)}.button-secondary{background:transparent;color:var(--text);border:1px solid rgba(148,163,184,.3);box-shadow:none}.notice{margin-top:16px;color:var(--muted)}.contact-form,.message-form{margin-top:24px;display:grid;grid-gap:12px;gap:12px}.contact-input{padding:12px 14px;border-radius:12px;border:1px solid rgba(148,163,184,.2);background:var(--panel-soft);color:var(--text);font-family:inherit;font-size:.95rem}.contact-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(79,209,197,.2)}.message-label{font-weight:600;color:var(--text)}.message-input{min-height:120px;resize:vertical;padding:14px 16px;border-radius:14px;border:1px solid rgba(148,163,184,.2);background:var(--panel-soft);color:var(--text);font-family:inherit;font-size:.95rem;line-height:1.5}.message-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(79,209,197,.2)}.message-form-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.message-hint{color:var(--muted);font-size:.85rem}.message-list{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-gap:12px;gap:12px}.message-item{background:var(--panel-soft);border-radius:16px;padding:16px 18px;border:1px solid rgba(79,209,197,.12)}.message-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.85rem}.message-author{color:var(--text);font-weight:600}.message-text{margin:10px 0 0;white-space:pre-wrap}.code-block{margin-top:16px;background:#0b1120;color:#cbd5f5;border-radius:12px;padding:16px;font-size:.85rem;line-height:1.5;border:1px solid rgba(79,209,197,.15);overflow-x:auto}@media (max-width:700px){.app-header{flex-direction:column;align-items:flex-start;gap:16px}.app-main{padding:32px 20px 48px}}