:root{--bg:#0b1320;--fg:#e7eef7;--muted:#9bb0c9;--card:#121a2a;--border:#26324a;--accent:#6ea8fe}*{box-sizing:border-box}#__next,body,html{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji;background:var(--bg);color:var(--fg)}a{color:var(--accent);text-decoration:none}button,input,textarea{font:inherit}.container{max-width:1280px;margin:0 auto;padding:24px}.hero{padding:80px 0;text-align:center}.cta{display:flex;gap:12px;justify-content:center;margin-top:16px;flex-wrap:wrap}.button{background:var(--accent);color:#051027;border:1px solid var(--accent);border-radius:8px;padding:10px 16px;cursor:pointer;transition:transform .02s ease}.button:hover{transform:translateY(-1px)}.button--secondary{background:transparent;color:var(--fg);border-color:var(--border)}.button--small{padding:6px 10px;border-radius:6px}.button--danger{background:#d84f57;color:#fff;border-color:#d84f57}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px;box-shadow:0 6px 18px rgba(0,0,0,.24),0 2px 4px rgba(0,0,0,.16)}.card--link{cursor:pointer;position:relative;transition:transform .06s ease,box-shadow .1s ease,border-color .1s ease}.card--link:hover{transform:translateY(-2px);border-color:#334766;box-shadow:0 10px 24px rgba(0,0,0,.28),0 4px 8px rgba(0,0,0,.18)}.card--link:focus{outline:2px solid var(--accent);outline-offset:2px}.card--stacked{position:relative}.card--stacked:after,.card--stacked:before{content:"";position:absolute;inset:0;border-radius:12px;background:var(--card);border:1px solid var(--border);z-index:-1;transition:transform .5s ease,opacity .5s ease}.card--stacked:before{transform:translate(6px,6px);opacity:.35;filter:blur(.2px)}.card--stacked:after{transform:translate(12px,12px);opacity:.2;filter:blur(.3px)}.card--removing{opacity:0;transform:translateY(12px) scale(.975) rotate(-1deg);transition:opacity .5s ease,transform .5s ease,filter .5s ease;filter:blur(.4px);pointer-events:none}.card--stacked.card--removing:before{transform:translate(-24px,-16px) rotate(-10deg);opacity:0}.card--stacked.card--removing:after{transform:translate(28px,20px) rotate(10deg);opacity:0}.card--navigating{opacity:0;transform:translateY(8px) scale(.985) rotate(-.6deg);transition:opacity .28s ease,transform .28s ease,filter .28s ease;filter:blur(.25px);pointer-events:none}.card--stacked.card--navigating:before{transform:translate(-14px,-10px) rotate(-6deg);opacity:0;transition:transform .28s ease,opacity .28s ease}.card--stacked.card--navigating:after{transform:translate(18px,14px) rotate(6deg);opacity:0;transition:transform .28s ease,opacity .28s ease}.form{display:grid;grid-gap:12px;gap:12px}.form label{display:grid;grid-gap:6px;gap:6px;font-size:14px;color:var(--muted)}.form input,.form textarea{background:#0c1729;color:var(--fg);border:1px solid var(--border);border-radius:8px;padding:10px 12px}.error{color:#f88;margin:0}.topbar{display:flex;align-items:center;gap:12px}.spacer{flex:1 1}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:16px;gap:16px;margin-top:16px}@media (min-width:1200px){.grid{grid-template-columns:repeat(4,minmax(280px,1fr))}}.list{list-style:none;padding:0;margin:0;display:grid;grid-gap:8px;gap:8px}.list-item{justify-content:space-between;gap:12px;padding:10px;border:1px solid var(--border);border-radius:8px}.list-item,.row{display:flex;align-items:center}.row{gap:8px}.muted{color:var(--muted)}.modal{position:fixed;inset:0;background:rgba(0,0,0,.5);display:grid;place-items:center;padding:16px}.modal__content{width:100%;max-width:560px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px}.flip{perspective:1000px;border-radius:12px;overflow:hidden}.flip,.flip__inner{position:relative;height:100%}.flip__inner{width:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.7,.1,1)}.flip.is-flipped .flip__inner{transform:rotateY(180deg)}.flip__face{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:grid;grid-gap:8px;gap:8px;align-content:stretch;z-index:0}.flip__face--back{transform:rotateY(180deg)}.flip.is-flipped .flip__face--front,.flip:not(.is-flipped) .flip__face--back{visibility:hidden}.flip.is-flipped .flip__face--back,.flip:not(.is-flipped) .flip__face--front{z-index:2}.grid>.card{aspect-ratio:7/10;display:grid;grid-template-rows:auto 1fr auto}.card__graphic{padding:12px;display:grid;place-items:center;width:100%;aspect-ratio:1/1}@media (min-width:1200px){.card__graphic{padding:16px}}.card__content{overflow:auto;min-height:0}.card__title{font-weight:600;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--fg);margin:0;min-height:calc(1.2em * 2)}.icon-btn{width:28px;height:28px;padding:0;display:grid;place-items:center;border-radius:6px}.flip__face--back input,.flip__face--back textarea{background:rgba(12,23,41,.6);color:var(--fg);border:1px solid var(--border);border-radius:8px;padding:10px 12px}.badge{font-size:12px;color:var(--muted);background:hsla(0,0%,100%,.04);border:1px solid var(--border);padding:2px 8px;border-radius:999px;line-height:1.6}