*,::after,::before{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Inter,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);display:flex;align-items:center;justify-content:center;min-height:100vh;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body::before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(108,92,231,.06) 0,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(0,184,148,.04) 0,transparent 50%),radial-gradient(ellipse at 50% 0,rgba(255,255,255,.015) 0,transparent 40%);pointer-events:none;z-index:0}body::after{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.015'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none;z-index:0}.container{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;opacity:0;animation:.4s forwards fadeIn}@keyframes fadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.logo{width:140px;height:140px;display:flex;align-items:center;justify-content:center;position:relative;animation:4s ease-in-out infinite breathe;margin-bottom:2rem;user-select:none}.logo-svg{width:100%;height:100%;display:block}@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes glowPulse{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes yola-idle-blink{0%,100%,14%,16%,36%,38%,61%,63%,65%,84%,86%{transform:scaleY(1)}15%,37%,62%,64%,85%{transform:scaleY(.08)}}@keyframes yola-idle-ear-left{0%,100%,79%,83%,87%{transform:rotate(0)}81%{transform:rotate(-3deg)}85%{transform:rotate(4deg)}}@keyframes yola-idle-ear-right{0%,100%,62%,66%,70%{transform:rotate(0)}64%{transform:rotate(4deg)}68%{transform:rotate(-3deg)}}@keyframes yola-glow{0%,100%{filter:drop-shadow(0 0 12px rgba(108,92,231,.2))}50%{filter:drop-shadow(0 0 24px rgba(108,92,231,.35))}}.ear-left{animation:8s ease-in-out infinite yola-idle-ear-left;transform-origin:-50px -52px}.ear-right{animation:8s ease-in-out infinite yola-idle-ear-right;transform-origin:50px -52px}.eye-left{animation:8s ease-in-out infinite yola-idle-blink;transform-origin:-25px -10px}.eye-right{animation:8s ease-in-out infinite yola-idle-blink;transform-origin:25px -10px}.headline{font-size:2rem;font-weight:400;letter-spacing:-.02em;text-align:center;color:var(--text);margin-bottom:3.5rem;opacity:0;animation:.4s .1s forwards fadeIn;line-height:1.3}.headline span{font-weight:600;background:linear-gradient(135deg,#a29bfe,#55efc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.headline .meow,.meow{font-size:1.1rem;font-weight:300;font-style:italic;opacity:.5;background:0 0;-webkit-text-fill-color:var(--text-muted);background-clip:unset}.cards{display:flex;gap:24px;justify-content:center;align-items:stretch;flex-wrap:wrap;opacity:0;animation:.4s .2s forwards fadeIn}.card{width:280px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:2.5rem 2rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;text-align:center;transition:background .3s,border-color .3s,transform .3s,box-shadow .3s,opacity .5s;position:relative;overflow:hidden;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.card::before{content:'';position:absolute;inset:0;border-radius:var(--card-radius);opacity:0;transition:opacity .3s;background:radial-gradient(ellipse at 50% 0,rgba(255,255,255,.04) 0,transparent 60%);pointer-events:none}.card:hover::before{opacity:1}.card:hover{background:var(--card-hover-bg);border-color:var(--card-hover-border);transform:scale(1.02);box-shadow:0 8px 32px rgba(0,0,0,.3)}.card:active{transform:scale(.98);transition-duration:.1s}.card-icon{font-size:3rem;margin-bottom:1.25rem;line-height:1;position:relative;z-index:1;transition:transform .3s}.card:hover .card-icon{transform:scale(1.1)}.card-title{font-size:1.25rem;font-weight:600;letter-spacing:-.01em;color:var(--text);position:relative;z-index:1}.card-subtitle{font-size:.9rem;color:var(--text-muted);line-height:1.5;margin-top:.35rem;position:relative;z-index:1}.card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:.75rem;justify-content:center;position:relative;z-index:1}.card-tag{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.7rem;font-weight:400;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:var(--text-muted);letter-spacing:.02em;transition:.2s}.card:hover .card-tag{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.15);color:var(--text)}.card--selected{background:rgba(108,92,231,.15)!important;border-color:var(--accent)!important;transform:scale(1.04);box-shadow:0 0 40px var(--accent-glow)}.card--selected .card-icon{transform:scale(1.15)}.card--confirmed{background:rgba(0,184,148,.12)!important;border-color:var(--success)!important;box-shadow:0 0 40px rgba(0,184,148,.2)}.card--deselected{opacity:.3!important;pointer-events:none}.card--deselected:hover{transform:none!important;background:var(--card-bg)!important;border-color:var(--card-border)!important;box-shadow:none!important}.card--deselected .card-icon{transform:none!important}.response{margin-top:2.5rem;font-size:1.15rem;color:var(--text);opacity:0;transition:opacity .6s,transform .6s;transform:translateY(8px);text-align:center;font-weight:400;letter-spacing:-.01em}.response--visible{opacity:1;transform:translateY(0)}.response span{background:linear-gradient(135deg,#55efc4,#a29bfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:500}.container--exiting{animation:.4s forwards fadeOut}@keyframes fadeOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}@media (max-width:900px){.headline{font-size:1.6rem}.cards{gap:16px}.card{width:240px;padding:2rem 1.5rem}}@media (max-width:768px){.headline{font-size:1.35rem;margin-bottom:2.5rem}.logo{width:100px;height:100px;margin-bottom:1.5rem}.logo-svg{width:100%;height:100%}.cards{flex-direction:column;gap:12px}.card{width:300px;padding:1.5rem;flex-direction:row;text-align:left;gap:1rem}.card-icon{font-size:2.2rem;margin-bottom:0}.card-body{flex:1}.card-subtitle,.card-tags{display:none}}@media (max-width:400px){.card{width:100%;max-width:300px}}.screen-2{display:none}.screen-2.visible{display:flex;animation:.4s forwards fadeIn}.screen-2--exiting{animation:.6s forwards fadeOut}.screen-2 .subheadline{font-size:1rem;color:var(--text-muted);margin-bottom:2.5rem;text-align:center;font-weight:400;line-height:1.5}.screen-2 .cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:600px;margin:0 auto}.screen-2 .card{width:auto;padding:1.5rem 1.25rem}.screen-2 .card-icon{font-size:2.2rem;margin-bottom:.75rem}.screen-2 .card-title{font-size:1.05rem}.screen-2 .card-subtitle{font-size:.8rem;margin-top:.2rem}.screen-2 .card-tags{margin-top:.5rem;gap:4px}.screen-2 .card-tag{padding:2px 8px;font-size:.65rem}.screen-2 .response{margin-top:2rem;font-size:1.05rem}.card--dashed{border-style:dashed!important;border-color:var(--card-hover-border)!important;background:rgba(255,255,255,.02)!important}.card--dashed:hover{background:rgba(108,92,231,.06)!important;border-color:var(--accent)!important}.card--meta{font-size:.75rem;color:var(--text-muted);margin-top:.3rem;opacity:.6;line-height:1.3}.screen-2--home{--accent:#e17055;--accent-glow:rgba(225,112,85,0.3)}.screen-2--home .card--selected{background:rgba(225,112,85,.15)!important}.screen-2--mind{--accent:#00cec9;--accent-glow:rgba(0,206,201,0.3)}.screen-2--mind .card--selected{background:rgba(0,206,201,.15)!important}@media (max-width:768px){.screen-2 .cards{grid-template-columns:1fr;max-width:400px}.screen-2 .card--meta{display:none}}