@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--font-main:"Outfit", -apple-system, sans-serif;--bg-dark-base:#030305;--bg-glass-card:#ffffff05;--bg-glass-button:#ffffff0d;--accent-yearly:linear-gradient(135deg, gold 0%, orange 100%);--accent-monthly:linear-gradient(135deg, #a855f7 0%, #7c3aed 100%);--accent-weekly:linear-gradient(135deg, #06b6d4 0%, #0ea5e9 100%);--accent-daily:linear-gradient(135deg, #f43f5e 0%, #e11d48 100%);--spacing-section:3rem;--spacing-card:2.5rem;--spacing-between-cards:2rem;--shadow-layered:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f, 0 20px 40px -10px #00000080;--glass-border:#ffffff0f;--glass-highlight:#ffffff1a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-dark-base);color:#fff;min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden}.ambient-bg{z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.blob{filter:blur(100px);opacity:.15;border-radius:50%;animation:20s ease-in-out infinite alternate float;position:absolute}@keyframes float{0%{transform:translate(0)scale(1)}to{transform:translate(100px,50px)scale(1.2)}}.app-container{max-width:500px;padding:var(--spacing-section) 2rem;padding-bottom:env(safe-area-inset-bottom,4rem);margin:0 auto}header{text-align:center;margin-bottom:4rem}header h1{letter-spacing:-.06em;-webkit-text-fill-color:transparent;background:linear-gradient(#fff 40%,#fff6);-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:4rem;font-weight:900}header p{color:#fff6;letter-spacing:.05em;text-transform:uppercase;font-size:1.1rem;font-weight:500}.glass-card{background:var(--bg-glass-card);-webkit-backdrop-filter:blur(30px)saturate(180%);border:1px solid var(--glass-border);padding:var(--spacing-card);box-shadow:var(--shadow-layered);border-radius:40px;transition:all .5s cubic-bezier(.23,1,.32,1)}.glass-card:hover{border-color:var(--glass-highlight);background:#ffffff0a;transform:translateY(-4px)scale(1.01)}.input-container{border:1px solid var(--glass-border);background:#ffffff08;border-radius:28px;align-items:center;gap:1.25rem;margin-bottom:1.5rem;padding:1.25rem 1.75rem;transition:all .3s;display:flex}.input-container:focus-within{background:#ffffff0d;border-color:#fff3;box-shadow:0 0 0 4px #ffffff05}.input-field{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:1.25rem;font-weight:600}.category-selector{background:#ffffff0a;border-radius:24px;gap:.25rem;margin-bottom:1.5rem;padding:.5rem;display:flex}.cat-btn{color:#fff6;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-radius:18px;flex:1;padding:.85rem .25rem;font-size:.75rem;font-weight:800;transition:all .3s}.cat-btn.active{color:#000;background:#fff;box-shadow:0 10px 20px #0003}.btn-commit{color:#000;cursor:pointer;background:#fff;border:none;border-radius:28px;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:1.5rem;font-size:1.15rem;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.btn-commit:active{background:#ffffffe6;transform:scale(.96)}.goal-list{gap:var(--spacing-between-cards);flex-direction:column;display:flex}.goal-card-premium{flex-direction:column;gap:1.5rem;display:flex;position:relative}.goal-header{align-items:flex-start;gap:1.25rem;display:flex}.goal-type-tag{text-transform:uppercase;letter-spacing:.1em;border-radius:50px;margin-bottom:.75rem;padding:6px 16px;font-size:.7rem;font-weight:900;display:inline-block}.goal-title{color:#fff;word-break:break-word;white-space:pre-wrap;overflow-wrap:anywhere;font-size:1.5rem;font-weight:700;line-height:1.3}.btn-breakdown-spacious{color:#fff;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff0d;border-radius:24px;justify-content:center;align-items:center;gap:.75rem;width:100%;margin-top:1rem;padding:1.25rem;font-size:.9rem;font-weight:700;transition:all .3s;display:flex}.btn-breakdown-spacious:hover{background:#ffffff14;border-color:#ffffff1a}.strikethrough{opacity:.3;filter:blur(.5px);text-decoration:line-through}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,4rem)}
