*{box-sizing:border-box}html,body{margin:0;background:#080b10;color:#edf2f7;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif}body{min-height:100vh}.app{max-width:760px;margin:auto;padding:18px 14px 78px}button,input,textarea{font:inherit}button{border:0;color:inherit}.top{padding:8px 2px 18px}.brand{font-size:11px;letter-spacing:2.5px;color:#6e7c8f;font-weight:800}.title{font-size:30px;font-weight:800;letter-spacing:-1px;margin:4px 0}.sub{font-size:13px;color:#768497}.home-card{background:linear-gradient(145deg,#121a24,#0f141c);border:1px solid #202b38;border-radius:18px;padding:18px;margin-bottom:12px}.home-card h2{margin:0 0 5px;font-size:20px}.home-card p{margin:0;color:#788699;font-size:13px;line-height:1.45}.primary{background:#e0e6ec;color:#0b1016;border-radius:12px;padding:13px 16px;font-weight:800}.wide{width:100%;margin-top:14px}.build-grid{display:grid;gap:10px}.build-card{background:#111720;border:1px solid #202b38;border-radius:15px;padding:14px;position:relative}.build-card h3{font-size:17px;margin:0 0 4px}.build-meta{font-size:11px;color:#748295}.mini-items{display:flex;gap:5px;margin-top:12px}.mini-slot{width:38px;height:38px;border:1px solid #344253;background:#18212c;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:9px;text-align:center;color:#a8b3c0;padding:0;overflow:hidden;position:relative}.mini-art{width:100%;height:100%;object-fit:cover;display:block}.card-actions{display:flex;gap:7px;margin-top:12px}.ghost{background:#1a2430;border-radius:9px;padding:8px 10px;font-size:12px}.danger{color:#d18b92}.bottom-nav{position:fixed;z-index:20;left:50%;bottom:calc(7px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(94%,540px);height:56px;background:rgba(17,23,31,.96);backdrop-filter:blur(16px);border:1px solid #293442;border-radius:15px;padding:4px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;box-shadow:0 10px 28px #0008}.nav-btn{background:transparent;border:1px solid transparent;border-radius:10px;padding:4px 3px;color:#738195;font-size:21px;line-height:1.1;min-width:0;display:flex;align-items:center;justify-content:center}.nav-btn .icon,.nav-btn .people-icon{display:flex;align-items:center;justify-content:center;line-height:1}.nav-btn.active{background:transparent;border-color:#d7dee6;color:#f1f4f7}.bottom-nav .people-icon svg{display:block}.page-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}.back{background:#18212c;border-radius:10px;padding:9px 11px}.page-head h2{margin:0;font-size:23px}.search{background:#121923;border:1px solid #273342;border-radius:11px;padding:11px;color:white;width:100%;outline:0;margin-bottom:10px}.hero-list{display:grid;gap:5px;max-height:62vh;overflow:auto}.hero-row{display:flex;justify-content:space-between;align-items:center;background:#111720;border:1px solid #202a36;border-radius:10px;padding:12px;color:#e7edf3;text-align:left}.muted{color:#748195;font-size:12px}.form-label{font-size:11px;color:#8794a5;text-transform:uppercase;letter-spacing:.8px;margin:17px 0 8px}.roles{display:flex;gap:6px}.role{background:#18222d;border:1px solid #293645;border-radius:9px;padding:9px 13px;color:#aeb9c7}.role.active{background:#e0e6ec;color:#0b1016}.field{width:100%;background:#121923;border:1px solid #293545;border-radius:10px;color:white;padding:11px;outline:0}.inventory{display:grid;grid-template-columns:repeat(3,85px);gap:4px;width:max-content;margin:0 auto}.inv-slot{width:85px;height:64px;border:1px solid #080b0e;background:linear-gradient(180deg,#1b232b 0%,#111820 68%,#0b1015 100%);box-shadow:inset 0 0 0 1px #35414b,inset 0 -8px 12px #0006;border-radius:3px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:16px;color:#687585;padding:0;position:relative;overflow:hidden;cursor:pointer}.inv-slot.filled{border-color:#10151a;background:#111820;box-shadow:inset 0 0 0 1px #596671,inset 0 -8px 12px #0006}.inv-slot:nth-child(n+7):not(.backpack-label){border-color:#3a3028;box-shadow:inset 0 0 0 1px #59483b,inset 0 -8px 12px #0008}.slot-x{position:absolute;right:2px;top:1px;font-size:11px;color:#fff;background:#0008;border-radius:3px;padding:0 2px;z-index:2}.slot-art{width:85px;height:64px;display:block;object-fit:cover}.backpack-label{grid-column:1/-1;color:#68768a;font-size:10px;margin-top:2px;text-align:center}.item-tools{display:flex;gap:7px}.item-search{flex:1}.categories{display:flex;gap:5px;overflow:auto;padding-bottom:3px}.cat{white-space:nowrap;background:#17202b;border:1px solid #273544;border-radius:9px;padding:8px 10px;font-size:11px;color:#8c99a8}.cat.active{background:#dfe6ed;color:#0c1117}.item-grid{display:grid;grid-template-columns:repeat(2,85px);gap:7px;margin-top:8px;max-height:42vh;overflow:auto}.item-choice{width:85px;height:64px;min-height:64px;background:#151e28;border:1px solid #2c3948;border-radius:8px;padding:0;text-align:left;color:#dce3ea;overflow:hidden;position:relative}.item-art{width:85px;height:64px;display:block;object-fit:cover}.item-name{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,#000d);padding:13px 4px 3px;font-size:8px;line-height:1.05;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-fallback{display:none;position:absolute;inset:0;padding:22px 4px 3px;background:linear-gradient(transparent,#000d);font-size:8px;line-height:1.05;color:#fff;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-select{display:grid;grid-template-columns:repeat(3,100px);gap:8px;margin-top:12px;justify-content:center}.hero-select button{width:100px;height:100px;background:#17212c;border:1px solid #2d3b4b;border-radius:10px;text-align:center;padding:0;color:#dce3ea;font-size:11px;display:flex;align-items:flex-end;justify-content:center;position:relative;overflow:hidden}.hero-select button .hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.hero-select button span{position:relative;z-index:2;width:100%;padding:22px 4px 5px;background:linear-gradient(transparent,#000d);font-size:10px;line-height:1.05}.hero-select button.no-image span{background:none;padding:8px}.hero-select button.no-image{display:flex;align-items:center}.position-select{display:flex;gap:6px;margin:10px 0}.position-select button{flex:1;background:#17212c;border-radius:8px;padding:9px}.position-select button.active{background:#dfe6ed;color:#0b1016}.timeline{display:grid;gap:7px}.step{display:grid;grid-template-columns:35px 1fr auto;gap:8px;align-items:center;background:#111922;border:1px solid #202c39;border-radius:10px;padding:8px}.step-num{width:28px;height:28px;border-radius:50%;background:#202c38;display:flex;align-items:center;justify-content:center;font-size:11px;color:#aab5c2}.step input{background:transparent;border:0;color:white;outline:0;width:100%;font-size:12px}.step button{background:transparent;color:#778497}.add-step{background:#17212c;border-radius:9px;padding:9px;color:#93a0af;font-size:12px}.savebar{width:100%;margin-top:18px}.draft-placeholder,.ward-placeholder{background:#111720;border:1px solid #202b38;border-radius:16px;padding:22px;text-align:left}.draft-placeholder h3,.ward-placeholder h3{margin:0 0 7px}.draft-placeholder p,.ward-placeholder p{color:#788699;font-size:13px;line-height:1.5;margin:0}.toast{position:fixed;z-index:40;bottom:68px;left:50%;transform:translate(-50%,15px);opacity:0;background:#e0e6ec;color:#0a1016;border-radius:20px;padding:9px 14px;font-size:12px;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.modal{position:fixed;z-index:30;inset:0;background:#0009;display:flex;align-items:flex-end;justify-content:center}.sheet{width:min(100%,760px);max-height:88vh;overflow:auto;background:#10161e;border:1px solid #293544;border-bottom:0;border-radius:20px 20px 0 0;padding:17px}.sheet-head{display:flex;justify-content:space-between;align-items:center}.sheet h3{margin:0}.close{background:#1b2530;border-radius:9px;padding:8px 11px}.about-sheet{background:#10161e!important;color:#edf2f7!important;min-height:220px}.about-card{margin-top:16px;background:#111922!important;border:1px solid #293544!important;border-radius:12px;padding:14px}.about-row{display:flex;gap:6px;align-items:baseline;margin:0 0 8px;font-size:14px;color:#dce3ea!important}.about-row:last-child{margin-bottom:0}.about-row strong{color:#f2f5f8!important}.about-link{display:flex!important;justify-content:space-between;align-items:center;width:100%;height:44px;min-height:44px;margin-top:10px;padding:12px 14px!important;background:#18212c!important;border:1px solid #293544!important;border-radius:10px!important;color:#edf2f7!important;text-align:left;appearance:none;-webkit-appearance:none;box-shadow:none!important}.about-link span{font-size:20px;color:#8d9aaa!important}.version-block{padding:12px 0;border-bottom:1px solid #26313d}.version-block:last-child{border-bottom:0}.version-head{display:flex;align-items:baseline;gap:7px;font-size:14px}.version-head strong{color:#edf2f7}.version-head span{color:#8b98a7;font-size:12px}.version-block ul{margin:9px 0 0;padding-left:25px;color:#dce3ea}.version-block li{margin:4px 0;line-height:1.35}.timeline-wrap{width:100%;overflow-x:auto;padding:2px 8px 8px}.timeline-row{display:flex;align-items:center;gap:0;min-width:max-content;padding:2px 6px}.timeline-node{position:relative;display:flex;flex-direction:column;align-items:center;width:72px;flex:0 0 72px}.timeline-item-slot{width:60px;height:48px;border:1px solid #303d4b;background:#121a23;border-radius:7px;display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden;position:relative}.timeline-item-slot.filled{border-color:#586675}.timeline-item-slot .item-art{width:60px;height:48px;object-fit:cover}.timeline-time{width:58px;height:23px;margin-top:5px;padding:2px 4px;text-align:center;font-size:10px;color:#45433a!important;-webkit-text-fill-color:#45433a!important;background:#fced88!important;border:1px solid #c9b94f;border-radius:7px;outline:0;opacity:1}.timeline-time::placeholder{color:#777}.timeline-remove{position:absolute;top:-5px;right:2px;width:16px;height:16px;padding:0;border-radius:50%;background:#252e38;color:#9ba7b5;font-size:10px}.timeline-add{width:28px;height:28px;flex:0 0 28px;margin-left:4px;border:1px dashed #4b5968;background:#141c25;color:#98a5b3;border-radius:8px;font-size:18px;line-height:26px}.timeline-node:not(:last-of-type)::after{content:'→';position:absolute;right:-3px;top:16px;color:#7f8d9d;font-size:16px;font-weight:700;z-index:3;pointer-events:none}.build-role-filter{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:8px;padding-bottom:2px}.build-role-filter button{width:100%;min-width:42px;height:36px;border:1px solid #273442;border-radius:9px;background:#121a24;color:#8996a6;cursor:pointer;touch-action:manipulation}.build-role-filter button.active{background:#e4ebf2;color:#17202a;border-color:#e4ebf2;font-weight:800}
/* Dota Assistant v1.05 visual theme */
:root{--da-red:#c91d22;--da-red-dark:#8e1519;--da-red-soft:#741316;--da-mist:#6f807d}
html,body{background:#070b0e!important;color:#edf2f3}
body{background-image:radial-gradient(ellipse at 50% 28%,rgba(68,88,84,.28),transparent 44%),radial-gradient(ellipse at 50% 70%,rgba(108,124,118,.10),transparent 38%),linear-gradient(180deg,rgba(5,9,12,.94),rgba(7,12,15,.98)),repeating-linear-gradient(74deg,transparent 0 86px,rgba(42,56,54,.12) 87px 90px,transparent 91px 150px)!important;background-attachment:fixed!important}
body:before{content:'';position:fixed;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 60%,rgba(130,145,138,.09),transparent 45%),linear-gradient(90deg,rgba(0,0,0,.48),transparent 24%,transparent 76%,rgba(0,0,0,.48))}
.primary,.cat.active,.role.active,.position-select button.active,.build-role-filter button.active{background:var(--da-red)!important;color:#fff!important;border-color:var(--da-red)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 4px 14px rgba(120,0,0,.18)!important}
.primary{background-image:repeating-linear-gradient(128deg,transparent 0 46px,rgba(0,0,0,.17) 47px 49px,transparent 50px 105px)!important}
.primary:after,.cat.active:after,.role.active:after,.position-select button.active:after,.build-role-filter button.active:after{content:'';position:absolute;pointer-events:none}
html[data-theme="light"] body{background:#dce5e3!important;background-image:radial-gradient(ellipse at 50% 26%,rgba(255,255,255,.88),transparent 45%),radial-gradient(ellipse at 50% 72%,rgba(145,160,156,.18),transparent 42%),linear-gradient(180deg,rgba(228,236,235,.96),rgba(181,197,193,.96)),repeating-linear-gradient(74deg,transparent 0 86px,rgba(70,89,85,.10) 87px 90px,transparent 91px 150px)!important}
html[data-theme="light"] body:before{background:radial-gradient(ellipse at 50% 65%,rgba(255,255,255,.45),transparent 43%),linear-gradient(90deg,rgba(71,88,85,.09),transparent 24%,transparent 76%,rgba(71,88,85,.09))}
html[data-theme="light"] .home-card,html[data-theme="light"] .build-card,html[data-theme="light"] .draft-placeholder,html[data-theme="light"] .ward-placeholder{background:rgba(246,249,248,.90)!important;border-color:#c3cfcc!important;box-shadow:0 10px 30px rgba(39,55,53,.10)}
html[data-theme="light"] .sub,html[data-theme="light"] .muted,html[data-theme="light"] .build-meta{color:#5f6f73!important}
html[data-theme="light"] .title,html[data-theme="light"] .home-card h2,html[data-theme="light"] .build-card h3{color:#182028!important}
html[data-theme="light"] .field,html[data-theme="light"] .search{background:rgba(248,250,249,.94)!important;color:#182028!important;border-color:#bdc9c7!important}
html[data-theme="light"] .build-role-filter button,html[data-theme="light"] .cat,html[data-theme="light"] .ghost,html[data-theme="light"] .role,html[data-theme="light"] .position-select button{background:rgba(239,244,243,.94)!important;color:#56666b!important;border-color:#c5d0ce!important}
html[data-theme="light"] .bottom-nav{background:rgba(244,248,247,.94)!important;border-color:#c4cfcd!important;box-shadow:0 10px 30px rgba(34,48,47,.16)}
html[data-theme="light"] .nav-btn{color:#69787c!important}.nav-btn.active{color:var(--da-red)!important;border-color:rgba(201,29,34,.28)!important}
html[data-theme="light"] .about-sheet{background:#f4f8f7!important;color:#182028!important}.about-sheet .about-card{background:#e9efee!important;border-color:#c5d0ce!important}.about-sheet .about-row span{color:#647276}.about-sheet .about-row strong{color:#182028}.about-sheet .about-link,.theme-toggle{background:#e3eae9!important;color:#243035!important;border-color:#c5d0ce!important}.about-sheet .version-head strong{color:#182028}.about-sheet .version-head span,.about-sheet li{color:#59696d}
@media(min-width:600px){.build-grid{grid-template-columns:1fr 1fr}.item-grid{grid-template-columns:repeat(5,85px)}.hero-select{grid-template-columns:repeat(5,100px)}}
@media(max-width:599px){.bottom-nav{height:52px;bottom:calc(6px + env(safe-area-inset-bottom));width:94%}.nav-btn .icon,.nav-btn .people-icon{font-size:21px}.app{padding-bottom:70px}.build-role-filter{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.build-role-filter button{height:36px}.timeline-row{gap:0}}