:root{--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 8px 24px rgba(15, 23, 42, .1);--shadow-lg: 0 16px 48px rgba(15, 23, 42, .14);--ease-standard: cubic-bezier(.2, .8, .2, 1);--dur-fast: .15s;--dur-med: .22s;--app-bg: radial-gradient(1000px 600px at 20% 0%, rgba(83, 145, 126, .1), transparent 55%), radial-gradient(900px 600px at 80% 20%, rgba(252, 208, 161, .18), transparent 55%), radial-gradient(1200px 800px at 50% 100%, rgba(109, 26, 54, .08), transparent 60%), linear-gradient(180deg, #fafafa 0%, #f6f7f8 100%)}html,body{height:100%}body{background:var(--app-bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#f6f7f8;background-attachment:fixed}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}@keyframes previewPulse{0%{box-shadow:0 0 #53917e73,0 10px 24px #0f172a1a}70%{box-shadow:0 0 0 14px #53917e00,0 10px 24px #0f172a1a}to{box-shadow:0 0 #53917e00,0 10px 24px #0f172a1a}}.preview-launcher-pulse{animation:previewPulse 1.8s cubic-bezier(.2,.8,.2,1) infinite}.container-page{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.glass{background:#ffffffb8;border:1px solid rgba(255,255,255,.55);box-shadow:0 10px 30px #0f172a14;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.glass-strong{background:#ffffffd1;border:1px solid rgba(255,255,255,.62);box-shadow:0 12px 36px #0f172a1a;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}@media(min-width:640px){.container-page{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.container-page{padding-left:2rem;padding-right:2rem}}.card{background:#ffffffeb;border:1px solid rgba(177,182,149,.22);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-hover{transition:transform var(--dur-med) var(--ease-standard),box-shadow var(--dur-med) var(--ease-standard),border-color var(--dur-med) var(--ease-standard)}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#53917e59}.picker{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.5rem}.pill{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem .75rem;border-radius:9999px;border:1px solid rgba(177,182,149,.3);background:#ffffffbf;box-shadow:var(--shadow-sm);transition:transform var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard),background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.pill:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:#53917e59}.pill[aria-pressed=true]{background:#53917e1f;border-color:#53917e8c;box-shadow:0 10px 26px #53917e2e}.pill:focus-visible{outline:3px solid rgba(83,145,126,.35);outline-offset:2px}.pill-emoji{font-size:1.05rem;line-height:1}.pill-label{font-size:.85rem;font-weight:700;color:#63535be0}.select{width:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:9999px;padding:.65rem 2.25rem .65rem .9rem;border:1px solid rgba(177,182,149,.35);background:#ffffffd9;box-shadow:var(--shadow-sm);font-weight:700;font-size:.9rem;color:#63535beb;transition:box-shadow var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.select:hover{border-color:#53917e59;box-shadow:var(--shadow-md)}.select:focus{outline:none}.select:focus-visible{outline:3px solid rgba(83,145,126,.35);outline-offset:2px}.select-wrap{position:relative}.select-caret{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);pointer-events:none;color:#63535ba6}.dropdown{position:relative}.dropdown-panel{position:absolute;top:calc(100% + .5rem);right:0;min-width:12rem;padding:.5rem;border-radius:var(--radius-lg);background:#fffffff2;border:1px solid rgba(177,182,149,.22);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:60}.dropdown-item{width:100%;display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;border-radius:.75rem;background:transparent;border:1px solid transparent;transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.dropdown-item:hover{background:#53917e1a;border-color:#53917e33}.dropdown-item[aria-current=true]{background:#53917e24;border-color:#53917e4d}.tooltip{position:relative;display:inline-flex;align-items:center}.tooltip-bubble{position:absolute;left:50%;top:calc(100% + 10px);transform:translate(-50%);padding:.4rem .55rem;border-radius:.6rem;background:#111827eb;color:#fffffff2;font-size:.75rem;font-weight:700;line-height:1;letter-spacing:.01em;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.1);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard);z-index:100}.tooltip-bubble:after{content:"";position:absolute;left:50%;bottom:100%;transform:translate(-50%);border-width:7px;border-style:solid;border-color:transparent transparent rgba(17,24,39,.92) transparent}.tooltip:hover .tooltip-bubble,.tooltip:focus-within .tooltip-bubble{opacity:1;transform:translate(-50%) translateY(-2px)}.icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;height:42px;width:42px;border-radius:9999px;border:1px solid rgba(177,182,149,.3);background:#ffffffb3;box-shadow:var(--shadow-sm);transition:transform var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard),background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.icon-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:#53917e59}.icon-btn:focus-visible{outline:3px solid rgba(83,145,126,.35);outline-offset:2px}.icon-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 6px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;background:#6d1a36eb;color:#fff;border:2px solid rgba(255,255,255,.9)}.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;height:64px;background:#fffffff0;border-top:1px solid rgba(177,182,149,.22);box-shadow:0 -10px 24px #0f172a0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;grid-template-columns:repeat(4,1fr);z-index:70;padding-bottom:env(safe-area-inset-bottom)}.mobile-tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;color:#63535bbf;font-weight:700;font-size:.75rem}.mobile-tab .icon-badge{top:8px;right:calc(50% - 20px)}.mobile-tab-label{font-size:.7rem;line-height:1}.mobile-tab.is-active{color:#53917e}.mobile-drawer{position:fixed;inset:0;z-index:90}.mobile-drawer-backdrop{position:absolute;inset:0;background:#0f172a73}.mobile-drawer-panel{position:absolute;right:0;top:0;height:100%;width:min(88vw,360px);background:#fffffffa;border-left:1px solid rgba(177,182,149,.22);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;animation:drawerIn .18s var(--ease-standard)}@keyframes drawerIn{0%{transform:translate(14px);opacity:.6}to{transform:translate(0);opacity:1}}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid rgba(177,182,149,.18)}.mobile-drawer-body{padding:1rem;overflow:auto;padding-bottom:calc(1rem + 64px + env(safe-area-inset-bottom))}.mobile-drawer-section{padding:.75rem 0;border-bottom:1px solid rgba(177,182,149,.14)}.mobile-drawer-section:last-child{border-bottom:none}.mobile-drawer-link{display:block;padding:.75rem 0;font-weight:800;color:#63535beb}.mobile-drawer-link:active{opacity:.7}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:700;line-height:1;border-radius:9999px;padding:.9rem 1.25rem;transition:transform var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard),background-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard);-webkit-user-select:none;user-select:none}.btn:focus-visible{outline:3px solid rgba(83,145,126,.35);outline-offset:2px}.btn:active{transform:translateY(1px)}.btn-primary{background:#53917e;color:#fff;box-shadow:0 10px 24px #53917e40}.btn-primary:hover{background:#53917eeb;box-shadow:0 14px 32px #53917e47}.btn-secondary{background:#6d1a361a;color:#6d1a36;border:1px solid rgba(109,26,54,.22)}.btn-secondary:hover{background:#6d1a3624;border-color:#6d1a364d}.btn-ghost{background:transparent;color:#63535bd9;border:1px solid rgba(177,182,149,.3)}.btn-ghost:hover{background:#b1b6951f}.btn[disabled],.btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.hr-soft{height:1px;background:linear-gradient(90deg,transparent,rgba(177,182,149,.35),transparent)}.how-it-works-connector{width:100%;max-width:84px;height:2px;border-radius:9999px;background-image:repeating-linear-gradient(90deg,rgba(99,83,91,.28) 0,rgba(99,83,91,.28) 7px,transparent 7px,transparent 14px);position:relative}.how-it-works-connector:after{content:"";position:absolute;right:-2px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid rgba(99,83,91,.3)}@keyframes brushstrokeDraw{0%{transform:scaleX(0);opacity:.2}to{transform:scaleX(1);opacity:1}}.masterpiece-text{position:relative;display:inline-block;z-index:0;padding-bottom:.12em;overflow:visible;background-image:linear-gradient(115deg,#2f7a67,#67b49f,#2f7a67 70%,#89d3bd);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 1px 0 rgba(255,255,255,.35)}.masterpiece-text:before{content:"";position:absolute;inset:-2px -6px;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.16) 0,rgba(255,255,255,.16) 1px,transparent 1px,transparent 5px),radial-gradient(circle at 20% 20%,rgba(255,255,255,.18),transparent 35%),radial-gradient(circle at 80% 30%,rgba(0,0,0,.06),transparent 40%);mix-blend-mode:overlay;opacity:.35;pointer-events:none;z-index:-1}.masterpiece-underline{position:absolute;left:-.12em;right:-.12em;bottom:-.06em;height:.16em;transform-origin:left;border-radius:9999px;background:linear-gradient(90deg,#53917e1a,#53917e57,#53917e1f);filter:blur(.12px);z-index:-2;animation:brushstrokeDraw .65s cubic-bezier(.2,.8,.2,1) .4s both}@media(prefers-reduced-motion:reduce){.masterpiece-underline{animation:none;transform:scaleX(1)}}.masterpiece-text{paint-order:stroke fill}.masterpiece-text>:not(.masterpiece-underline){position:relative;z-index:1}