*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:#0d1017;color:#eef1f7;transition:.3s}body.light{background:#f3f5f8;color:#171b24}.app{width:min(900px,100%);margin:auto;padding:18px 14px 40px}.top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.eyebrow,.label{font-size:11px;letter-spacing:2px;color:#9ca7ba}.top h1{margin:5px 0;font-size:25px}.muted{color:#8d97aa;font-size:13px}.icon-btn,.arrow,.date-nav button{border:1px solid #2c3342;background:#171c27;color:inherit;border-radius:12px;min-width:42px;height:42px;font-size:20px}.card{background:linear-gradient(145deg,#151a24,#10141d);border:1px solid #252d3c;border-radius:20px;box-shadow:0 14px 40px #0003}.light .card{background:#fff;border-color:#e0e5ed;box-shadow:0 10px 30px #0000000c}.hero{padding:20px;margin-bottom:14px}.hero-level{display:flex;align-items:end;gap:12px}.hero-level strong{font-size:48px;line-height:1}.hero-level span:last-child{margin-right:auto;color:#aeb7c7}.progress{height:10px;background:#252c39;border-radius:99px;margin:18px 0 10px;overflow:hidden}.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#7c5cff,#19d3ae);transition:.5s}.hero-meta{display:flex;justify-content:space-between;font-size:12px;color:#8e99ab}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:14px 0}.tab{border:1px solid #2b3342;background:#151a23;color:#aeb7c7;border-radius:12px;padding:11px 5px}.tab.active{background:#252d3c;color:#fff}.light .tab{background:#fff}.page{display:none}.page.active{display:block;animation:rise .25s ease}.section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:16px 0}.section-head h2{margin:0 0 5px;font-size:20px}.section-head p{margin:0;color:#8d97a9;font-size:12px}.date-nav{display:flex;gap:5px}.date-nav button{height:36px;min-width:36px;font-size:15px}.quest-list{display:grid;gap:9px}.quest{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #252d3c;background:#151a23;border-radius:16px;cursor:pointer}.light .quest{background:#fff}.quest.done{border-color:#2d9b7e;background:#14241f}.check{width:25px;height:25px;border:2px solid #566075;border-radius:8px;display:grid;place-items:center;flex:none}.done .check{background:#19b98d;border-color:#19b98d;color:#07130f}.qtext{flex:1}.qtitle{font-weight:bold}.qsub{font-size:11px;color:#8d97a9;margin-top:3px}.qxp{font-weight:bold;color:#8bd8c5}.daily-total{display:flex;justify-content:space-between;padding:15px 17px;margin-top:12px}.daily-total strong{font-size:22px}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.stat{padding:15px}.stat span{display:block;color:#8d97a9;font-size:12px}.stat strong{display:block;font-size:25px;margin-top:7px}.chart,.history{padding:16px;margin-top:10px}.chart-title{font-weight:bold;margin-bottom:14px}.chart-title small{float:left;color:#7f899a;font-weight:normal}.bars{height:230px;display:flex;align-items:end;gap:7px;overflow-x:auto;padding:8px 2px;border-bottom:1px solid #303746}.bar-wrap{height:100%;min-width:24px;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:4px}.bar{width:18px;border-radius:6px 6px 2px 2px;background:linear-gradient(#7c5cff,#19d3ae);min-height:2px}.bar-label{font-size:9px;color:#7e889b}.history h3{margin-top:0}.history-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #242b37;font-size:12px}.goal,.boss{padding:16px;margin-bottom:10px}.goal h3,.boss h3{margin:0 0 6px}.goal p,.boss p{color:#929cad;font-size:12px;line-height:1.8;margin:0}.boss button,.details-btn{margin-top:10px;border:1px solid #394254;background:#1b2230;color:inherit;padding:9px 12px;border-radius:10px}.level-panel{margin-top:18px;padding:17px}.level-panel-head{display:flex;justify-content:space-between;align-items:center}.level-panel h2{margin:5px 0 0}.tier-arrows{display:flex;gap:7px}.arrow{cursor:pointer}.tier-track{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:15px}.level-chip{min-height:54px;border:1px solid #2d3545;background:#161b25;border-radius:12px;padding:8px;text-align:center;cursor:pointer}.light .level-chip{background:#fff}.level-chip small{display:block;color:#7f8999;font-size:9px}.level-chip.current{border-color:#8a72ff;box-shadow:0 0 0 2px #8a72ff22}.level-chip.done{background:#143029;border-color:#2c9b7d}.level-chip .tick{font-size:10px;color:#5de0bb}.details{margin-top:12px;padding:14px;background:#0f141d;border:1px solid #252d3b;border-radius:15px}.light .details{background:#f7f8fa}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.detail-item{padding:10px;background:#171d27;border-radius:10px;font-size:11px}.light .detail-item{background:#fff}.detail-item b{display:block;font-size:16px;margin-top:3px}.modal{position:fixed;inset:0;background:#0009;display:grid;place-items:center;padding:18px;z-index:10}.hidden{display:none}.modal-box{width:min(600px,100%);max-height:85vh;overflow:auto;background:#151a23;border:1px solid #2d3545;border-radius:20px;padding:20px;position:relative}.light .modal-box{background:#fff}.close{position:absolute;left:14px;top:12px;border:0;background:none;color:inherit;font-size:28px}footer{text-align:center;color:#667184;font-size:10px;margin-top:20px}@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(min-width:650px){.quest-list{grid-template-columns:1fr 1fr}.tier-track{grid-template-columns:repeat(10,1fr)}}