:root{--gl-ink: #0f1115;--gl-slate: #5c6370;--gl-white: #ffffff;--gl-bg: #f7faf9;--gl-surface: #ffffff;--gl-surface-soft: #f8fafc;--gl-surface-elevated: rgba(255, 255, 255, .94);--gl-surface-hover: rgba(15, 23, 42, .04);--gl-glass-bg: linear-gradient( 145deg, rgba(255, 255, 255, .68), rgba(255, 255, 255, .34) 48%, rgba(240, 253, 250, .22) );--gl-glass-bg-strong: linear-gradient( 145deg, rgba(255, 255, 255, .78), rgba(255, 255, 255, .42) 52%, rgba(236, 253, 245, .28) );--gl-glass-border: rgba(255, 255, 255, .78);--gl-glass-rim: rgba(255, 255, 255, .92);--gl-glass-shadow: 0 18px 48px rgba(15, 23, 42, .11), inset 0 1px 0 rgba(255, 255, 255, .82), inset 0 -1px 0 rgba(255, 255, 255, .34);--gl-glass-blur: blur(30px) saturate(1.45) contrast(1.04);--gl-field-bg: rgba(255, 255, 255, .96);--gl-field-border: rgba(15, 23, 42, .12);--gl-field-placeholder: #8a94a3;--gl-overlay: rgba(15, 23, 42, .42);--gl-ring: rgba(16, 185, 129, .18);--gl-text-soft: #64748b;--gl-accent: #0f766e;--gl-accent-strong: #047857;--gl-accent-soft: rgba(16, 185, 129, .12);--gl-warning-text: #a16207;--gl-warning-bg: rgba(245, 158, 11, .14);--gl-success-text: #065f46;--gl-success-bg: #ecfdf5;--gl-border: rgba(0, 0, 0, .08);--gl-border-strong: rgba(15, 23, 42, .12);--gl-header-bg: rgba(255, 255, 255, .86);--gl-tabbar-bg: rgba(255, 255, 255, .96);--gl-muted-bg: rgba(240, 253, 250, .92);--gl-danger-bg: #fff2f2;--gl-danger-text: #991b1b;--gl-card-shadow: 0 12px 28px rgba(15, 23, 42, .08);--gl-emerald: #00C953;--gl-mint: #34f5c5;--gl-yellow: #f59e0b;--gl-red: #ef4444;--gl-grad: linear-gradient(135deg, #00C953 0%, #34f5c5 85%, #7cf7e5 100%);--gl-grad-soft: linear-gradient( 135deg, rgba(16, 185, 129, .08), rgba(52, 245, 197, .1) );--gl-radius-sm: 10px;--gl-radius-md: 14px;--gl-radius-lg: 16px;--gl-radius-xl: 22px;--gl-radius-pill: 999px;--gl-shadow-xs: 0 2px 6px rgba(0, 0, 0, .06);--gl-shadow-sm: 0 6px 18px rgba(0, 0, 0, .08);--gl-shadow-md: 0 10px 24px rgba(0, 0, 0, .12);--gl-shadow-lg: 0 18px 40px rgba(0, 0, 0, .16);--gl-container: clamp(280px, 92vw, 1120px);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}#root{min-height:100svh}html,body{margin:0;padding:0;width:100%;overflow-x:hidden}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400;line-height:1.45;color:var(--gl-ink);background-color:var(--gl-bg);background:var(--gl-bg);background:radial-gradient(circle at 18% -8%,color-mix(in srgb,var(--gl-mint) 18%,transparent) 0 22%,transparent 42%),radial-gradient(circle at 88% 8%,color-mix(in srgb,var(--gl-emerald) 12%,transparent) 0 18%,transparent 38%),linear-gradient(180deg,color-mix(in srgb,var(--gl-bg) 92%,var(--gl-emerald) 8%) 0%,var(--gl-bg) 44%),var(--gl-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden;overscroll-behavior-y:none}::selection{color:#04110d;background:#34f5c5b8}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--gl-slate) 36%,transparent);border:3px solid transparent;border-radius:999px;background-clip:padding-box}img,video{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:700;letter-spacing:-.01em;margin:0}p{margin:0}small{color:var(--gl-slate)}.container{width:100%;max-width:var(--gl-container);margin-inline:auto;padding-inline:clamp(12px,3vw,24px)}.card,.soft-card{background:var(--gl-glass-bg);border-radius:var(--gl-radius-lg);border:1px solid var(--gl-glass-border);box-shadow:var(--gl-glass-shadow);backdrop-filter:var(--gl-glass-blur);-webkit-backdrop-filter:var(--gl-glass-blur);position:relative;overflow:hidden}.card:before,.soft-card:before,.liquid-glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,var(--gl-glass-rim),transparent 38%),radial-gradient(circle at 78% 0%,rgba(255,255,255,.22),transparent 30%);opacity:.74;mix-blend-mode:screen}.liquid-glass{background:var(--gl-glass-bg);border:1px solid var(--gl-glass-border);box-shadow:var(--gl-glass-shadow);backdrop-filter:var(--gl-glass-blur);-webkit-backdrop-filter:var(--gl-glass-blur);position:relative;overflow:hidden}.liquid-glass-strong{background:var(--gl-glass-bg-strong)}.card-pad{padding:16px}.card-compact{padding:12px}.skeleton{border-radius:var(--gl-radius-lg);background:linear-gradient(90deg,color-mix(in srgb,var(--gl-ink) 7%,transparent) 25%,color-mix(in srgb,var(--gl-ink) 12%,transparent) 37%,color-mix(in srgb,var(--gl-ink) 7%,transparent) 63%);background-size:400% 100%;animation:gl-skeleton 1.2s ease-in-out infinite}@keyframes gl-skeleton{0%{background-position:100% 50%}to{background-position:0 50%}}button{font-family:inherit}.btn{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:44px;padding-inline:16px;font-weight:700;letter-spacing:.2px;border-radius:var(--gl-radius-md);border:1px solid var(--gl-border);color:var(--gl-ink);background:var(--gl-surface-elevated);box-shadow:var(--gl-shadow-xs);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.btn:hover{transform:translateY(-1px);box-shadow:var(--gl-shadow-sm)}.btn:active{transform:translateY(0);box-shadow:var(--gl-shadow-xs)}.btn:focus-visible,.input:focus-visible,.textarea:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible{outline:none;box-shadow:0 0 0 4px var(--gl-ring)}.btn-primary{border:none;color:#fff;background:var(--gl-grad);box-shadow:var(--gl-shadow-md)}.btn-ghost{background:var(--gl-surface);border:1px solid var(--gl-border)}.btn-danger{border:none;color:#fff;background:linear-gradient(135deg,#ef4444,#ff6b6b);box-shadow:var(--gl-shadow-md)}input,select,textarea{font-family:inherit;color:var(--gl-ink);font-size:16px;caret-color:var(--gl-accent-strong)}input::placeholder,textarea::placeholder{color:var(--gl-field-placeholder)}.input{width:100%;height:44px;border-radius:var(--gl-radius-md);border:1px solid var(--gl-field-border);padding:0 12px;background:var(--gl-field-bg);outline:none}.input:focus{border-color:#10b9818c;box-shadow:0 0 0 4px var(--gl-ring)}.textarea{width:100%;min-height:100px;border-radius:var(--gl-radius-md);border:1px solid var(--gl-field-border);padding:10px 12px;background:var(--gl-field-bg);outline:none;resize:vertical}.textarea:focus{border-color:#10b9818c;box-shadow:0 0 0 4px var(--gl-ring)}.field{display:grid;gap:6px}.label{font-weight:600;color:var(--gl-slate);font-size:13px}.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--gl-radius-pill);font-weight:700;font-size:12px}.pill-green{color:var(--gl-success-text);background:var(--gl-success-bg)}.pill-yellow{color:var(--gl-warning-text);background:var(--gl-warning-bg)}.pill-red{color:var(--gl-red);background:#ef444424}.row{display:flex;align-items:center;gap:12px}.stack{display:grid;gap:12px}.header-compact{padding:16px;background:var(--gl-grad-soft);border-radius:var(--gl-radius-xl);border:1px solid var(--gl-border);box-shadow:var(--gl-shadow-sm)}.app-logo-cluster{margin-right:-8px}.app-logo-button{width:clamp(118px,18vw,168px);max-width:36vw;height:44px;min-width:0;min-height:44px;padding:0;border:none;background:transparent;display:grid;place-items:center;cursor:pointer;user-select:none;-webkit-user-select:none;flex-shrink:0}.app-logo{grid-area:1 / 1;max-width:100%;max-height:40px;width:auto;height:auto;object-fit:contain;display:block}@keyframes mini-reaction-confetti{0%{opacity:0;transform:translate(-50%,-50%) scale(.7) rotate(0)}18%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1) rotate(var(--r))}}:root[data-reduced-motion=true] *,:root[data-reduced-motion=true] *:before,:root[data-reduced-motion=true] *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}@media(max-width:420px){h1{font-size:22px!important}h2{font-size:16px!important}.btn{height:42px;padding-inline:14px}.container{padding-inline:16px}.app-logo-cluster{margin-right:-4px}.app-logo-button{width:min(132px,35vw);height:42px}.app-logo{max-height:38px}}:root{--tap-min: 44px;--app-viewport-height: 100svh;--app-shell-max-width: 520px;--app-shell-width: min(100vw, var(--app-shell-max-width));--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--app-header-safe-top: max(0px, var(--safe-top));--app-header-base: 58px;--app-header-height: calc(var(--app-header-base) + var(--app-header-safe-top));--app-status-veil-height: max(34px, calc(var(--safe-top) + 34px));--app-content-top: var(--app-status-veil-height);--app-tabbar-base: 76px;--app-tabbar-gap: 0px;--app-tabbar-height: calc(var(--app-tabbar-base) + max(10px, var(--safe-bottom)));--app-page-pad-x: clamp(12px, 4vw, 24px)}@supports (height: 100dvh){:root{--app-viewport-height: 100dvh}}html{min-height:100%;background:var(--gl-bg);-webkit-tap-highlight-color:transparent}html.native-shell{--app-shell-max-width: 100vw}html:not(.native-shell) body{min-height:var(--app-viewport-height);background:linear-gradient(90deg,color-mix(in srgb,var(--gl-ink) 4%,transparent),transparent 18%,transparent 82%,color-mix(in srgb,var(--gl-ink) 4%,transparent)),var(--gl-bg)}html.native-shell,html.native-shell body,html.native-shell #root{width:100%;height:100%;min-height:100%;overflow:hidden;overscroll-behavior:none;touch-action:manipulation}html.native-shell body{position:fixed;top:0;right:0;bottom:0;left:0;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html.native-shell input,html.native-shell select,html.native-shell textarea{font-size:16px!important;-webkit-user-select:text;user-select:text}button,[role=button],a,input,select,textarea{min-height:var(--tap-min);font-weight:800;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,[role=button],a{min-width:var(--tap-min);user-select:none;-webkit-user-select:none}[data-app-scroll]{scrollbar-gutter:stable;scroll-behavior:smooth;scroll-padding-top:var(--app-header-height)}html.native-shell [data-app-scroll]{overscroll-behavior-y:contain;scrollbar-width:none}html.native-shell [data-app-scroll]::-webkit-scrollbar{display:none}button .hit,a .hit{position:relative}button .hit:after,a .hit:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}body{min-height:var(--app-viewport-height);background-color:var(--gl-bg);font-family:Outfit,system-ui,sans-serif}.app-shell{margin-inline:auto;max-width:var(--app-shell-max-width);isolation:isolate;box-shadow:0 0 0 1px color-mix(in srgb,var(--gl-border) 72%,transparent),0 24px 80px color-mix(in srgb,var(--gl-ink) 11%,transparent)}.app-shell:before{content:"";display:none;position:absolute;top:0;left:max(0px,calc((100% - var(--app-shell-width, 100vw)) / 2));width:var(--app-shell-width, 100%);height:var(--app-status-veil-height);z-index:90;pointer-events:none;background:#fff;border-bottom:1px solid color-mix(in srgb,var(--gl-border) 30%,transparent);backdrop-filter:blur(14px) saturate(1.08);-webkit-backdrop-filter:blur(14px) saturate(1.08)}html.native-shell .app-shell{max-width:none;box-shadow:none}html.native-shell .app-shell:before{display:block;left:0;width:100%}.app-main{background:linear-gradient(180deg,#fff 0%,#fff var(--app-status-veil-height),var(--gl-bg) 170px,transparent 260px),var(--gl-bg);box-sizing:border-box;padding-top:var(--app-content-top);-webkit-overflow-scrolling:touch}.app-header{width:var(--app-shell-width);left:50%!important;right:auto!important;transform:translate3d(-50%,0,0)!important;-webkit-transform:translate3d(-50%,0,0)!important;background:color-mix(in srgb,var(--gl-surface-elevated) 92%,transparent)!important;border-bottom:1px solid var(--gl-border)!important;box-shadow:0 8px 24px color-mix(in srgb,var(--gl-ink) 8%,transparent)!important}html.native-shell .app-header{width:100vw;box-shadow:0 1px 0 var(--gl-border)!important}.app-tabbar{height:var(--app-tabbar-height)!important;bottom:0!important;padding:8px max(12px,var(--app-page-pad-x)) max(10px,var(--safe-bottom))!important;align-items:flex-end!important;background:transparent!important;border-top:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:none}.app-tabbar-inner{position:relative!important;overflow:hidden!important;width:min(430px,100%)!important;height:62px!important;padding:5px 4px 6px!important;border-radius:18px!important;background:var(--gl-glass-bg-strong)!important;border:1px solid var(--gl-glass-border)!important;box-shadow:var(--gl-glass-shadow)!important;backdrop-filter:var(--gl-glass-blur)!important;-webkit-backdrop-filter:var(--gl-glass-blur)!important;pointer-events:auto}.app-tabbar-inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,var(--gl-glass-rim),transparent 40%),radial-gradient(circle at 50% -24%,rgba(255,255,255,.52),transparent 42%),radial-gradient(circle at 95% 100%,rgba(52,245,197,.16),transparent 38%);opacity:.82;mix-blend-mode:screen}.app-tabbar-inner>*{position:relative;z-index:1}html.native-shell .app-tabbar{background:transparent!important}html.native-shell .app-tabbar-inner{max-width:none}@supports (-webkit-touch-callout: none){body{overscroll-behavior-y:none}}.navbar{position:fixed;bottom:0;left:0;right:0;z-index:300;border-top:1px solid var(--gl-border);background:var(--gl-surface);padding-bottom:max(8px,var(--safe-bottom))}@media(max-width:430px){:root{--app-header-base: 58px;--app-tabbar-base: 76px;--app-page-pad-x: 12px}}
