*,*:before,*:after{box-sizing:border-box}:root{--color-bg: #0a0a0a;--color-surface: #141414;--color-border: #2a2a2a;--color-text: #e5e5e5;--color-text-muted: #888;--color-accent: #3b82f6;--color-accent-hover: #2563eb;--font-mono: "SF Mono", "Monaco", "Inconsolata", "Fira Code", monospace}body{margin:0;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh}main{max-width:800px;margin:0 auto}h1{font-size:2.5rem;font-weight:600;margin:0 0 .5rem}h2{font-size:1.25rem;font-weight:500;margin:0 0 .25rem}p{margin:0;color:var(--color-text-muted)}.app-list{display:grid;gap:1rem;margin-top:2rem}.app-card{display:block;padding:1.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}.app-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.app-card h2{color:var(--color-text)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;border-radius:6px;border:none;cursor:pointer;transition:background .15s}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}textarea{width:100%;padding:1rem;font-family:var(--font-mono);font-size:.875rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);resize:vertical}textarea:focus{outline:none;border-color:var(--color-accent)}