/* Bright, playful colors with dark text for readable labels. */
:root{--ink:#30315c;--green:#7244e8;--muted:#626384;--paper:#fff8fd;--line:#e5d9fa}
body{background:radial-gradient(ellipse at 0 8%,#fff1a6 0,transparent 32%),radial-gradient(ellipse at 100% 18%,#cff5ff 0,transparent 35%),#fff8fd}
.topbar{border-color:#e3cffa}.brand-icon{background:#7d48ed;color:#ffe34d;box-shadow:4px 4px 0 #ffb3d7}.brand{color:#6532ce}.brand small{color:#aa4b93}.header-note{color:#a04790}.quiet{background:#fff;border-color:#d1b5fc;color:#6532ce}
.hero{padding-top:50px}.eyebrow{color:#9c3b99;font-weight:700}.eyebrow i{background:#ff69b4;box-shadow:0 0 0 4px #ffd4e9}h1{color:#353265}h1>span{color:#ef489c}h1 svg{stroke:#ffcc27}.hero-copy>p{color:#636087}.hero-pills span{font-weight:700;background:#e7dcff;color:#5c3ea0}.hero-pills span:nth-child(2){background:#ffdfec;color:#a53a72}.hero-pills span:nth-child(3){background:#cff3ff;color:#21647c}
.orbit{border-color:#b998ee;border-width:2px}.orbit-two{border-color:#f7abcb}.letter{border:3px solid #fff;box-shadow:9px 11px 0 #a575db24}.letter-a{background:#ffe34d;color:#765008}.letter-b{background:#76dcff;color:#1b548c}.letter-c{background:#ff94cb;color:#903969}.spark{color:#a36aff}.spark-two{color:#ff69ad}.art-note{color:#7f3fc9}.art-ticket{background:#77edb5;color:#25583e;border:2px solid #fff;box-shadow:4px 4px 0 #a8dbc5}.art-ticket span{color:#195c3c}
.login-panel{background:linear-gradient(125deg,#e8dbff,#ffe2f1);border:2px solid #fff;box-shadow:0 7px 0 #e5d0f5}.login-panel h2{color:#59309b}.password-row{border-color:#bea0ef}.primary{background:#7844e4;box-shadow:0 4px 0 #5730ac}.primary:hover{background:#884ff4}.mini-label{color:#9760bd}.library-heading{border-color:#ddc3f4}.search{border:2px solid #ddc3f4;box-shadow:3px 3px 0 #f4dcee}.search>span{color:#a14ccb}h2 #count{background:#ffe34d;color:#67480a}
.filters button{background:#fff;border-color:#e3cdf7;color:#715394;font-weight:700}.filters button[aria-pressed=true]{background:#7844e4;border-color:#7844e4;box-shadow:0 3px 0 #d2b8fb}.filters button:nth-child(2)[aria-pressed=true]{background:#f04f9b;border-color:#f04f9b}.filters button:nth-child(3)[aria-pressed=true]{background:#137eab;border-color:#137eab}.filters button:nth-child(4)[aria-pressed=true]{background:#af650a;border-color:#af650a}.filters button:nth-child(5)[aria-pressed=true]{background:#7850cf;border-color:#7850cf}.filters button:nth-child(6)[aria-pressed=true]{background:#16805a;border-color:#16805a}
.card{border:2px solid #fff;border-radius:23px;box-shadow:0 4px 0 #e6d8f4}.card:hover{transform:translateY(-5px) rotate(-.6deg);box-shadow:0 10px 0 #e0cbf7}.card-art{height:136px}.card-art:before,.card-art:after{border:2px solid #ffffff95}.card-art>span{font-size:57px}.card-category{background:#ffffffe6;color:#443251;font-weight:700}.card-number{color:#372e4b;opacity:.75}.card-content h3{color:#443064}.card-content p{color:#706282}.card-bottom{border-color:#f0e3f8}.card-bottom b{color:#8641d4}.card-bottom b:after{content:"";display:inline-block;width:5px;height:5px;background:#ff74b9;border-radius:50%;margin-left:6px}footer{border-color:#e3cffa;color:#846799}.footer-star{color:#f14f9a}:focus-visible{outline-color:#d93282}
@media(max-width:600px){.card-art{height:106px}.card-art>span{font-size:45px}.hero{padding-top:32px}.hero-art{margin-top:23px}.card{border-radius:18px}}
@media(prefers-reduced-motion:reduce){.card:hover{transform:none}}