:root{color:#f6f3f7;font-synthesis:none;background:#08080b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{background:#08080b;min-height:100%;margin:0}body{min-width:320px;min-height:100vh}button,a{font:inherit}button{color:inherit}.app-shell{background:radial-gradient(circle at 80% -5%,#6f377f24,#0000 30%),radial-gradient(circle at -10% 55%,#71322614,#0000 31%),#08080b;min-height:100vh}.content{width:min(100%,760px);padding:max(24px, env(safe-area-inset-top)) 18px calc(110px + env(safe-area-inset-bottom));margin:0 auto}.topbar{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.brand-kicker,.page-header>span{letter-spacing:.28em;color:#ffffff61;font-size:10px}.hello{color:#ffffff8c;flex-direction:column;gap:3px;margin-top:11px;font-size:18px;display:flex}.hello strong{color:#fff;letter-spacing:-.04em;font-size:27px;font-weight:570}.icon-button{background:#ffffff09;border:1px solid #ffffff17;border-radius:15px;width:42px;height:42px;font-size:21px}.hero-card{background:radial-gradient(circle at 85% 10%,#914c9d33,#0000 35%),linear-gradient(145deg,#fff1,#ffffff05);border:1px solid #ffffff1a;border-radius:27px;padding:24px;position:relative;overflow:hidden;box-shadow:0 28px 80px #00000052}.hero-symbol{color:#ffffff09;font-size:100px;position:absolute;top:8px;right:18px}.hero-label{letter-spacing:.24em;color:#ffffff59;font-size:9px}.hero-card h1{letter-spacing:-.04em;margin:9px 0 7px;font-size:27px;font-weight:560}.hero-card p{color:#ffffff7a;max-width:400px;margin:0 0 24px;font-size:14px;line-height:1.55}.primary-button{color:#0b090d;cursor:pointer;background:#f1edf3;border:0;border-radius:17px;width:100%;min-height:52px;font-weight:650}.section-heading{justify-content:space-between;align-items:center;margin:29px 2px 13px;display:flex}.section-heading h2{margin:0;font-size:18px;font-weight:560}.section-heading button{color:#ffffff61;background:0 0;border:0;padding:0;font-size:12px}.service-grid,.services-page-grid{grid-template-columns:repeat(2,1fr);gap:11px;display:grid}.service-card,.coming-card{text-align:left;background:#ffffff08;border:1px solid #ffffff14;border-radius:22px;min-height:147px;padding:16px}.service-card{cursor:pointer;flex-direction:column;justify-content:space-between;display:flex;position:relative}.service-mark,.coming-mark{background:#ffffff0b;border:1px solid #ffffff1f;border-radius:13px;place-items:center;width:42px;height:42px;font-family:Georgia,serif;font-size:18px;display:grid}.service-copy{flex-direction:column;gap:4px;display:flex}.service-copy strong,.coming-card strong{font-size:16px;font-weight:580}.service-copy span,.coming-card span{color:#ffffff61;font-size:11px}.service-arrow{color:#ffffff40;font-size:23px;position:absolute;top:14px;right:15px}.identity-preview{cursor:pointer;background:#ffffff06;border:1px solid #ffffff13;border-radius:20px;justify-content:space-between;align-items:center;margin-top:11px;padding:17px 18px;display:flex}.identity-preview div:first-child{flex-direction:column;gap:4px;display:flex}.identity-preview span{color:#ffffff59;letter-spacing:.16em;font-size:10px}.identity-preview strong{letter-spacing:.12em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px}.identity-arrow{color:#ffffff42;font-size:25px}.page-header{margin-bottom:27px}.page-header h1{letter-spacing:-.045em;margin:10px 0 5px;font-size:32px;font-weight:560}.page-header p{color:#ffffff6e;margin:0;font-size:14px}.services-page-grid{margin-top:20px}.coming-card{opacity:.55;flex-direction:column;justify-content:space-between;display:flex}.witchid-card{text-align:center;background:radial-gradient(circle at 50% 10%,#773e8630,#0000 35%),#ffffff06;border:1px solid #ffffff17;border-radius:28px;padding:34px 20px 27px}.witchid-orbit{border:1px solid #ffffff17;border-radius:50%;place-items:center;width:90px;height:90px;margin:0 auto 25px;display:grid;box-shadow:0 0 0 12px #ffffff05,0 0 0 26px #ffffff02}.witchid-symbol{font-size:31px}.witchid-label{color:#ffffff54;letter-spacing:.25em;font-size:9px;display:block}.witchid-value{letter-spacing:.14em;margin-top:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:29px;display:block}.witchid-name{color:#ffffff85;margin-top:7px}.witchid-status{color:#ffffff8c;background:#ffffff0b;border-radius:999px;align-items:center;gap:7px;width:fit-content;margin:22px auto 0;padding:8px 11px;font-size:11px;display:flex}.status-dot{background:#9bc5a3;border-radius:50%;width:6px;height:6px}.profile-list{background:#ffffff06;border:1px solid #ffffff12;border-radius:21px;margin-top:13px;overflow:hidden}.profile-list>div{border-bottom:1px solid #ffffff0e;justify-content:space-between;padding:16px 17px;display:flex}.profile-list>div:last-child{border-bottom:0}.profile-list span{color:#ffffff5c;font-size:13px}.profile-list strong{font-size:13px;font-weight:540}.logout-button{color:#ffffff73;background:#ffffff06;border:1px solid #ffffff12;border-radius:18px;width:100%;margin-top:13px;padding:15px}.bottom-nav{z-index:20;width:min(100%,760px);padding:9px 10px calc(9px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(25px);background:#09090ce0;border-top:1px solid #ffffff12;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:#ffffff52;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;padding:7px 5px;font-size:10px;display:flex}.bottom-nav button span{font-size:18px}.bottom-nav button.active{color:#f4eff6}.loading-screen,.login-screen{text-align:center;background:radial-gradient(circle at 50% 35%,#6936782e,#0000 32%),#08080b;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:25px;display:flex}.pulse-symbol,.login-symbol{border:1px solid #ffffff1a;border-radius:21px;place-items:center;width:68px;height:68px;font-size:28px;display:grid}.pulse-symbol{animation:1.6s ease-in-out infinite pulse}.login-screen>span{color:#ffffff5c;letter-spacing:.28em;margin-top:25px;font-size:10px}.login-screen h1{letter-spacing:-.045em;margin:10px 0 6px;font-size:34px;font-weight:560}.login-screen p{color:#ffffff6e;max-width:300px;margin:0;line-height:1.55}.telegram-button{color:#0a090c;background:#f2eef4;border-radius:17px;width:min(100%,330px);margin-top:28px;padding:15px 20px;font-weight:650;text-decoration:none}@keyframes pulse{50%{opacity:.55;transform:scale(.93)}}@media (width>=700px){.content{padding-left:30px;padding-right:30px}.service-card,.coming-card{min-height:170px}}