@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Syne+Mono&display=swap";*{margin:0;padding:0;box-sizing:border-box;letter-spacing:.1rem;word-spacing:4px;font-family:Syne Mono,monospace}html{scroll-behavior:smooth}body{margin:0}*{box-sizing:border-box}:root{--bg-color: #0b0b0b;--text-color: #f2f2f2}:root.light{--bg-color: #ffffff;--text-color: #111111}input{outline:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}button:active{transform:scale(.95)!important}.loader{margin-bottom:-4px;margin-left:10px;font-size:20px;animation:loading 1s linear infinite}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.layout{box-sizing:border-box}.content{padding:3% 5%}.p-r{position:relative}.w100{width:100%}.h100{height:100%}.f1{flex:1}.df{display:flex}.jcc{justify-content:center}.jcsb{justify-content:space-between}.aic{align-items:center}.fdc{flex-direction:column}.fw{flex-wrap:wrap}.gap-5{gap:5px}.gap-10{gap:10px}.gap-15{gap:15px}.gap-20{gap:20px}.fs-12{font-size:12px}.fs-14{font-size:14px}.fs-16{font-size:16px}.fs-18{font-size:18px}.fs-20{font-size:20px}.fs-24{font-size:24px}.ls-1{letter-spacing:1px}.p-h-5{padding:0 5px}.p-h-10{padding:0 10px}.p-v-5{padding:5px 0}.p-v-10{padding:10px 0}.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.bg{position:fixed;top:0;left:0;width:100%;height:100dvh;z-index:-1}.sad{position:absolute;left:3%;bottom:0}.app{text-align:center;padding:2rem;font-family:Poppins,sans-serif}.app .gradient-title{font-size:3rem;background:linear-gradient(90deg,#ff8a00,#e52e71);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.app .subtitle{color:#888;margin-bottom:3rem;font-size:1.2rem}.app .columns{display:flex;justify-content:center;gap:2rem}.app .column{width:300px}.app .column.finance-col{background:linear-gradient(135deg,#dfffe0,#f0fff4);border-radius:12px;padding:1rem}.app .column.routine-col{background:linear-gradient(135deg,#fff7e0,#fff4dc);border-radius:12px;padding:1rem}.app .column.fun-col{background:linear-gradient(135deg,#f3e0ff,#f5f0ff);border-radius:12px;padding:1rem}.app .column .category-title{font-size:1.3rem;margin-bottom:1.2rem;color:#222;text-transform:uppercase;letter-spacing:1px}.app .agent-card{background:linear-gradient(145deg,#fff,#f9f9f9);padding:1rem;margin-bottom:1.2rem;box-shadow:0 8px 20px #00000014;transition:all .3s ease;cursor:pointer;border:3px solid transparent;position:relative;overflow:hidden;border-radius:255px 15px 225px/15px 225px 15px 255px}.app .agent-card:hover{transform:scale(1.03);box-shadow:0 10px 25px #00000026}.app .agent-card .agent-avatar{width:90px;height:90px;border-radius:50%;object-fit:cover;object-position:top;margin-bottom:.5rem;border:3px solid white;box-shadow:0 0 10px #0000001a}.app .agent-card h4{margin:.2rem 0;font-size:1.2rem;font-weight:600}.app .agent-card p{color:#444;font-size:.95rem;font-style:italic}.app .agent-card.finance{border-color:#a3e635;background:linear-gradient(160deg,#e4f9d9,#f0fff4)}.app .agent-card.routine{border-color:#facc15;background:linear-gradient(160deg,#fff7cc,#fff4dc)}.app .agent-card.fun{border-color:#c084fc;background:linear-gradient(160deg,#f3e0ff,#f6edff)}.app .agent-card:after{content:"★";position:absolute;top:10px;right:10px;font-size:1.2rem;color:#eee}.button-55{align-self:center;background-color:#fff;background-image:none;background-position:0 90%;background-repeat:repeat no-repeat;background-size:4px 3px;border-radius:15px 225px 255px 15px 15px 255px 225px 15px;border-style:solid;border-width:2px;box-shadow:#0003 15px 28px 25px -18px;box-sizing:border-box;color:#41403e;cursor:pointer;display:inline-block;font-family:Neucha,sans-serif;font-size:1rem;line-height:23px;outline:none;padding:.75rem;text-decoration:none;transition:all 235ms ease-in-out;border-radius:255px 15px 225px/15px 225px 15px 255px;user-select:none;-webkit-user-select:none;touch-action:manipulation;margin-bottom:2rem}.button-55:hover{box-shadow:#0000004d 2px 8px 8px -5px;transform:translate3d(0,2px,0)}.button-55:focus{box-shadow:#0000004d 2px 8px 4px -6px}.button-89{--b: 3px;--s: .45em;--color: #373B44;padding:calc(.5em + var(--s)) calc(.9em + var(--s));color:var(--color);--_p: var(--s);background:conic-gradient(from 90deg at var(--b) var(--b),rgba(0,0,0,0) 90deg,var(--color) 0) var(--_p) var(--_p)/calc(100% - var(--b) - 2 * var(--_p)) calc(100% - var(--b) - 2 * var(--_p));transition:.3s linear,color 0s,background-color 0s;outline:var(--b) solid rgba(0,0,0,0);outline-offset:.6em;font-size:16px;border:0;user-select:none;-webkit-user-select:none;touch-action:manipulation}.coming-soon{margin-top:4rem;padding:2rem 1rem;background:#f5f7fa;border-top:2px dashed #ccc}.coming-soon .coming-title{font-size:1.8rem;margin-bottom:2rem;color:#333}.coming-soon .soon-grid{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.coming-soon .soon-card{width:200px;height:270px;background:#fff;border-radius:16px;text-align:center;padding:1rem;box-shadow:0 8px 20px #0000001a;position:relative;overflow:hidden}.coming-soon .soon-card img{width:90px;height:90px;border-radius:50%;object-fit:cover;object-position:top;margin-bottom:.7rem}.coming-soon .soon-card h4{margin:.3rem 0;font-size:1rem}.coming-soon .soon-card p{font-size:.85rem;color:#666}.coming-soon .soon-card.blurred img{filter:blur(4px) grayscale(1)}.coming-soon .soon-card.pink-glow img{filter:brightness(1.2);box-shadow:0 0 10px #ff69b480}.coming-soon .soon-card.glitched img{filter:contrast(1.5) saturate(1.5);animation:glitch .5s infinite}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-1px,2px)}80%{transform:translate(1px,-2px)}to{transform:translate(0)}}.footer{margin-top:4rem;padding:1.5rem;display:flex;flex-direction:column;align-items:center;background:#f0f0f0;border-top:2px solid #ddd;font-size:.9rem;color:#555}.footer p{margin:.5rem 0;color:#666}.footer button{padding:10px 20px;margin-top:20px;border-radius:5px;background:#e0e0e0;border:1px solid #ccc;cursor:pointer;transition:background .3s ease;color:#333;text-decoration:none;font-weight:500}.footer button:hover{background:#d0d0d0}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:100}.modal-box{background:#fff;padding:2rem;border-radius:20px;max-width:400px;width:90%;text-align:center;position:relative;box-shadow:0 10px 30px #0003}.modal-box .modal-avatar{width:80px;height:80px;border-radius:50%;margin-bottom:1rem}.modal-box h3{margin-bottom:1rem}.modal-box .chat-area{background:#f9f9f9;border-radius:12px;padding:1rem;margin-bottom:1rem;height:300px;overflow-y:auto;text-align:left}.modal-box .chat-area .msg{padding:.5rem;margin:.3rem 0;border-radius:8px}.modal-box .chat-area .msg.ai{background:#e0f7fa;align-self:flex-start}.modal-box .chat-area .msg.user{background:#dcedc8;align-self:flex-end;text-align:right}.modal-box .chat-area::-webkit-scrollbar{width:4px}.modal-box .chat-area::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.modal-box .response-options{display:flex;flex-direction:column;gap:.5rem}.modal-box .response-options button{padding:.5rem;border:none;background:#0070f3;color:#fff;border-radius:8px;cursor:pointer}.modal-box .close-btn{margin-top:1rem;background:none;border:none;font-size:1.5rem;color:#999;cursor:pointer}