.app-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:640px;display:flex;background:white;border-top:1px solid #f1f1f1;padding:6px 0 calc(6px + env(safe-area-inset-bottom));z-index:2}.app-nav button{flex:1;border:0;background:transparent;color:#888;font-size:13px;margin:0;padding:0}.app-nav button span{display:block;font-size:31px;line-height:36px;font-family:Arial,sans-serif}.app-nav button.active{color:#20ad1b}.home-profile{text-align:center;padding:46px 16px 36px}.profile-circle{width:72px;height:72px;border-radius:50%;background:#e8efeb;display:flex;align-items:center;justify-content:center;font-size:43px;margin:0 auto 12px}.profile-nickname{color:#aaa;font-size:20px}.home-actions{padding:15px 16px;text-align:center}.home-actions>button:first-child{font-size:20px;padding:16px;width:86%;max-width:410px}.home-actions .history-link{display:block;background:transparent;border:0;color:#65718b;font-size:21px;margin:8px auto 0}.join-by-code{margin:30px auto;color:#888;font-size:13px;max-width:320px}.record-tabs{display:flex;background:white}.record-tabs button{width:50%;border:0;background:transparent;color:#333;border-radius:0;font-size:19px;margin:0;position:relative}.record-tabs .selected{color:#24aa25}.record-tabs .selected:after{content:'';position:absolute;bottom:0;height:3px;background:#24aa25;width:54px;left:50%;transform:translateX(-50%)}.record-filter{display:flex;gap:14px;justify-content:flex-end;align-items:center;padding:20px 16px;color:#24aa25}.record-filter select{background:transparent;border:0;color:#777;padding:7px;min-height:40px}.history-cards{padding:0 18px 20px}.history-card{background:white;border-radius:12px;padding:24px 14px 18px;margin:12px 0;box-shadow:0 1px 9px #00000004}.history-card a{display:block;text-decoration:none;color:inherit}.history-members{display:flex;gap:15px;overflow:auto;padding:12px 0 18px}.history-members>div{flex:1 0 44px;text-align:center}.history-members .avatar{margin:0 auto 5px;width:38px;height:38px;font-size:26px}.history-members small{display:block;font-size:11px;max-width:70px;overflow-wrap:anywhere;margin:auto}.history-score{font-size:19px;margin-top:7px}.history-card time{display:block;text-align:center;color:#aaa;font-size:14px;margin:12px 0}.history-card>a>small{display:block;text-align:center;font-size:11px}.empty-state{text-align:center;padding:60px 0;color:#aaa}.mine-profile{padding:20px 16px;background:white;display:flex;align-items:center;gap:12px}.mine-profile .profile-circle{width:55px;height:55px;font-size:32px;margin:0;flex-shrink:0}.mine-profile>span{flex:1;overflow-wrap:anywhere}.mine-profile button{font-size:13px;padding:7px;min-height:36px}.mine-menu{display:grid;grid-template-columns:repeat(3,1fr);margin:12px 0;background:white;padding:22px 8px}.mine-menu button{background:transparent;border:0;color:#333;font-size:15px;padding:8px}.mine-menu span{display:block;font-size:32px;color:#73afaa;margin-bottom:10px}.personal-stats{margin-top:12px;padding:24px 16px}.personal-stats h2{font-size:18px;font-weight:400}.personal-stats p{font-size:12px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px 8px;text-align:center;margin:28px 0}.stats-grid strong,.stats-grid small{display:block}.stats-grid strong{font-size:24px;font-weight:400}.stats-grid small{font-size:12px;margin-top:8px} @media(max-width:360px){.home-actions>button:first-child{font-size:17px}.mine-profile{gap:8px;padding:18px 10px}.mine-profile button{font-size:12px}}