:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-bottom-max: env(safe-area-max-inset-bottom, 0px);--navbar-height: 50px;--pad-6: 6px;--pad-8: 8px;--pad-10: 10px;--pad-12: 12px;--pad-14: 14px;--primary-color: #fe2b54;--light-color: #ffffff;--dark-color: #000000;--primary-light-10: #fe4569;--primary-light-20: #fe5f7e;--primary-light-30: #fe7993;--primary-light-40: #fe93a8;--primary-light-50: #feadbd;--primary-dark-10: #e5264b;--primary-dark-20: #cc2142;--primary-dark-30: #b31c39;--primary-dark-40: #991730;--primary-dark-50: #801227;--gray-10: #e6e6e6;--gray-20: #cccccc;--gray-30: #b3b3b3;--gray-40: #999999;--gray-50: #808080;--gray-60: #666666;--gray-70: #4d4d4d;--gray-80: #333333;--gray-90: #1a1a1a;--gray-color-01: var(--gray-10);--gray-color-02: var(--gray-20);--muted-color: var(--gray-50);--secondary-color: var(--primary-color);--success-color: var(--primary-color);--warning-color: var(--primary-dark-20);--danger-color: var(--primary-dark-10);--info-color: var(--primary-light-20);--primary-color-animation: rgba(254, 43, 84, .25);--light-color-animation: rgba(255, 255, 255, .25);--dark-color-animation: rgba(0, 0, 0, .25);--secondary-color-animation: rgba(254, 43, 84, .25);--success-color-animation: rgba(254, 43, 84, .25);--warning-color-animation: rgba(204, 33, 66, .25);--danger-color-animation: rgba(229, 38, 75, .25);--info-color-animation: rgba(254, 95, 126, .25)}.card{padding:20px;background:radial-gradient(120px 120px at var(--x, 50%) var(--y, 50%),var(--primary-color-animation),var(--light-color-animation) 60%);background-size:150% 150%;background-position:50% 50%;animation:cardGradientMove 4s ease-in-out infinite;border:1px solid var(--light-color-animation);border-radius:20px;backdrop-filter:blur(25px) saturate(160%);-webkit-backdrop-filter:blur(25px) saturate(160%);box-shadow:inset 0 1px 1px var(--light-color-animation),0 4px 10px var(--dark-color-animation),0 12px 28px var(--dark-color-animation);justify-content:start;transition:transform .25s cubic-bezier(.25,.46,.45,.94),box-shadow .25s cubic-bezier(.25,.46,.45,.94),background .3s ease;will-change:transform;transform:translateZ(0)}.card[style*="position: sticky"]{position:-webkit-sticky;position:sticky;z-index:10;isolation:isolate;transform:translateZ(0);will-change:transform;backface-visibility:hidden}@keyframes cardGradientMove{0%{background-position:50% 50%}25%{background-position:62.75% 37.25%}50%{background-position:50% 62.75%}75%{background-position:37.25% 50%}to{background-position:50% 50%}}@media (prefers-reduced-motion: reduce){.card{animation:none}}.children-wrapper-column{display:flex;flex-direction:column;gap:20px;border:0}.children-wrapper-row{display:flex;align-items:center;justify-content:center;gap:10px;border:0}*{-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;overscroll-behavior:none;margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;font-family:Poppins,sans-serif,Poppins}*::-webkit-scrollbar{display:none}html{height:100dvh;width:100dvw;overflow-x:hidden;overflow-y:auto;overscroll-behavior-x:none;-webkit-overflow-scrolling:touch}:root[data-theme=dark]{--light-color: #1a1a1a;--dark-color: #e6e6e6;--gray-10: #333333;--gray-20: #4d4d4d;--gray-30: #666666;--gray-40: #808080;--gray-50: #999999;--gray-60: #b3b3b3;--gray-70: #cccccc;--gray-80: #e6e6e6;--gray-90: #f2f2f2;--primary-color: #fe2b54;--gray-color-01: var(--gray-10);--gray-color-02: var(--gray-20);--muted-color: var(--gray-50);--light-color-animation: rgba(255, 255, 255, .12);--primary-color-animation: rgba(254, 43, 84, .18);--dark-color-animation: rgba(0, 0, 0, .18);--secondary-color-animation: rgba(254, 43, 84, .18);--success-color-animation: rgba(254, 43, 84, .18);--warning-color-animation: rgba(204, 33, 66, .18);--danger-color-animation: rgba(229, 38, 75, .18);--info-color-animation: rgba(254, 95, 126, .18)}body{height:100dvh;width:100dvw;overflow-x:hidden;overflow-y:auto;overscroll-behavior-x:none;-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#app-wrapper{position:relative;overflow-x:hidden;overflow-y:auto;height:100dvh;width:100dvw;display:grid;background-color:var(--primary-color)}#logo-svg{margin:0 0 20px 20px;grid-row:1;grid-column:1;align-self:end;justify-self:start}#root{grid-row:1;grid-column:1;overflow-x:hidden;overflow-y:auto;position:relative;align-self:center;justify-self:center;height:100%;max-height:1050px;width:100%;max-width:450px;background-color:var(--light-color);-webkit-overflow-scrolling:touch}img,a,video,svg{-webkit-touch-callout:none;-webkit-user-drag:none;user-drag:none}input,textarea,[contenteditable=true],.allow-select{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}@media screen and (min-height: 1051px),screen and (min-width: 451px){#root{grid-row:1;grid-column:1;overflow-x:hidden;overflow-y:auto;position:relative;align-self:center;justify-self:center;height:100%;max-height:1050px;width:100%;max-width:450px;background-color:var(--light-color);-webkit-overflow-scrolling:touch}}.field-error{color:var(--danger-color);font-size:14px;margin-bottom:4px;font-weight:400}.bg-primary{background-color:var(--primary-color)}.bg-primary-light{background-color:var(--primary-light-20)}.bg-primary-dark{background-color:var(--primary-dark-20)}.bg-light{background-color:var(--light-color)}.bg-dark{background-color:var(--dark-color)}.bg-gray-light{background-color:var(--gray-10)}.bg-gray{background-color:var(--gray-20)}.bg-gray-dark{background-color:var(--gray-30)}.text-primary{color:var(--primary-color)}.text-primary-light{color:var(--primary-light-20)}.text-primary-dark{color:var(--primary-dark-20)}.text-light{color:var(--light-color)}.text-dark{color:var(--dark-color)}.text-muted{color:var(--muted-color)}.gradient-primary-light{background:linear-gradient(135deg,var(--primary-color),var(--primary-light-30))}.gradient-primary-dark{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark-30))}.gradient-primary-white{background:linear-gradient(135deg,var(--primary-color),var(--light-color))}.gradient-primary-black{background:linear-gradient(135deg,var(--primary-color),var(--dark-color))}.gradient-white-black{background:linear-gradient(135deg,var(--light-color),var(--dark-color))}@media screen and (max-width: 375px) and (max-height: 667px){:root{--iphone-se-primary-glow: var(--primary-color-animation);--iphone-se-glass-light: var(--light-color-animation);--iphone-se-glass-dark: var(--dark-color-animation)}.glass-effect{background:var(--light-color-animation);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--light-color-animation);box-shadow:0 8px 24px var(--dark-color-animation)}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark-20));color:var(--light-color);border:none;box-shadow:0 8px 24px var(--primary-color-animation);min-height:44px;border-radius:12px;font-weight:600;transition:all .3s ease}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-light-10),var(--primary-color));transform:translateY(-2px);box-shadow:0 12px 32px var(--primary-color-animation)}.btn-secondary{background:var(--light-color);color:var(--dark-color);border:1px solid var(--gray-color-01);box-shadow:0 4px 12px var(--dark-color-animation);min-height:44px;border-radius:12px;font-weight:600;transition:all .3s ease}.btn-secondary:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--gray-10);transform:translateY(-1px)}.btn-success{background:var(--primary-color);color:var(--light-color);border:none;box-shadow:0 8px 24px var(--primary-color-animation);min-height:44px;border-radius:12px;font-weight:600}.btn-success:hover{background:var(--primary-light-10);transform:translateY(-2px)}.card{background:radial-gradient(100px 100px at var(--x, 50%) var(--y, 50%),var(--primary-color-animation),var(--light-color-animation) 50%);padding:16px;border-radius:16px;box-shadow:0 4px 16px var(--dark-color-animation)}.text-hero{font-size:24px;font-weight:800;line-height:28px;letter-spacing:-.3px;color:var(--dark-color)}.text-body{font-size:16px;font-weight:400;line-height:20px;color:var(--dark-color)}.text-small{font-size:14px;font-weight:400;line-height:18px;color:var(--muted-color)}.text-caption{font-size:12px;font-weight:400;line-height:16px;letter-spacing:.5px;color:var(--muted-color);text-transform:uppercase}.text-gradient-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-light-30));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-primary-dark{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark-30));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-white-black{background:linear-gradient(135deg,var(--light-color),var(--dark-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shadow-primary{box-shadow:0 8px 24px var(--primary-color-animation)}.shadow-primary-dark{box-shadow:0 8px 24px #cc214240}.shadow-soft{box-shadow:0 4px 16px var(--dark-color-animation)}.shadow-light{box-shadow:0 4px 16px var(--light-color-animation)}.interactive-hover:hover{transform:translateY(-2px);box-shadow:0 12px 32px var(--dark-color-animation)}.interactive-tap:active{transform:scale(.98);transition:transform .1s ease}.status-online{background:var(--primary-color);box-shadow:0 0 8px var(--primary-color-animation)}.status-busy{background:var(--primary-dark-20);box-shadow:0 0 8px #cc214240}.status-offline{background:var(--gray-50);box-shadow:0 0 8px var(--dark-color-animation)}.glow-primary{box-shadow:0 0 20px var(--primary-color-animation)}.border-primary{border:1px solid var(--primary-color)}.border-primary-light{border:1px solid var(--primary-light-30)}.border-gray{border:1px solid var(--gray-20)}}