._bottomNav_1vw0e_1{position:fixed;left:0;right:0;bottom:0;z-index:1000;display:flex;justify-content:center;padding:12px 16px env(safe-area-inset-bottom,0px)}@supports (padding: max(0px)){._bottomNav_1vw0e_1{padding-bottom:max(12px,env(safe-area-inset-bottom,0px))}}@supports not (padding: max(0px)){@media(hover:none)and (pointer:coarse){._bottomNav_1vw0e_1{padding-bottom:12px}}}._bottomNav_1vw0e_1{border-radius:20px 20px 0 0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:transform .24s ease,opacity .16s ease;background:var(--bottom-nav-bg);border-top:1px solid var(--bottom-nav-border);box-shadow:var(--bottom-nav-shadow)}._bottomNav_1vw0e_1[data-ready="0"]{opacity:0;transform:translateY(100%);pointer-events:none}._rail_1vw0e_38{width:100%;display:flex;align-items:center;justify-content:space-around;gap:0;position:relative;max-width:520px;margin:0 auto}._tab_1vw0e_49{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;text-decoration:none;transition:color .2s ease,transform .2s ease;position:relative;z-index:1;color:var(--bottom-nav-tab-color)}._tab_1vw0e_49:active{transform:scale(.94)}._tab_1vw0e_49:focus-visible{outline:2px solid color-mix(in oklab,var(--primary),transparent 65%);outline-offset:2px}._tabActive_1vw0e_70{color:var(--bottom-nav-icon-active)}._tabActive_1vw0e_70:focus,._tabActive_1vw0e_70:focus-visible{outline:none}._icon_1vw0e_77{width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:currentColor;border-radius:14px;transition:background .2s ease,color .2s ease}._iconInactive_1vw0e_88{color:var(--bottom-nav-icon-inactive);background:transparent}._iconActive_1vw0e_93{color:var(--bottom-nav-icon-active);background:linear-gradient(135deg,var(--bottom-nav-icon-bg-active-start) 0%,var(--bottom-nav-icon-bg-active-end) 100%);box-shadow:var(--bottom-nav-icon-shadow-active)}._iconSvg_1vw0e_99{width:24px;height:24px;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke:currentColor;fill:none}._iconSvgFilled_1vw0e_109{fill:currentColor;stroke:none}._iconSvgInactive_1vw0e_114{fill:var(--bottom-nav-icon-inactive)}._iconSvgActive_1vw0e_118{fill:var(--bottom-nav-icon-active)}._settingsPage_feuol_1{width:100%;min-height:100%;background:#000;color:#e8ecf3}._content_feuol_8{display:grid;gap:20px;align-items:flex-start;padding:20px 16px calc(24px + var(--bottom-nav-height, 0px) + env(safe-area-inset-bottom,0px))}._header_feuol_15{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}._headerIcon_feuol_22{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#35d5af33,#3a8bff33);border:1px solid rgba(255,255,255,.06);box-shadow:0 10px 30px #00000059}._kicker_feuol_33{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#7fe8d0}._title_feuol_40{font-size:26px;margin:2px 0;color:#fff}._subtitle_feuol_46{margin:0;font-size:13px;color:#9fb4cb}._headerText_feuol_52{display:grid;gap:4px}._closeBtn_feuol_57{width:36px;height:36px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#e8ecf3;font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .15s ease,background .15s ease,border .15s ease}._closeBtn_feuol_57:hover{transform:translateY(-1px);box-shadow:0 10px 24px #00000047;background:#35d5af1f;border-color:#35d5af59}._section_feuol_76{background:#0d111be6;border:1px solid rgba(255,255,255,.06);border-radius:16px;box-shadow:0 14px 36px #00000059;padding:16px}._sectionHead_feuol_84{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}._sectionLabel_feuol_91{font-size:13px;font-weight:700;letter-spacing:.02em;color:#cfe5ff}._cardGrid_feuol_98{display:grid;gap:10px}._row_feuol_103{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);transition:border .2s ease,background .2s ease}._row_feuol_103:hover{border-color:#35d5af4d;background:#ffffff0a}._rowText_feuol_119{flex:1;min-width:0;display:grid;gap:4px}._rowTitle_feuol_126{font-weight:700;font-size:14px;color:#e8ecf3}._rowDescription_feuol_132{font-size:12px;color:#9fb4cb}._rowAction_feuol_137{display:flex;align-items:center;gap:8px;margin-left:auto;justify-content:flex-end}._switch_feuol_145{position:relative;width:48px;height:26px;display:inline-flex;align-items:center}._switch_feuol_145 input{opacity:0;width:0;height:0}._slider_feuol_159{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff1a;border-radius:999px;border:1px solid rgba(255,255,255,.14);transition:all .2s ease}._slider_feuol_159:before{content:"";position:absolute;height:18px;width:18px;left:4px;top:3px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 3px 10px #00000059}._switch_feuol_145 input:checked+._slider_feuol_159{background:linear-gradient(135deg,#35d5af,#3a8bff);border-color:#35d5af4d}._switch_feuol_145 input:checked+._slider_feuol_159:before{transform:translate(20px)}._btn_feuol_190{border:1px solid transparent;border-radius:12px;font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .15s ease,background .15s ease,border .15s ease;color:#0b101c;background:#dfe8f3;padding:10px 14px}._btn_md_feuol_201{font-size:13px}._btn_sm_feuol_205{font-size:12px;padding:8px 12px}._btn_feuol_190:hover{transform:translateY(-1px);box-shadow:0 10px 24px #00000040}._btn_solid_feuol_215{background:linear-gradient(135deg,#35d5af,#3a8bff);color:#03121c;border:1px solid rgba(255,255,255,.08)}._btn_outline_feuol_221{background:transparent;color:#e8ecf3;border:1px solid rgba(255,255,255,.35)}._btn_danger_feuol_227{background:#ff73731f;color:#ff8a8a;border:1px solid rgba(255,115,115,.4)}._btn_ghost_feuol_233{background:#ffffff0f;color:#e8ecf3;border:1px solid rgba(255,255,255,.08)}._select_feuol_239{position:relative;min-width:140px;display:inline-flex;justify-content:flex-end}._select_feuol_239 select{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}._selectValue_feuol_253{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;font-size:13px;color:#e8ecf3}._editBtn_feuol_265{width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#e8ecf3;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .12s ease,box-shadow .15s ease,background .15s ease,border .15s ease}._editBtn_feuol_265:hover{transform:translateY(-1px);box-shadow:0 10px 24px #00000047;background:#35d5af1f;border-color:#35d5af59}._nameInput_feuol_287{width:100%;padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff14;font-size:14px;color:#e8ecf3;font-weight:600;margin-top:8px;outline:none;transition:border .2s ease,background .2s ease}._nameInput_feuol_287:focus{border-color:#35d5af80;background:#ffffff1f}._nameInput_feuol_287::placeholder{color:#9fb4cb}@custom-variant dark (&:is(.dark *));@font-face{font-family:ZenterSPDemo;src:url(/fonts/ZenterSPDemo-Black.otf) format("opentype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:DigitalPixelV100;src:url(/fonts/DigitalPixelV100-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root,[data-theme=primary]{--font-size: 16px;--background: #F5F3EF;--foreground: #1C1C1E;--card: rgba(255, 255, 255, .85);--card-foreground: #1C1C1E;--popover: rgba(255, 255, 255, .95);--popover-foreground: #1C1C1E;--primary: #34C759;--primary-foreground: #ffffff;--secondary: #F2F2F7;--secondary-foreground: #1C1C1E;--muted: #E5E5EA;--muted-foreground: #8E8E93;--accent: #FFD60A;--accent-foreground: #1C1C1E;--destructive: #FF3B30;--destructive-foreground: #ffffff;--success: #34C759;--warning: #FF9500;--info: #007AFF;--calm: #5AC8FA;--border: rgba(60, 60, 67, .12);--input: transparent;--input-background: rgba(120, 120, 128, .12);--switch-background: #E5E5EA;--font-weight-medium: 500;--font-weight-normal: 400;--ring: #34C759;--chart-1: #34C759;--chart-2: #5AC8FA;--chart-3: #007AFF;--chart-4: #FF9500;--chart-5: #AF52DE;--radius: 1.25rem;--sidebar: rgba(242, 242, 247, .8);--sidebar-foreground: #1C1C1E;--sidebar-primary: #34C759;--sidebar-primary-foreground: #ffffff;--sidebar-accent: rgba(120, 120, 128, .12);--sidebar-accent-foreground: #1C1C1E;--sidebar-border: rgba(60, 60, 67, .12);--sidebar-ring: #34C759;--theme-primary-color: #35d5af;--theme-secondary-color: #51e1c4;--theme-accent-color: #30D158;--theme-glow-color: rgba(53, 213, 175, .4);--theme-shadow-color: rgba(53, 213, 175, .25)}[data-theme=cyberpunk]{--background: #0a0a0f;--foreground: #00ff88;--card: rgba(10, 10, 15, .95);--card-foreground: #00ff88;--popover: rgba(10, 10, 15, .98);--popover-foreground: #00ff88;--primary: #ff0080;--primary-foreground: #0a0a0f;--secondary: rgba(0, 255, 136, .1);--secondary-foreground: #00ff88;--muted: rgba(0, 255, 136, .2);--muted-foreground: rgba(0, 255, 136, .7);--accent: #ff0080;--accent-foreground: #0a0a0f;--destructive: #ff0040;--destructive-foreground: #0a0a0f;--success: #00ff88;--warning: #ffaa00;--info: #0080ff;--calm: #00ffff;--border: rgba(0, 255, 136, .3);--input: rgba(0, 255, 136, .2);--input-background: rgba(0, 255, 136, .1);--switch-background: rgba(0, 255, 136, .2);--ring: #ff0080;--chart-1: #ff0080;--chart-2: #00ff88;--chart-3: #0080ff;--chart-4: #ffaa00;--chart-5: #ff00ff;--radius: 1.25rem;--sidebar: rgba(10, 10, 15, .95);--sidebar-foreground: #00ff88;--sidebar-primary: #ff0080;--sidebar-primary-foreground: #0a0a0f;--sidebar-accent: rgba(0, 255, 136, .2);--sidebar-accent-foreground: #00ff88;--sidebar-border: rgba(0, 255, 136, .3);--sidebar-ring: #ff0080;--theme-primary-color: #ff0080;--theme-secondary-color: #00ff88;--theme-accent-color: #00ffff;--theme-glow-color: rgba(255, 0, 128, .6);--theme-shadow-color: rgba(0, 255, 136, .4)}[data-theme=primary].dark,.dark[data-theme=primary]{--background: #000000;--foreground: #F5F5F7;--card: rgba(28, 28, 30, .85);--card-foreground: #F5F5F7;--popover: rgba(28, 28, 30, .95);--popover-foreground: #F5F5F7;--primary: #30D158;--primary-foreground: #000000;--secondary: #1C1C1E;--secondary-foreground: #F5F5F7;--muted: #2C2C2E;--muted-foreground: #98989D;--accent: #FFD60A;--accent-foreground: #000000;--destructive: #FF453A;--destructive-foreground: #000000;--success: #30D158;--warning: #FF9F0A;--info: #0A84FF;--calm: #64D2FF;--border: rgba(255, 255, 255, .12);--input: rgba(255, 255, 255, .12);--input-background: rgba(120, 120, 128, .24);--switch-background: #2C2C2E;--ring: #30D158;--chart-1: #30D158;--chart-2: #64D2FF;--chart-3: #0A84FF;--chart-4: #FF9F0A;--chart-5: #BF5AF2;--sidebar: rgba(28, 28, 30, .8);--sidebar-foreground: #F5F5F7;--sidebar-primary: #30D158;--sidebar-primary-foreground: #000000;--sidebar-accent: rgba(120, 120, 128, .24);--sidebar-accent-foreground: #F5F5F7;--sidebar-border: rgba(255, 255, 255, .12);--sidebar-ring: #30D158;--theme-primary-color: #35d5af;--theme-secondary-color: #51e1c4;--theme-accent-color: #30D158;--theme-glow-color: rgba(53, 213, 175, .4);--theme-shadow-color: rgba(53, 213, 175, .25)}@media(prefers-color-scheme:dark){:root:not(.light){--background: #000000;--foreground: #F5F5F7;--card: rgba(28, 28, 30, .85);--card-foreground: #F5F5F7;--popover: rgba(28, 28, 30, .95);--popover-foreground: #F5F5F7;--primary: #30D158;--primary-foreground: #000000;--secondary: #1C1C1E;--secondary-foreground: #F5F5F7;--muted: #2C2C2E;--muted-foreground: #98989D;--accent: #FFD60A;--accent-foreground: #000000;--destructive: #FF453A;--destructive-foreground: #000000;--success: #30D158;--warning: #FF9F0A;--info: #0A84FF;--calm: #64D2FF;--border: rgba(255, 255, 255, .12);--input: rgba(255, 255, 255, .12);--input-background: rgba(120, 120, 128, .24);--switch-background: #2C2C2E;--ring: #30D158;--chart-1: #30D158;--chart-2: #64D2FF;--chart-3: #0A84FF;--chart-4: #FF9F0A;--chart-5: #BF5AF2;--sidebar: rgba(28, 28, 30, .8);--sidebar-foreground: #F5F5F7;--sidebar-primary: #30D158;--sidebar-primary-foreground: #000000;--sidebar-accent: rgba(120, 120, 128, .24);--sidebar-accent-foreground: #F5F5F7;--sidebar-border: rgba(255, 255, 255, .12);--sidebar-ring: #30D158;--theme-primary-color: #35d5af;--theme-secondary-color: #51e1c4;--theme-accent-color: #30D158;--theme-glow-color: rgba(53, 213, 175, .4);--theme-shadow-color: rgba(53, 213, 175, .25)}}@theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-input-background: var(--input-background); --color-switch-background: var(--switch-background); --color-ring: var(--ring); --color-success: var(--success); --color-warning: var(--warning); --color-info: var(--info); --color-calm: var(--calm); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); }@layer base{body{background-color:var(--background, Canvas);color:var(--foreground, CanvasText);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:dark){:root:not(.light){color-scheme:dark}}}.glass-card{background:var(--card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border)}.glass-strong{backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%)}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.glass-card{background:#fffffff2}.dark .glass-card{background:#1c1c1ef2}}:where(a,button,input,textarea,select,[role=button],.card,.glass-card){transition-property:background-color,border-color,color,fill,stroke,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--bg: var(--background);--card: var(--card);--border: var(--border);--text: var(--foreground);--muted: var(--muted-foreground);--accent: var(--foreground);--radius: calc(var(--radius));--stage-reserve-px: 240px;--card-scale: 1;--panel: var(--card);--panel-2: var(--popover);--ring: var(--ring);--radius-md: calc(var(--radius) - 2px);--radius-lg: var(--radius);--radius-widget: calc(var(--radius) + 6px);--shadow-1: 0 24px 42px rgba(0,0,0,.32);--shadow-2: 0 16px 34px rgba(0,0,0,.44), inset 0 0 0 1px rgba(255,255,255,.02);--sp-1: 4px;--sp-2: 6px;--sp-3: 8px;--sp-4: 10px;--sp-5: 12px;--sp-6: 14px;--sp-7: 16px;--sp-8: 20px}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}html,body{min-height:100svh;margin:0;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}#root,body>div:first-child{min-height:100svh}@supports (height: 100dvh){html,body{min-height:100dvh}#root,body>div:first-child{min-height:100dvh}}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--text);background:var(--bg);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}:where(button,a,[role=button],.no-select){-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}:where(html,body,input,textarea,select,.allow-select){-webkit-user-select:text;-moz-user-select:text;user-select:text;-webkit-touch-callout:default}.container{max-width:980px;margin:0 auto;padding:16px;padding-bottom:calc(var(--bottom-nav-height, 0px) + env(safe-area-inset-bottom,0px))}.grid{max-width:980px;margin:0 auto;padding:16px;padding-bottom:calc(var(--bottom-nav-height, 0px) + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:16px}.fullheight{min-height:100svh;display:flex;flex-direction:column}.row{display:flex;align-items:center;gap:12px}.row.gap{gap:10px;flex-wrap:wrap}.spread{display:flex;align-items:center;justify-content:space-between;gap:12px}.stack-lg{display:flex;flex-direction:column;gap:20px}.stack-md{display:flex;flex-direction:column;gap:12px}.section{padding:16px}.h1{font-size:24px;font-weight:800;letter-spacing:.2px}.title-center{text-align:center;margin-top:4px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:12px}.label{font-size:12px;color:var(--muted);margin-bottom:6px;display:block}.input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--card);color:var(--text);outline:none}.input:focus{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklab,var(--ring) 25%,transparent)}.btn{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:12px;padding:10px 14px;cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.btn.ghost{background:transparent}.time-click{cursor:pointer}.file{position:relative;display:flex;align-items:center;gap:10px;border:1px dashed var(--border);border-radius:12px;padding:8px 10px;background:color-mix(in oklab,var(--card) 90%,transparent)}.file.wide{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:12px;padding:10px 12px}.file input{display:none}.file-btn{display:inline-block;padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--card);cursor:pointer;white-space:nowrap}.file-name{color:var(--muted);font-size:13px;min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-btn.small{font-size:13px;padding:8px 12px;border-radius:10px}.file-name.small{font-size:12px;line-height:1.2}.avatar{width:42px;height:42px;border-radius:12px;border:1px solid var(--border);background:var(--card);display:grid;place-items:center;overflow:hidden;flex:0 0 42px}.avatar img{width:100%;height:100%;object-fit:cover}.progress{position:relative;height:12px;border-radius:999px;overflow:hidden;background:color-mix(in oklab,var(--card) 70%,var(--border))}.progress>i{display:block;height:100%;background:linear-gradient(90deg,var(--success),color-mix(in oklab,var(--success) 70%,var(--primary)))}.progress--rank>i{background:linear-gradient(90deg,var(--info),color-mix(in oklab,var(--info) 70%,var(--calm)))}.header{padding:8px 0 0;display:flex;flex-direction:column;gap:0}.header .bar{display:flex;align-items:center;justify-content:space-between;gap:12px}.header .brand{font-size:22px;font-weight:700;letter-spacing:0;margin:0;line-height:1.15}.header .badge{font-size:12px;font-weight:600;color:var(--muted);padding:4px 10px;border-radius:12px;background:color-mix(in oklab,var(--muted) 16%,transparent)}@supports not (color: color-mix(in oklab,red,blue)){.header .badge{background:#8e8e931f}}.header .subtitle{font-size:14px;color:color-mix(in oklab,var(--foreground) 60%,transparent);margin-top:2px;margin-bottom:0;line-height:1.2}.segmented{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:24px;background:color-mix(in oklab,var(--foreground) 8%,transparent);border:1px solid color-mix(in oklab,var(--foreground) 10%,transparent);box-shadow:inset 0 1px #ffffff14}.segmented__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:#ffffffdb;padding:10px 14px;border-radius:18px;display:grid;place-items:center;line-height:0;cursor:pointer}.segmented__btn--active{background:color-mix(in oklab,var(--success) 55%,var(--calm) 45%);color:#0b0b0b;box-shadow:0 6px 18px #00000059,inset 0 0 0 1px #00000040}.swipe-wrap{position:relative}.swipe-card{-webkit-user-select:none;user-select:none;touch-action:pan-y;background:var(--card);border:1px solid var(--border);border-radius:20px;padding:24px;box-shadow:0 8px 24px #00000014;will-change:transform}.swipe-ghost{height:160px}.page-shell{position:relative;display:flex;flex-direction:column;height:calc(100svh - var(--bottom-nav-height, 0px));min-height:calc(100svh - var(--bottom-nav-height, 0px));max-height:calc(100svh - var(--bottom-nav-height, 0px));padding-top:max(env(safe-area-inset-top,0px),24px)}@supports (height: 100dvh){.page-shell{height:calc(100dvh - var(--bottom-nav-height, 0px));min-height:calc(100dvh - var(--bottom-nav-height, 0px));max-height:calc(100dvh - var(--bottom-nav-height, 0px))}}.page-transition{flex:1;display:flex;flex-direction:column;min-height:0;height:100%;will-change:transform,opacity}.page-scroll{flex:1;min-height:0;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}.tg-app .page-shell{padding-top:max(env(safe-area-inset-top,0px),96px)}.page-shell--rating{padding-top:0;background:transparent}.tg-app .page-shell--rating{padding-top:0}@media(max-width:767px){.tg-app .page-shell--rating{padding-top:max(env(safe-area-inset-top,0px),80px)}}.habit-time-wrapper:focus-within{border-color:#35d5af8c;box-shadow:0 0 0 2px color-mix(in oklab,rgba(53,213,175,.6) 55%,transparent)}.habit-time-wrapper input[type=time]::-webkit-calendar-picker-indicator{display:none}.habit-time-wrapper input[type=time]::-webkit-clear-button{display:none}.habit-time-wrapper input[type=time]::-moz-focus-inner{border:0}body{touch-action:pan-x pan-y;-ms-touch-action:pan-x pan-y}.habit-row{padding:12px}.habit-row .name{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{font-size:12px;padding:4px 8px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.badge.ok{background:color-mix(in oklab,var(--success) 12%,transparent);color:var(--success);border-color:color-mix(in oklab,var(--success) 25%,transparent)}.badge.warn{background:color-mix(in oklab,var(--warning) 12%,transparent);color:var(--warning);border-color:color-mix(in oklab,var(--warning) 25%,transparent)}.badge.danger{background:color-mix(in oklab,var(--destructive) 12%,transparent);color:var(--destructive);border-color:color-mix(in oklab,var(--destructive) 25%,transparent)}.meta{gap:10px;margin-top:4px;color:var(--muted);font-size:13px;flex-wrap:wrap}.actions{display:flex;justify-content:flex-end;margin-top:14px}.form-grid{display:flex;flex-direction:column;row-gap:16px}.field{display:flex;flex-direction:column;row-gap:8px}.field .file.wide{margin-top:6px}.swipe-item{position:relative;overflow:hidden;border-radius:var(--radius)}.swipe-bg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:flex-end;align-items:stretch;background:transparent;padding-right:8px}.del-btn{width:128px;height:100%;border:none;cursor:pointer;border-radius:12px;background:var(--destructive);color:var(--destructive-foreground);font-weight:800;font-size:14px}.swipe-track{position:relative;transition:transform .15s ease-out;will-change:transform}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[data-noswipe]{touch-action:pan-y}.header-center{text-align:center}.header-center .progress{margin:8px auto 2px;max-width:520px}.card-stage{display:grid;place-items:center;align-content:center;height:calc(100svh - var(--stage-reserve-px, 240px));min-height:420px;position:relative;overflow:visible;padding:0 16px}.card-stage.card-stage--swipe{overflow:hidden}@supports (height: 100dvh){.card-stage{height:calc(100dvh - var(--stage-reserve-px, 240px))}}@media(max-width:360px){.card-stage{padding:0 10px}}@media(max-height:740px){.swipe-card.big{padding:22px 18px}.btn.circle{width:56px;height:56px}}.card-stage .swipe-ghost{height:0}.card,.swipe-card{width:100%;max-width:560px}.swipe-card.big{width:100%;max-width:560px;border-radius:24px;padding:28px 22px;box-shadow:0 10px 32px #0003}.card-stage .swipe-card.big{transform:scale(var(--card-scale));transform-origin:center top}.swipe-card.swipe-good{box-shadow:0 0 0 2px color-mix(in oklab,var(--success) 55%,transparent),0 20px 44px color-mix(in oklab,var(--success) 25%,transparent),inset 0 0 120px color-mix(in oklab,var(--success) 8%,transparent)}.swipe-card.swipe-bad{box-shadow:0 0 0 2px color-mix(in oklab,var(--destructive) 55%,transparent),0 20px 44px color-mix(in oklab,var(--destructive) 25%,transparent),inset 0 0 120px color-mix(in oklab,var(--destructive) 8%,transparent)}.swipe-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;font-weight:900;letter-spacing:.3px;font-size:24px;opacity:0;transition:opacity .12s ease}.swipe-overlay.ok{color:var(--success)}.swipe-overlay.bad{color:var(--destructive)}.swipe-card.swipe-good .swipe-overlay.ok,.swipe-card.swipe-bad .swipe-overlay.bad{opacity:.95}.action-col{display:flex;flex-direction:column;align-items:center;gap:6px}.action-col .label{font-size:12px;color:var(--muted)}.action-col .label.red{color:var(--destructive);font-weight:700}.action-col .label.green{color:var(--success);font-weight:700}.btn.circle{width:64px;height:64px;border-radius:16px;font-size:22px;line-height:1;display:grid;place-items:center}@media(max-width:380px){:root{--card-scale: .9;--stage-reserve-px: 120px}.btn.circle{width:52px;height:52px;font-size:18px}.swipe-card.big{padding:20px 16px;border-radius:18px}.container{padding:12px}}@media(max-height:680px){:root{--stage-reserve-px: 160px;--card-scale: .92}.btn.circle{width:54px;height:54px;font-size:20px}.swipe-card.big{padding:20px 16px}}@media(max-height:640px){:root{--stage-reserve-px: 145px;--card-scale: .88}}@media(max-height:600px){:root{--stage-reserve-px: 130px;--card-scale: .84}}@media(max-height:667px){:root{--stage-reserve-px: 120px}}@media(min-width:834px)and (min-height:1024px){:root{--card-scale: 1.06}.card,.swipe-card,.swipe-card.big,.header-center .progress{max-width:640px}}:root{--bottom-nav-height: 72px}.bottom-nav :where(a,button){-webkit-tap-highlight-color:transparent;outline:none}.bottom-nav :where(a,button):focus-visible{outline:2px solid color-mix(in oklab,var(--primary),transparent 65%);outline-offset:3px;border-radius:16px}@media(max-width:380px){:root{--bottom-nav-height: 64px}}.app-viewport{min-height:100svh;display:flex;flex-direction:column}.app-main{flex:1 0 auto}:where(a,button){-webkit-tap-highlight-color:rgba(0,0,0,0)}.page-title{font-size:19px;line-height:1.15;font-weight:600;margin:0}.page-subtitle{font-size:12px;line-height:1.35;color:#ced2d8ad;margin:0}:root,[data-theme=primary]{--bottom-nav-bg: rgba(10, 12, 14, .98);--bottom-nav-border: rgba(255, 255, 255, .06);--bottom-nav-shadow: 0 -12px 32px rgba(0, 0, 0, .35);--bottom-nav-icon-inactive: rgba(255, 255, 255, .45);--bottom-nav-icon-active: #fff;--bottom-nav-icon-bg-active-start: #34C759;--bottom-nav-icon-bg-active-end: #2ca84e;--bottom-nav-icon-shadow-active: 0 4px 12px rgba(52, 199, 89, .35);--bottom-nav-tab-color: rgba(255, 255, 255, .58)}[data-theme=cyberpunk]{--bottom-nav-bg: rgba(10, 10, 15, .98);--bottom-nav-border: rgba(0, 255, 136, .2);--bottom-nav-shadow: 0 -12px 32px rgba(0, 0, 0, .6), 0 0 20px rgba(255, 0, 128, .1);--bottom-nav-icon-inactive: rgba(0, 255, 136, .4);--bottom-nav-icon-active: #00ff88;--bottom-nav-icon-bg-active-start: #ff0080;--bottom-nav-icon-bg-active-end: #ff0040;--bottom-nav-icon-shadow-active: 0 4px 16px rgba(255, 0, 128, .5), 0 0 20px rgba(255, 0, 128, .3);--bottom-nav-tab-color: rgba(0, 255, 136, .3)}:root,[data-theme=primary]{--habit-form-primary-color: #35d5af;--habit-form-primary-color-rgb: 53, 213, 175;--habit-form-primary-gradient-start: #51e1c4;--habit-form-primary-gradient-end: #35d5af;--habit-form-primary-text-on: #041412;--habit-form-bg-form: rgba(12, 13, 16, .92);--habit-form-bg-input: rgba(18, 20, 24, .92);--habit-form-bg-button: rgba(18, 20, 24, .92);--habit-form-bg-button-disabled: rgba(24, 26, 30, .9);--habit-form-bg-button-active: rgba(53, 213, 175, .22);--habit-form-bg-button-daily-active: rgba(53, 213, 175, 1);--habit-form-bg-emoji-panel: rgba(18, 19, 22, .92);--habit-form-bg-emoji-item: rgba(16, 18, 20, .9);--habit-form-bg-emoji-item-active: rgba(53, 213, 175, .18);--habit-form-bg-close-button: rgba(16, 18, 22, .92);--habit-form-border-form: rgba(255, 255, 255, .05);--habit-form-border-input: rgba(255, 255, 255, .08);--habit-form-border-button: rgba(255, 255, 255, .08);--habit-form-border-button-active: rgba(53, 213, 175, .55);--habit-form-border-button-daily-active: rgba(53, 213, 175, .65);--habit-form-border-close-button: rgba(255, 255, 255, .1);--habit-form-border-emoji-panel: rgba(255, 255, 255, .06);--habit-form-border-emoji-item: rgba(255, 255, 255, .08);--habit-form-border-emoji-item-active: 2px solid #35d5af;--habit-form-text-primary: rgba(236, 240, 244, .95);--habit-form-text-secondary: rgba(206, 210, 216, .82);--habit-form-text-tertiary: rgba(206, 210, 216, .55);--habit-form-text-button: rgba(236, 240, 244, .72);--habit-form-text-button-active: #35d5af;--habit-form-text-button-daily-active: #041412;--habit-form-text-button-disabled: rgba(206, 210, 216, .5);--habit-form-text-hint: rgba(206, 210, 216, .62);--habit-form-shadow-form: 0 20px 40px rgba(0, 0, 0, .28);--habit-form-shadow-button-active: 0 8px 20px rgba(53, 213, 175, .28);--habit-form-shadow-button-daily-active: 0 10px 24px rgba(53, 213, 175, .28);--habit-form-spacing-xs: 4px;--habit-form-spacing-sm: 6px;--habit-form-spacing-md: 8px;--habit-form-spacing-lg: 10px;--habit-form-spacing-xl: 12px;--habit-form-spacing-xxl: 16px;--habit-form-spacing-xxxl: 20px;--habit-form-spacing-xxxxl: 24px;--habit-form-spacing-xxxxxl: 28px;--habit-form-radius-sm: 10px;--habit-form-radius-md: 12px;--habit-form-radius-lg: 16px;--habit-form-radius-xl: 18px;--habit-form-radius-xxl: 28px;--habit-form-radius-full: 999px;--habit-form-font-size-xs: 14px;--habit-form-font-size-sm: 14px;--habit-form-font-size-md: 14px;--habit-form-font-size-lg: 14px;--habit-form-font-size-xl: 14px;--habit-form-font-size-xxl: 14px;--habit-form-font-size-xxxl: 14px;--habit-form-font-size-xxxxl: 14px;--habit-form-font-size-xxxxxl: 14px;--habit-form-transition: .16s ease;--habit-form-transition-medium: .18s ease;--habit-form-transition-slow: .28s cubic-bezier(.22, .61, .36, 1)}[data-theme=cyberpunk]{--habit-form-primary-color: #00ff41;--habit-form-primary-color-rgb: 0, 255, 65;--habit-form-primary-gradient-start: #00ff88;--habit-form-primary-gradient-end: #00ff41;--habit-form-primary-text-on: #000000;--habit-form-bg-form: rgba(0, 0, 0, .95);--habit-form-bg-input: rgba(10, 10, 15, .95);--habit-form-bg-button: rgba(10, 10, 15, .95);--habit-form-bg-button-disabled: rgba(15, 15, 20, .9);--habit-form-bg-button-active: rgba(0, 255, 65, .25);--habit-form-bg-button-daily-active: rgba(0, 255, 65, 1);--habit-form-bg-emoji-panel: rgba(5, 5, 10, .95);--habit-form-bg-emoji-item: rgba(0, 0, 0, .8);--habit-form-bg-emoji-item-active: rgba(0, 255, 65, .2);--habit-form-bg-close-button: rgba(10, 10, 15, .95);--habit-form-border-form: rgba(0, 255, 65, .2);--habit-form-border-input: rgba(0, 255, 65, .2);--habit-form-border-button: rgba(0, 255, 65, .2);--habit-form-border-button-active: rgba(0, 255, 65, .7);--habit-form-border-button-daily-active: rgba(0, 255, 65, .8);--habit-form-border-close-button: rgba(0, 255, 65, .3);--habit-form-border-emoji-panel: rgba(0, 255, 65, .15);--habit-form-border-emoji-item: rgba(0, 255, 65, .2);--habit-form-border-emoji-item-active: 2px solid #00ff41;--habit-form-text-primary: rgba(0, 255, 65, .95);--habit-form-text-secondary: rgba(150, 255, 180, .85);--habit-form-text-tertiary: rgba(100, 200, 120, .6);--habit-form-text-button: rgba(200, 255, 220, .8);--habit-form-text-button-active: #00ff41;--habit-form-text-button-daily-active: #000000;--habit-form-text-button-disabled: rgba(100, 100, 100, .5);--habit-form-text-hint: rgba(100, 200, 120, .7);--habit-form-shadow-form: 0 20px 40px rgba(0, 0, 0, .5), 0 0 30px rgba(0, 255, 65, .1);--habit-form-shadow-button-active: 0 8px 20px rgba(0, 255, 65, .4), 0 0 15px rgba(0, 255, 65, .2);--habit-form-shadow-button-daily-active: 0 10px 24px rgba(0, 255, 65, .5), 0 0 20px rgba(0, 255, 65, .3);--habit-form-spacing-xs: 4px;--habit-form-spacing-sm: 6px;--habit-form-spacing-md: 8px;--habit-form-spacing-lg: 10px;--habit-form-spacing-xl: 12px;--habit-form-spacing-xxl: 16px;--habit-form-spacing-xxxl: 20px;--habit-form-spacing-xxxxl: 24px;--habit-form-spacing-xxxxxl: 28px;--habit-form-radius-sm: 10px;--habit-form-radius-md: 12px;--habit-form-radius-lg: 16px;--habit-form-radius-xl: 18px;--habit-form-radius-xxl: 28px;--habit-form-radius-full: 999px;--habit-form-font-size-xs: 14px;--habit-form-font-size-sm: 14px;--habit-form-font-size-md: 14px;--habit-form-font-size-lg: 14px;--habit-form-font-size-xl: 14px;--habit-form-font-size-xxl: 14px;--habit-form-font-size-xxxl: 14px;--habit-form-font-size-xxxxl: 14px;--habit-form-font-size-xxxxxl: 14px;--habit-form-transition: .16s ease;--habit-form-transition-medium: .18s ease;--habit-form-transition-slow: .28s cubic-bezier(.22, .61, .36, 1)}:root,[data-theme=primary]{--habit-list-primary-color: #35d5af;--habit-list-primary-color-rgb: 53, 213, 175;--habit-list-primary-gradient-start: #51e1c4;--habit-list-primary-gradient-end: #35d5af;--habit-list-primary-text-on: #041412;--habit-list-bg-card: rgba(0, 0, 0, 1);--habit-list-bg-card-secondary: rgba(18, 19, 22, .92);--habit-list-bg-card-tertiary: rgba(16, 18, 22, .76);--habit-list-bg-input: rgba(12, 13, 16, .9);--habit-list-bg-button: rgba(16, 18, 22, .92);--habit-list-bg-button-disabled: rgba(42, 46, 52, .35);--habit-list-bg-avatar: rgba(12, 12, 12, .65);--habit-list-bg-avatar-emoji: rgba(12, 24, 22, .7);--habit-list-bg-pill: rgba(53, 213, 175, .12);--habit-list-bg-button-active: rgba(53, 213, 175, .22);--habit-list-bg-button-daily-active: rgba(53, 213, 175, 1);--habit-list-border-card: rgba(53, 213, 175, .28);--habit-list-border-avatar: rgba(53, 213, 175, .3);--habit-list-border-button: rgba(53, 213, 175, .4);--habit-list-border-button-disabled: rgba(128, 138, 148, .28);--habit-list-border-button-active: rgba(53, 213, 175, .55);--habit-list-border-button-daily-active: rgba(53, 213, 175, .65);--habit-list-border-input: rgba(255, 255, 255, .08);--habit-list-text-primary: rgba(243, 245, 247, .95);--habit-list-text-secondary: rgba(226, 228, 232, .92);--habit-list-text-tertiary: rgba(206, 210, 216, .7);--habit-list-text-button: rgba(214, 255, 241, .9);--habit-list-text-button-disabled: rgba(168, 178, 186, .65);--habit-list-text-button-active: #35d5af;--habit-list-text-button-daily-active: #041412;--habit-list-text-delete: rgba(255, 180, 180, .92);--habit-list-shadow-card: 0 18px 28px rgba(0, 0, 0, .22);--habit-list-shadow-button-active: 0 8px 16px rgba(53, 213, 175, .22);--habit-list-shadow-button-daily-active: 0 10px 24px rgba(53, 213, 175, .28);--habit-list-shadow-button-create: 0 12px 28px rgba(53, 213, 175, .28);--habit-list-spacing-xs: 4px;--habit-list-spacing-sm: 6px;--habit-list-spacing-md: 10px;--habit-list-spacing-lg: 12px;--habit-list-spacing-xl: 16px;--habit-list-spacing-xxl: 20px;--habit-list-radius-sm: 10px;--habit-list-radius-md: 14px;--habit-list-radius-lg: 16px;--habit-list-radius-xl: 20px;--habit-list-radius-full: 999px;--habit-list-font-size-xs: 14px;--habit-list-font-size-sm: 14px;--habit-list-font-size-md: 14px;--habit-list-font-size-lg: 14px;--habit-list-font-size-xl: 14px;--habit-list-font-size-xxl: 14px;--habit-list-transition: .18s ease;--habit-list-transition-fast: .15s ease;--habit-list-transition-slow: .28s cubic-bezier(.22, .61, .36, 1)}[data-theme=cyberpunk]{--habit-list-primary-color: #00ff41;--habit-list-primary-color-rgb: 0, 255, 65;--habit-list-primary-gradient-start: #00ff88;--habit-list-primary-gradient-end: #00ff41;--habit-list-primary-text-on: #000000;--habit-list-bg-card: rgba(0, 0, 0, 1);--habit-list-bg-card-secondary: rgba(10, 10, 15, .95);--habit-list-bg-card-tertiary: rgba(5, 5, 10, .9);--habit-list-bg-input: rgba(0, 0, 0, .8);--habit-list-bg-button: rgba(10, 10, 15, .95);--habit-list-bg-button-disabled: rgba(20, 20, 25, .5);--habit-list-bg-avatar: rgba(0, 0, 0, .7);--habit-list-bg-avatar-emoji: rgba(0, 20, 10, .8);--habit-list-bg-pill: rgba(0, 255, 65, .15);--habit-list-bg-button-active: rgba(0, 255, 65, .25);--habit-list-bg-button-daily-active: rgba(0, 255, 65, 1);--habit-list-border-card: rgba(0, 255, 65, .4);--habit-list-border-avatar: rgba(0, 255, 65, .5);--habit-list-border-button: rgba(0, 255, 65, .5);--habit-list-border-button-disabled: rgba(100, 100, 100, .3);--habit-list-border-button-active: rgba(0, 255, 65, .7);--habit-list-border-button-daily-active: rgba(0, 255, 65, .8);--habit-list-border-input: rgba(0, 255, 65, .2);--habit-list-text-primary: rgba(0, 255, 65, .95);--habit-list-text-secondary: rgba(200, 255, 220, .9);--habit-list-text-tertiary: rgba(150, 200, 170, .7);--habit-list-text-button: rgba(0, 255, 65, .95);--habit-list-text-button-disabled: rgba(100, 100, 100, .6);--habit-list-text-button-active: #00ff41;--habit-list-text-button-daily-active: #000000;--habit-list-text-delete: rgba(255, 100, 100, .95);--habit-list-shadow-card: 0 18px 28px rgba(0, 0, 0, .5), 0 0 20px rgba(0, 255, 65, .1);--habit-list-shadow-button-active: 0 8px 16px rgba(0, 255, 65, .3), 0 0 10px rgba(0, 255, 65, .2);--habit-list-shadow-button-daily-active: 0 10px 24px rgba(0, 255, 65, .4), 0 0 15px rgba(0, 255, 65, .3);--habit-list-shadow-button-create: 0 12px 28px rgba(0, 255, 65, .4), 0 0 20px rgba(0, 255, 65, .2);--habit-list-spacing-xs: 4px;--habit-list-spacing-sm: 6px;--habit-list-spacing-md: 10px;--habit-list-spacing-lg: 12px;--habit-list-spacing-xl: 16px;--habit-list-spacing-xxl: 20px;--habit-list-radius-sm: 10px;--habit-list-radius-md: 14px;--habit-list-radius-lg: 16px;--habit-list-radius-xl: 20px;--habit-list-radius-full: 999px;--habit-list-font-size-xs: 14px;--habit-list-font-size-sm: 14px;--habit-list-font-size-md: 14px;--habit-list-font-size-lg: 14px;--habit-list-font-size-xl: 14px;--habit-list-font-size-xxl: 14px;--habit-list-transition: .18s ease;--habit-list-transition-fast: .15s ease;--habit-list-transition-slow: .28s cubic-bezier(.22, .61, .36, 1)}