:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffeb;background-color:#0f0f11;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary: #646cff;--primary-hover: #747bff;--card-bg: #1a1a1c;--card-border: #2e2e32;--highlight-color: rgba(100, 108, 255, .15);--highlight-border: #646cff;--muted-foreground: 215 15% 65%}body{margin:0;display:flex;place-items:center;justify-content:center;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% 0%,#2a2a35,#0f0f11 70%)}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;width:100%}h1{font-size:3.2em;line-height:1.1;margin-bottom:.5em;background:linear-gradient(to right,#fff,#888);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.controls{margin-bottom:3rem;display:flex;gap:1rem;justify-content:center}button,a{text-decoration:none;border-radius:12px;border:1px solid var(--card-border);padding:.8em 1.6em;font-size:1em;font-weight:600;font-family:inherit;background-color:var(--card-bg);color:#fff;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}button:hover,a:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}button.active,a.active{background-color:var(--primary);border-color:var(--primary)}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;padding:2rem;max-width:900px;margin:0 auto;position:relative}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:2rem;text-align:left;cursor:pointer;transition:transform .2s,border-color .2s;position:relative;z-index:1}.card:hover{border-color:#444}.card h3{margin:0 0 .5rem;font-size:1.5rem;color:#fff;display:flex;align-items:center;gap:.5rem}.card-icon{font-size:2.5rem;line-height:1}.card p{margin:0;color:#888;font-size:.95rem;line-height:1.6}.card.expanded{grid-column:span 2;background:#202025}.highlight{position:absolute;inset:-8px;z-index:-1;pointer-events:none;border:2px dotted;border-color:hsl(var(--muted-foreground));box-sizing:border-box;background-color:var(--highlight-color);border-color:var(--highlight-border);box-shadow:0 0 30px #646cff33;border-style:solid;border-radius:24px}::view-transition-group(highlighter){animation-duration:.3s;animation-timing-function:cubic-bezier(.34,1.56,.64,1)}@media(max-width:768px){#app{padding:1rem}h1{font-size:2.5em}.grid-container{grid-template-columns:1fr;padding:1rem}.card.expanded{grid-column:span 1}}@media(max-width:480px){h1{font-size:2em}.card{padding:1.5rem}.card h3{font-size:1.3rem}.card-icon{font-size:2rem}.card p{font-size:.9em}}