:root{--white: #ffffff;--bg-app: #f5f4f9;--bg-sub: #faf9fc;--card: #ffffff;--ink: #0e121b;--ink-sub: #525866;--ink-soft: #99a0ae;--dark: #242424;--black: #0e121b;--red-50: #ffebec;--red-100: #ffd5d8;--red-200: #ffc0c5;--red-400: #ff6875;--red-500: #fb3748;--red-600: #e93544;--beige: #f2e6df;--beige-deep: #efdfd4;--lavender: #bec8f9;--lavender-soft: #e3e7fb;--sage: #c9e0dd;--sage-soft: #dcebe8;--blue-400: #4660ec;--teal-500: #5ea19a;--brown-900: #25170e;--brown-800: #492e1d;--line: #f2f2f2;--line-2: #ececef;--r-xs: 10px;--r-sm: 14px;--r-md: 20px;--r-lg: 28px;--r-xl: 34px;--shadow-soft: 0 10px 30px rgba(0,0,0,.05);--shadow-card: 0 8px 24px rgba(14,18,27,.06)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{font-family:Urbanist,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#2c2c2e;color:var(--ink);-webkit-font-smoothing:antialiased}input,button,textarea{font-family:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:0;height:0}.device-stage{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:0;background:var(--bg-sub)}.device{width:100%;max-width:430px;height:100dvh;min-height:100dvh;background:var(--bg-sub);position:relative;overflow:hidden}@media (min-width: 480px){.device-stage{padding:24px 0;background:radial-gradient(circle at 50% 0%,#3a3a3c,#1c1c1e)}.device{min-height:880px;height:880px;border-radius:44px;box-shadow:0 40px 90px #0000008c,0 0 0 11px #0a0a0a,0 0 0 13px #2a2a2a;overflow:hidden}}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg-sub);overflow:hidden}.screen-scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.pad{padding:0 20px}.pb-nav{padding-bottom:calc(120px + env(safe-area-inset-bottom))}.pb-safe{padding-bottom:calc(32px + env(safe-area-inset-bottom))}.statusbar{height:calc(54px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);display:flex;align-items:center;justify-content:space-between;padding:0 26px 0 30px;font-size:15px;font-weight:600;color:var(--ink);flex-shrink:0}.statusbar .sb-icons{display:flex;align-items:center;gap:6px}@media (max-width: 479px) and (hover: none){.statusbar{display:none}.screen-scroll{padding-top:calc(10px + env(safe-area-inset-top))}}.btn-dark{width:100%;background:var(--dark);color:#fff;border-radius:999px;padding:18px;font-size:16px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:10px}.btn-light{width:100%;background:var(--white);color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:17px;font-size:16px;font-weight:500}.btn-pill{background:var(--white);border:1px solid var(--line-2);border-radius:999px;padding:12px 18px;font-size:14px;display:inline-flex;align-items:center;gap:8px;color:var(--ink);box-shadow:var(--shadow-soft)}.card{background:var(--card);border-radius:var(--r-md);box-shadow:var(--shadow-card)}.h1{font-size:40px;font-weight:300;line-height:1.08;letter-spacing:-.5px}.h2{font-size:32px;font-weight:400;line-height:1.18}.h3{font-size:26px;font-weight:400;line-height:1.2}.muted{color:var(--ink-soft)}.sub{color:var(--ink-sub)}.ico-btn{width:44px;height:44px;border-radius:50%;background:var(--white);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-soft);color:var(--ink);flex-shrink:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:6px 20px 14px}.topbar .title{font-size:18px;font-weight:500}.field{margin-bottom:16px}.field label{display:block;font-size:13px;color:var(--ink-sub);margin-bottom:8px}.input{width:100%;background:var(--white);border:1px solid var(--line);border-radius:var(--r-sm);padding:16px;font-size:15px;color:var(--ink);outline:none}.input:focus{border-color:var(--ink-soft)}.bottomnav{position:absolute;left:16px;right:16px;bottom:calc(14px + env(safe-area-inset-bottom));height:66px;background:#ffffffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;box-shadow:0 12px 30px #0000001a;display:flex;align-items:center;justify-content:space-around;z-index:40}.bottomnav button{width:46px;height:46px;display:flex;align-items:center;justify-content:center;color:var(--ink-soft);border-radius:50%;transition:color .2s}.bottomnav button.active{color:#fff;background:var(--dark)}@media (min-width: 1024px){body{background:var(--bg-app)}.device-stage{display:block;padding:0;background:var(--bg-app)}.device{max-width:none;width:100%;height:100dvh;min-height:100dvh;border-radius:0;box-shadow:none;background:var(--bg-app)}.screen{background:var(--bg-app)}.statusbar{display:none}.bottomnav{position:fixed;left:22px;top:22px;bottom:22px;right:auto;width:78px;height:auto;flex-direction:column;justify-content:center;gap:14px;border-radius:44px;background:#fffffff5;box-shadow:0 18px 44px #0e121b1a}.bottomnav button{width:52px;height:52px}.screen-scroll{padding-left:122px;padding-right:22px;padding-top:28px}.screen-scroll>*:first-child:not(.pb-nav){border-top-left-radius:30px;border-top-right-radius:30px}.screen-scroll>*{max-width:540px;margin-left:auto;margin-right:auto}.screen-scroll>.pb-nav{max-width:1180px;padding:26px 26px 48px}.screen-scroll>.pb-nav>.topbar{padding-left:0;padding-right:0}}@media (min-width: 1280px){.screen-scroll>.pb-nav{max-width:1040px;column-count:2;column-gap:40px}.screen-scroll>.pb-nav>*{break-inside:avoid;-webkit-column-break-inside:avoid}.screen-scroll>.pb-nav>.topbar,.screen-scroll>.pb-nav>h1,.screen-scroll>.pb-nav>.full-span{column-span:all}}@media (min-width: 1600px){.screen-scroll>.pb-nav{max-width:1320px;column-count:3}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}