@tailwind base;@tailwind components;@tailwind utilities;:root{color-scheme:light dark;--bg: #f8f2ed;--bg-soft: #fdf7f2;--bg-glow-1: #ffe1d4;--bg-glow-2: #ffe8d8;--surface: #fff;--surface-muted: #f7efe9;--nav-bg: #f8f2ede0;--ink: #2a1f19;--ink-soft: #6b5549;--accent: #e65c46;--accent-deep: #bf3f30;--seafoam: #209e92;--gold: #e7bb67;--line: #2a1f1924;--border-ui: #bf3f3047;--shadow: 0 22px 52px #2c1c141c;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 9px;--radius-pill: 14px;--font-display: "Bricolage Grotesque", "Manrope", system-ui, sans-serif;--font-body: "Manrope", "Bricolage Grotesque", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, monospace}[data-theme=dark]{color-scheme:dark;--bg: #14100d;--bg-soft: #1d1713;--bg-glow-1: #4b211b;--bg-glow-2: #3a2018;--surface: #241b16;--surface-muted: #2f241d;--nav-bg: #14100de0;--ink: #f7eee8;--ink-soft: #c8b3a6;--accent: #ff7357;--accent-deep: #e25640;--seafoam: #47c3b8;--gold: #f3c97a;--line: #f7ebe129;--border-ui: #ff735766;--shadow: 0 24px 60px #00000073}*{box-sizing:border-box}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(1200px 800px at 20% -10%,var(--bg-glow-1) 0%,transparent 60%),radial-gradient(900px 600px at 90% 10%,var(--bg-glow-2) 0%,transparent 60%),var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}code{font-family:var(--font-mono)}.navbar{z-index:10;background:var(--nav-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);position:sticky;top:0}.navbar-inner{align-items:center;gap:20px;max-width:1200px;margin:0 auto;padding:16px 28px;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.03em;align-items:center;gap:10px;font-size:1.4rem;font-weight:700;display:flex;color:var(--ink)}.brand-mark{background:radial-gradient(circle at 30% 30%,#ffd3c2,#ff6b4a 60%,#d1492f);border-radius:50%;place-items:center;width:36px;height:36px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 4px #ffffff80}.btn{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);align-items:center;gap:8px;padding:10px 15px;font-weight:600;transition:transform .2s,box-shadow .2s,border .2s;display:inline-flex;cursor:pointer;color:var(--ink)}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px #1d1a171f}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#fff;border:none}[data-theme=dark] .btn-primary{background:linear-gradient(135deg,#c35640,#953827);box-shadow:0 10px 22px #3a17106b,inset 0 1px #ffc9b82e}.card{background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--line);flex-direction:column;gap:12px;padding:22px;transition:transform .2s,box-shadow .2s;display:flex}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.tag{border-radius:var(--radius-pill);color:#1a6b5b;background:#2bc6a429;align-items:center;gap:6px;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-flex}[data-theme=dark] .tag{color:#ffd0bf;background:#e86a4733}.form-input{box-sizing:border-box;border-radius:var(--radius-sm);width:100%;color:var(--ink);background:#fffffff0;border:1px solid #1d3b4e38;padding:12px 14px;transition:border-color .18s,box-shadow .18s;font-family:inherit;font-size:1rem}.form-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #e65c4638}[data-theme=dark] .form-input{background:#0e1c25d6;border-color:#ffffff1f}.hero{padding:72px 28px 56px;position:relative;overflow:hidden}.hero-title{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:16px;font-size:clamp(2.6rem,4vw,4rem);font-weight:700}.hero-subtitle{color:var(--ink-soft);font-size:1.1rem;line-height:1.6}.section{max-width:1200px;margin:0 auto;padding:36px 28px 76px}.section-title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:10px;font-size:1.8rem;font-weight:700}.search-bar{border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface);align-items:center;gap:12px;padding:14px 18px;display:flex}.search-input{background:transparent;border:none;outline:none;flex:1;font-size:1rem;color:var(--ink)}.skill-card{min-height:176px}.skill-card-title{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.2rem;font-weight:600}.skill-card-summary{color:var(--ink-soft);margin:0;font-size:.95rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.skills-row{color:inherit;border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:14px 18px;text-decoration:none;transition:background .15s;display:grid}.skills-row:last-child{border-bottom:none}.skills-row:hover{background:#ff6b4a12}[data-theme=dark] .skills-row:hover{background:#e86a471c}.user-badge{align-items:center;gap:8px;min-width:0;display:inline-flex}.user-avatar{border:1px solid var(--line);border-radius:999px;place-items:center;width:22px;height:22px;display:grid;overflow:hidden;background:var(--accent);flex:none}.user-avatar-fallback{font-family:var(--font-display);color:var(--ink);font-size:.82rem;font-weight:680}.site-footer{padding:0 28px 40px}.site-footer-inner{max-width:1200px;margin:0 auto}.site-footer-divider{background:var(--line);opacity:.6;height:1px;margin:18px 0 16px}.site-footer-copy{color:var(--ink-soft);opacity:.72;text-align:center;max-width:720px;font-size:.85rem;margin:0 auto}.code-block{font-family:var(--font-mono);color:var(--ink);font-size:.9rem;line-height:1.55;white-space:pre;-moz-tab-size:2;tab-size:2;background:linear-gradient(#ffffffeb,#fffaf7e6);border-radius:12px;margin:0;padding:12px 14px;overflow-x:auto;box-shadow:inset 0 1px #ffffffb3;border:1px solid var(--accent)}[data-theme=dark] .code-block{color:#f5e9e3;background:linear-gradient(#1a1412e6,#14100ed9);box-shadow:inset 0 1px #ffffff0d}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;max-width:100%;display:grid}.fade-up{opacity:0;animation:.6s forwards fadeUp;transform:translateY(12px)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--ink-soft)}