:root{font-family:Vazirmatn,system-ui,sans-serif;color:#edf5ff;background:#06132d;color-scheme:dark;--blue:#3b9cff;--cyan:#60ddff;--muted:#89a5c6;--glass:rgba(14,36,73,.72)}
*{box-sizing:border-box}
html{min-height:100%;background:#06132d}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 0,#12366e 0,transparent 36%),linear-gradient(160deg,#071a3a,#030b1b 68%);overflow-x:hidden}
button,input,textarea,select{font:inherit}
button{color:inherit;border:0;cursor:pointer}
.app-shell{position:relative;z-index:1;width:min(100%,680px);margin:auto;padding:calc(18px + env(safe-area-inset-top)) 16px calc(108px + env(safe-area-inset-bottom))}
.ambient{position:fixed;width:280px;height:280px;border-radius:50%;filter:blur(72px);opacity:.2;pointer-events:none}.ambient-one{background:#0789ff;top:12%;right:-140px}.ambient-two{background:#6c36ff;bottom:10%;left:-160px}
.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.eyebrow{display:block;letter-spacing:.14em;color:#7da5cf;font-size:10px;font-weight:700}.topbar h1{font-size:25px;margin:4px 0 0;letter-spacing:-.04em}.topbar h1 span{color:var(--cyan)}
.avatar{width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#2b90ff,#1544a2);box-shadow:0 8px 25px #0a5bc255;font-weight:800}
.glass{background:var(--glass);border:1px solid #6da5e522;box-shadow:0 20px 60px #00000025,inset 0 1px #ffffff0c;backdrop-filter:blur(18px);border-radius:24px}
.hero{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:22px 20px;min-height:190px;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;inset:auto -10% -70%;height:150px;background:#218eff18;filter:blur(28px)}.hero-copy{max-width:68%;z-index:1}.badge{display:inline-flex;padding:5px 10px;border-radius:9px;background:#4caeff18;color:#87d4ff;font-size:11px}.hero h2{font-size:22px;line-height:1.55;margin:12px 0 6px}.hero p{color:var(--muted);font-size:12px;line-height:1.9;margin:0}.orb{flex:0 0 auto;width:102px;height:102px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 25%,#65dfff,#2279ef 48%,#142f9b);box-shadow:0 0 0 12px #3d9aff0b,0 0 45px #278eff88;transform:rotate(-8deg);z-index:1}.orb span{font-weight:800;font-size:25px}.orb small{font-size:10px;color:#d8f4ff}
.credit-card{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:16px 18px}.muted,.credit-card span{display:block;color:var(--muted);font-size:12px}.credit-card strong{display:block;margin-top:4px;font-size:24px}.secondary{background:#fff;color:#12366e;border-radius:12px;padding:10px 13px;font-size:12px;font-weight:700}
.section-head{display:flex;justify-content:space-between;align-items:end;margin:26px 2px 12px}.section-head h3{font-size:18px;margin:5px 0 0}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.quick-card{display:flex;flex-direction:column;align-items:flex-start;text-align:right;min-height:142px;padding:16px;border-radius:20px;background:#0d2750aa;border:1px solid #71a9e21c}.quick-card.primary{background:linear-gradient(145deg,#1978ed,#0f3f9e);box-shadow:0 14px 30px #1269d044}.quick-card .icon{display:grid;place-items:center;width:34px;height:34px;margin-bottom:auto;border-radius:11px;background:#ffffff18;color:#a4e9ff;font-size:20px}.quick-card strong{font-size:14px}.quick-card small{color:#a3bbd9;font-size:10px;margin-top:5px}.quick-card.primary small{color:#d5ecff}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:16px 8px}.stats-grid div{text-align:center;border-left:1px solid #ffffff0c}.stats-grid div:last-child{border:0}.stats-grid span{display:block;color:var(--muted);font-size:10px}.stats-grid strong{display:block;margin-top:8px;color:#8bdcff;font-size:21px}
.bottom-nav{position:fixed;z-index:4;bottom:calc(12px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(calc(100% - 28px),580px);display:grid;grid-template-columns:repeat(4,1fr);padding:8px;border-radius:21px;background:#0b2147e8;border:1px solid #7bb6ed22;box-shadow:0 16px 40px #0008;backdrop-filter:blur(20px)}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 2px;background:none;color:#7895ba;font-size:10px}.bottom-nav button span{font-size:19px}.bottom-nav button.active,.bottom-nav button:hover{color:#a6e5ff}
.toast{position:fixed;z-index:8;bottom:100px;left:50%;transform:translate(-50%,20px);opacity:0;background:#e9f6ff;color:#09234a;padding:10px 15px;border-radius:12px;font-size:12px;transition:.25s;pointer-events:none;max-width:calc(100% - 30px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
.hidden{display:none!important}.panel{position:fixed;z-index:7;inset:0;padding:18px;display:flex;align-items:flex-end;background:#020817aa;backdrop-filter:blur(8px)}.panel-card{width:min(100%,620px);max-height:90vh;overflow:auto;margin:auto;padding:18px;border-radius:26px;background:#0a2045f5}.panel-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}.panel-head h3{margin:0;font-size:18px}.icon-button{width:34px;height:34px;border-radius:11px;background:#ffffff12;font-size:23px;line-height:1}.hint{color:var(--muted);font-size:12px;line-height:1.9}.field{display:block;width:100%;margin:12px 0;padding:13px 14px;border-radius:14px;border:1px solid #7bb6ed2b;background:#061a39;color:#fff;font:inherit;font-size:13px}.textarea{min-height:130px;resize:vertical}.primary-button,.secondary.full{display:block;width:100%;margin-top:12px;padding:13px;border-radius:14px;font-weight:700}.primary-button{background:linear-gradient(135deg,#329cff,#2459d7);color:#fff}.primary-button.small{width:auto;margin:0;padding:9px 12px;font-size:11px}.secondary.full{background:#edf7ff;color:#12366e}.split-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.panel-actions{display:flex;justify-content:space-between;gap:8px;margin-top:18px}.ghost{background:#ffffff08;color:#9fc0e2;border:1px solid #7bb6ed20;padding:9px 12px;border-radius:12px;font-size:11px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.choice{display:flex;flex-direction:column;align-items:flex-start;text-align:right;gap:4px;min-height:68px;padding:12px;border-radius:15px;background:#102f5d;border:1px solid #78b9f022;color:#fff}.choice.selected,.choice:hover{border-color:#54caff;background:#1b5799}.choice strong{font-size:12px}.choice small{font-size:10px;color:#a6c7e7}.voice-box,.summary,.result-box{padding:18px;border-radius:18px;background:#061a39;border:1px solid #77baf522;line-height:1.9}.voice-icon{display:block;font-size:34px;margin-bottom:6px}.list-card{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px;margin:9px 0;border-radius:16px;background:#061a39;border:1px solid #77baf51c}.list-card>div{min-width:0}.list-card strong,.list-card small,.list-card b{display:block}.list-card strong{font-size:13px}.list-card small{color:var(--muted);font-size:10px;margin-top:4px}.list-card b{font-size:11px;color:#8ddfff;margin-top:7px}.plan-card{align-items:flex-end}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.tool-grid .quick-card{min-height:112px}.profile-list p{padding:10px 0;border-bottom:1px solid #ffffff0c;margin:0;font-size:13px}.profile-list b{color:#8ddfff}.result-box{text-align:center}.result-box strong{font-size:26px;color:#8ddfff;display:block;margin-bottom:8px}.link-button{display:block;margin-top:9px;padding:11px;border-radius:12px;background:#123e77;color:#bcefff;text-align:center;text-decoration:none;font-size:12px}.guide-sections section{padding:12px 0;border-bottom:1px solid #ffffff12}.guide-sections h4{margin:0 0 6px;color:#8ddfff;font-size:14px}.guide-sections p{margin:0;color:#c3d6ed;font-size:12px;line-height:2}
@media(max-width:420px){.app-shell{padding-left:12px;padding-right:12px}.hero{padding:18px 14px}.hero h2{font-size:19px}.hero-copy{max-width:64%}.orb{width:82px;height:82px}.orb span{font-size:21px}.quick-card{min-height:126px;padding:13px}.quick-card strong{font-size:12px}.stats-grid span{font-size:9px}}
@media(min-width:560px){.app-shell{padding-top:38px}.hero{min-height:210px}}