:root{color:#1f2937;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f3f4f6;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#f9fafb,#e5e7eb 60%,#d1d5db 100%);min-height:100vh;margin:0}a{color:inherit;text-decoration:none}p{margin:0}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#fffc;border-bottom:1px solid #0f172a1a;position:sticky;top:0}.app-header nav{justify-content:space-between;align-items:center;gap:1rem;max-width:1040px;margin:0 auto;padding:1rem clamp(1rem,2vw + 1rem,2.5rem);display:flex}.logo{color:#111827;font-size:1.125rem;font-weight:700}.nav-links{gap:1rem;display:flex}.nav-links a{color:#1f2937;border-radius:.5rem;padding:.4rem .75rem;font-weight:600}.nav-links a.active{color:#fff;background:#2563eb}.app-main{flex:1;justify-content:center;padding:clamp(1.5rem,2vw + 1rem,3.5rem) clamp(1rem,3vw + 1rem,4rem);display:flex}.page{gap:1.5rem;width:min(960px,100%);display:grid}.home-page .hero{text-align:center;gap:1rem;display:grid}.home-page h1{color:#111827;margin:0;font-size:clamp(2.25rem,5vw,3.5rem)}.home-page button{justify-self:center}.joke-card{text-align:left;background:#fff;border-radius:1rem;gap:.75rem;max-width:720px;margin:0 auto;padding:1.75rem;display:grid;box-shadow:0 12px 32px -20px #0f172a59}.joke-content{color:#111827;margin:0;font-size:1.2rem}.joke-author{color:#6b7280;margin:0;font-style:italic}.error{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca;border-radius:.75rem;padding:.75rem 1rem}.admin-page header{gap:.5rem;display:grid}.joke-form,.inline-form{background:#fff;border-radius:1rem;gap:1rem;padding:1.5rem;display:grid;box-shadow:0 12px 32px -20px #0f172a40}.joke-form label,.inline-form label{color:#1f2937;gap:.5rem;font-weight:600;display:grid}textarea,input{font:inherit;resize:vertical;background:#f9fafb;border:1px solid #0f172a26;border-radius:.75rem;padding:.6rem .8rem}textarea:focus,input:focus,button:focus{outline-offset:2px;outline:3px solid #bfdbfe}button{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #0000;border-radius:.75rem;padding:.65rem 1.2rem;font-family:inherit;font-size:1rem;font-weight:600;transition:transform .18s,box-shadow .18s}button:hover{transform:translateY(-1px);box-shadow:0 12px 24px -18px #2563ebe6}button:disabled{cursor:not-allowed;opacity:.7;box-shadow:none}button.secondary{color:#1f2937;background:#e5e7eb}button.danger{background:#dc2626}.table-wrapper{background:#fff;border-radius:1rem;overflow-x:auto;box-shadow:0 12px 32px -18px #0f172a33}table{border-collapse:collapse;width:100%;font-size:.95rem}thead{background:#f3f4f6}th,td{vertical-align:top;border-bottom:1px solid #0f172a14;padding:.9rem 1rem}.actions-col{width:170px}.row-actions{gap:.5rem;display:flex}tr.editing{background:#eff6ff}td.empty{text-align:center;color:#6b7280}.inline-form textarea{min-height:120px}.inline-actions{gap:.5rem;display:flex}.muted{color:#6b7280;margin:.35rem 0 0}.app-footer{text-align:center;color:#6b7280;background:#fff;border-top:1px solid #0f172a14;padding:1rem clamp(1rem,2vw + .8rem,2rem)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:720px){.nav-links{gap:.5rem}.nav-links a{padding:.4rem .6rem}.app-main{padding:1.5rem}.actions-col,.row-actions{flex-direction:column;align-items:stretch;width:auto}th,td{padding:.75rem}}