@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--primary:#e46092;--primary-light:#fffcfd;--primary-dark:#d90065;--accent:#e46092;--bg-color:#fff;--surface:#fff;--text-main:#d90065;--text-muted:#ff186f;--text-gray:#6b6b6b;--text-2:#6b6363;--text-3:#240510;--border-color:#ffe8e8;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-float:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--radius-md:.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--nav-height:70px;--header-height:60px}@media (prefers-color-scheme:dark){:root{--primary:#e46092;--bg-color:#0f172a;--surface:#1e293b;--text-main:#f8fafc;--text-muted:#94a3b8;--border-color:#334155}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5}body.modal-open{touch-action:none;-webkit-overflow-scrolling:auto;overflow:hidden}.app-container{max-width:600px;min-height:100vh;padding:calc(var(--header-height) + 16px) 16px calc(var(--nav-height) + 40px) 16px;margin:0 auto;position:relative}.app-header{width:100%;max-width:600px;height:var(--header-height);background:var(--surface);box-shadow:var(--shadow-sm);z-index:50;border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.app-header{-webkit-backdrop-filter:blur(10px);background:#ffffffd9}@media (prefers-color-scheme:dark){.app-header{background:#1e293bd9}}}.app-header h1{letter-spacing:-.5px;background:linear-gradient(135deg, var(--primary), var(--primary-dark));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.25rem;font-weight:800}.bottom-nav{width:calc(100% - 32px);max-width:568px;height:var(--nav-height);-webkit-backdrop-filter:blur(16px);z-index:50;border-radius:var(--radius-full);background:#ffffffd9;border:1px solid #fff6;justify-content:space-around;align-items:center;padding:0 10px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000014}@media (prefers-color-scheme:dark){.bottom-nav{background:#1e293bd9;border:1px solid #ffffff0d;box-shadow:0 8px 32px #0006}}.nav-item{color:var(--text-muted);border-radius:var(--radius-lg);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 0;font-size:.75rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nav-item:not(:last-child):after{content:"";background-color:#e4609233;width:1px;height:20px;position:absolute;top:50%;right:0;transform:translateY(-50%)}@media (prefers-color-scheme:dark){.nav-item:not(:last-child):after{background-color:#ffffff1a}}@media (width<=400px){.nav-item span{display:none}.nav-item{padding:12px 0}}.nav-item:hover,.nav-item:active{background-color:var(--primary-light)}.nav-item.active{color:var(--primary)}.nav-item.active svg{filter:drop-shadow(0 2px 4px #e4609266);transform:translateY(-2px)}.nav-item svg{transition:all .3s}h1,h2,h3,h4{color:var(--text-main);font-weight:700}.section-title{justify-content:space-between;align-items:center;margin-bottom:16px;font-size:1.25rem;display:flex}.card{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border-color);margin-bottom:16px;padding:16px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 10px #00000008}.card:active{transform:none}.input-group{margin-bottom:16px}.input-group label{color:var(--text-muted);margin-bottom:6px;font-size:.875rem;font-weight:600;display:block}.input{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-color);width:100%;color:var(--text-main);padding:8px 12px;font-size:.9rem;transition:all .2s}.input::placeholder{color:#f894b5;opacity:1}.input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #e4609226}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-block{width:100%}.btn-primary{color:#fff;background:#e46092;box-shadow:0 2px 8px #e460924d}.btn-primary:hover,.btn-primary:active{background:#e46092;transform:none}.btn-secondary{color:#e46092;background:#ffeff4}.btn-secondary:hover,.btn-secondary:active{color:#fff;background:#e46092;transform:none}.btn-ghost{color:#656b71;background:#fff;border:1px solid #e2e8f0}.btn-ghost:hover,.btn-ghost:active{color:#e46092;background:#ffeff4;border-color:#e46092;transform:none}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.empty-state svg{opacity:.5;color:var(--primary);margin-bottom:16px}