@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&display=swap";:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;background:#f2efea}@media(prefers-color-scheme:dark){body{background:#0b0f19}}#root{width:100%;max-width:420px;margin:0 auto}button{font-family:inherit}html,body{font-family:system-ui,-apple-system,SF Pro Display,SF Pro Text,Roboto,Arial,sans-serif}button,input,textarea{font-family:inherit}:root{--radius-xl: 22px;--radius-lg: 18px;--light-ink: rgba(86, 66, 52, .78);--light-ink-weak: rgba(86, 66, 52, .58);--light-card: rgba(255, 248, 240, .18);--light-glass: rgba(255, 248, 240, .72);--light-border: rgba(176, 124, 58, .24);--light-gold: rgba(176, 124, 58, .98);--dark-ink: rgba(255, 255, 255, .78);--dark-ink-weak: rgba(255, 255, 255, .54);--dark-card: rgba(20, 24, 33, .3);--dark-glass: rgba(10, 12, 18, .6);--dark-border: rgba(210, 168, 108, .2);--dark-gold: rgba(210, 168, 108, .98);--shadow-soft: 0 10px 30px rgba(0, 0, 0, .16)}html,body{height:100%}body{margin:0;font-family:Manrope,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit}.appPage{min-height:100vh;padding:18px 14px 110px;background-size:cover;background-position:center;background-attachment:fixed;position:relative}.appPage{max-width:430px;margin:0 auto}.appPage.isLight{background-image:url(/assets/bg-light-DcR3YrjG.webp);color:#281e16eb}.appPage.isDark{background-image:url(/assets/bg-dark-BeQm4lUm.webp);color:#ffffffeb}.appPage.isLight:before{content:"";position:fixed;inset:0 0 auto;height:220px;pointer-events:none;background:linear-gradient(to bottom,#fff8f0bd,#fff8f03d,#fff8f000);z-index:0}.appPage.isDark:before{content:none}.pageInner{position:relative;z-index:1}.headerWrap{position:relative}.appPage.isDark .headerWrap:after{content:"";position:absolute;left:10px;right:10px;bottom:-10px;height:2px;pointer-events:none;background:linear-gradient(to right,#d2a86c00,#d2a86c8c,#d2a86c00);filter:blur(.2px)}.glassCard{border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.appPage.isLight .glassCard{background:var(--light-card);border:1px solid rgba(255,255,255,.32)}.appPage.isDark .glassCard{background:var(--dark-card);border:1px solid rgba(255,255,255,.1)}.btn{border:1px solid transparent;border-radius:999px;padding:10px 14px;font-size:14px;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.btn:focus{outline:none}.appPage.isLight .btn:focus-visible{box-shadow:0 0 0 3px #b07c3a38}.appPage.isDark .btn:focus-visible{box-shadow:0 0 0 3px #d2a86c42}.appPage.isLight .btn{background:#fff8f0b3;color:#32261ceb;border-color:#b07c3a2e}.appPage.isDark .btn{background:#0a0c128c;color:#ffffffe0;border-color:#d2a86c24}.tabsWrap{position:fixed;left:50%;transform:translate(-50%);bottom:0;z-index:20;width:min(430px,calc(100% - 20px));padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.tabsBar{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;border-radius:0 0 28px 28px;padding:10px 8px 12px;box-shadow:0 20px 60px #0003;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.appPage.isLight .tabsBar{background:var(--light-glass);border:1px solid rgba(176,124,58,.22)}.appPage.isDark .tabsBar{background:var(--dark-glass);border:1px solid rgba(210,168,108,.14)}.tabIconBtn{appearance:none;border:none;background:transparent;padding:8px 4px;border-radius:16px;cursor:pointer;display:grid;justify-items:center;gap:5px;transition:transform .12s ease,background .12s ease,color .12s ease}.tabIconBtn:focus{outline:none}.appPage.isLight .tabIconBtn:focus-visible{box-shadow:0 0 0 3px #b07c3a47;border-radius:16px}.appPage.isDark .tabIconBtn:focus-visible{box-shadow:0 0 0 3px #d2a86c4d;border-radius:16px}.tabIcon{width:28px;height:28px;display:grid;place-items:center}.tabLabel{font-size:11px;line-height:1;letter-spacing:.2px;opacity:.95}.appPage.isLight .tabIconBtn{color:var(--light-ink)}.appPage.isDark .tabIconBtn{color:var(--dark-ink-weak)}.tabIconBtn:active{transform:translateY(1px)}.tabIconBtn.isActive{color:var(--dark-gold)}.appPage.isLight .tabIconBtn.isActive{color:var(--light-gold)}.tabIconBtn.isActive .tabIcon{filter:drop-shadow(0 0 10px rgba(210,168,108,.35))}.appPage.isLight .tabIconBtn.isActive .tabIcon{filter:drop-shadow(0 0 10px rgba(176,124,58,.28))}.tabIconBtn.isActive:after{content:"";width:18px;height:2px;border-radius:10px;margin-top:2px;background:#d2a86cb3;box-shadow:0 0 12px #d2a86c38}.appPage.isLight .tabIconBtn.isActive:after{background:#b07c3a9e;box-shadow:0 0 12px #b07c3a2e}.appPage.isLight .tabIconBtn[data-tab=progress] .tabIcon{filter:drop-shadow(0 0 10px rgba(176,124,58,.14))}.appPage.isDark .tabIconBtn[data-tab=progress] .tabIcon{filter:drop-shadow(0 0 10px rgba(210,168,108,.14))}.appPage.isLight .tabIconBtn[data-tab=progress] svg{filter:drop-shadow(0 0 10px rgba(176,124,58,.22))}.appPage.isDark .tabIconBtn[data-tab=progress] svg{filter:drop-shadow(0 0 10px rgba(210,168,108,.18))}.notranslate{-webkit-text-size-adjust:100%}html,body{overflow-x:hidden}.exField::placeholder{font-size:11px;opacity:.65;font-weight:600}