*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{background-color:#0a0a0a;color:#fff;font-family:Noto Sans JP,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;min-height:100dvh}a{color:inherit;text-decoration:none}button{background:none;border:none;color:inherit;cursor:pointer}button,input,select,textarea{font-family:inherit;font-size:inherit}img{display:block;max-width:100%}ol,ul{list-style:none}.app-container{background-color:#0a0a0a;margin:0 auto;max-width:480px;min-height:100vh;min-height:100dvh;overflow-x:hidden;position:relative}.page-wrapper{padding-bottom:60px;padding-top:52px}.page-wrapper--auth{padding-bottom:0;padding-top:0}.btn{align-items:center;border-radius:9999px;display:flex;font-size:15px;font-weight:500;gap:8px;justify-content:center;padding:16px 24px;transition:opacity .2s,transform .1s;width:100%}.btn:active{opacity:.8;transform:scale(.98)}.btn--primary{background-color:#00e676;color:#000;font-weight:700}.btn--secondary{background-color:#242424}.btn--outline,.btn--secondary{border:1px solid #2a2a2a;color:#fff}.btn--outline{background-color:transparent}.btn--danger{background-color:#f44336;color:#fff}.btn--social{background-color:#242424;border:1px solid #2a2a2a;color:#fff;justify-content:flex-start;padding-left:32px}.card{background-color:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;padding:16px}.tabs{background-color:#0a0a0a;border-bottom:1px solid #2a2a2a;display:flex;position:sticky;top:52px;z-index:10}.tabs__item{border-bottom:2px solid transparent;color:#999;cursor:pointer;flex:1;font-size:13px;padding:8px 16px;text-align:center;transition:color .2s,border-color .2s}.tabs__item--active{border-bottom-color:#00e676;color:#00e676}.avatar{background-color:#242424;border-radius:9999px;flex-shrink:0;-o-object-fit:cover;object-fit:cover}.avatar--sm{height:32px;width:32px}.avatar--md{height:44px;width:44px}.avatar--lg{height:64px;width:64px}.avatar--xl{height:80px;width:80px}.divider{background-color:#2a2a2a;height:1px;margin:16px 0}.badge{align-items:center;background-color:#00e676;border-radius:9999px;color:#000;display:inline-flex;font-size:11px;font-weight:700;justify-content:center;padding:2px 8px}.input-group{display:flex;flex-direction:column;gap:4px}.input-group label{color:#999;font-size:13px}.input-group input,.input-group textarea{background-color:#1a1a1a;border:1px solid #2a2a2a;border-radius:6px;color:#fff;outline:none;padding:8px 16px;transition:border-color .2s;width:100%}.input-group input:focus,.input-group textarea:focus{border-color:#00e676}.input-group input::-moz-placeholder,.input-group textarea::-moz-placeholder{color:#666}.input-group input::placeholder,.input-group textarea::placeholder{color:#666}.input-group textarea{min-height:100px;resize:vertical}.spinner{animation:spin .8s linear infinite;border:2px solid #2a2a2a;border-radius:50%;border-top-color:#00e676;height:24px;width:24px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{align-items:center;color:#999;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:48px 24px;text-align:center}.empty-state__icon{font-size:48px;opacity:.3}.empty-state__text{font-size:13px}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll-x::-webkit-scrollbar{display:none}