.home-container{background:#f0f2f5;width:100%;max-width:100%;min-height:100vh;margin:0 auto;padding-bottom:90px;font-family:Sukhumvit Set,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@media (min-width:768px){.home-container{max-width:480px;min-height:100vh;margin:0 auto;box-shadow:0 0 20px rgba(0,0,0,.1)}}.loading-state{color:#666;justify-content:center;align-items:center;min-height:100vh;font-size:18px;display:flex}.home-header{color:#243042;background:#ffc700;border-bottom-right-radius:30px;border-bottom-left-radius:30px;padding:20px 20px 80px}.status-bar{justify-content:space-between;align-items:center;margin-bottom:20px;font-size:15px;font-weight:600;display:flex}.status-icons{align-items:center;gap:5px;display:flex}.profile-header{justify-content:space-between;align-items:center;display:flex}.profile-info{flex-direction:column;gap:4px;display:flex}.profile-text h2{margin:0;font-size:20px;font-weight:700}.username{opacity:.8;font-size:14px}.header-icons{gap:15px;display:flex}.icon-btn{color:#243042;cursor:pointer;background:rgba(255,255,255,.2);border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;text-decoration:none;display:flex}.stats-card{z-index:10;background:#fff;border-radius:20px;margin:-60px 20px 0;padding:20px;position:relative;box-shadow:0 4px 20px rgba(0,0,0,.05)}.stats-grid{text-align:center;justify-content:space-between;display:flex}.stat-item{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex;position:relative}.stat-item:not(:last-child):after{content:"";background:#eee;width:1px;height:80%;position:absolute;top:10%;right:0}.stat-label{color:#64748b;font-size:13px;font-weight:500}.stat-value{color:#243042;align-items:center;gap:6px;font-size:18px;font-weight:700;display:flex}.stat-icon{font-size:16px}.action-buttons-grid{grid-template-columns:1fr 1fr;gap:15px;padding:25px 20px;display:grid}.action-btn{text-align:left;border:none;border-radius:20px;flex-direction:column;justify-content:space-between;height:160px;padding:20px;text-decoration:none;transition:transform .2s;display:flex;position:relative;overflow:hidden}.action-btn:hover{transform:translateY(-3px)}.action-btn.create{color:#fff;background:#ffc700}.action-btn.join{color:#243042;background:#fff9c4}.action-icon{margin-bottom:10px;font-size:32px}.action-label{font-size:20px;font-weight:700;line-height:1.2}.action-label span{font-size:24px;display:block}.action-arrow{color:#243042;background:#fff;border-radius:10px;justify-content:center;align-items:center;width:35px;height:35px;margin-top:auto;font-size:18px;font-weight:700;display:flex}.categories-grid{grid-template-columns:repeat(3,1fr);gap:15px;padding:0 20px 25px;display:grid}.category-card{color:#243042;background:#ffc700;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:15px;height:160px;padding:20px 10px;text-decoration:none;transition:transform .2s;display:flex;box-shadow:0 4px 10px rgba(255,199,0,.2)}.category-card:hover{transform:translateY(-3px)}.category-icon-circle{background:rgba(255,255,255,.3);border:2px solid rgba(255,255,255,.5);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:30px;display:flex}.category-name{color:#243042;font-size:16px;font-weight:600}.section-header{justify-content:space-between;align-items:center;margin-bottom:15px;padding:0 20px;display:flex}.section-header h3{color:#243042;font-size:18px;font-weight:700}.quiz-history-list{flex-direction:column;gap:15px;padding:0 20px 100px;display:flex}.history-card{background:#fff;border-radius:15px;align-items:center;gap:15px;padding:15px;display:flex;box-shadow:0 2px 10px rgba(0,0,0,.03)}.history-icon{color:#ffc700;background:#fff9c4;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;font-size:30px;display:flex}.history-info{flex:1}.history-title{color:#243042;margin-bottom:4px;font-size:15px;font-weight:600}.history-date{color:#94a3b8;font-size:12px}.history-score{text-align:right}.score-value{color:#243042;font-size:16px;font-weight:700}.custom-bottom-nav{z-index:100;background:#fff;border-radius:25px;justify-content:space-between;align-items:center;max-width:440px;margin:0 auto;padding:12px 30px;display:flex;position:fixed;bottom:20px;left:20px;right:20px;box-shadow:0 5px 20px rgba(0,0,0,.1)}.nav-item{color:#94a3b8;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:500;text-decoration:none;display:flex}.nav-item.active{color:#ffc700}.nav-icon{font-size:22px}.nav-create-btn{color:#fff;cursor:pointer;background:#ffc700;border:5px solid #f0f2f5;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;margin-top:-40px;font-size:28px;transition:transform .2s;display:flex;box-shadow:0 4px 10px rgba(255,199,0,.4)}.nav-create-btn:hover{transform:scale(1.05)}