:root{color:#1c1b1a;background:#f7f3ef;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;padding:32px}.app-header{justify-content:space-between;align-items:flex-end;gap:24px;max-width:1120px;margin:0 auto 24px;display:flex}.app-header h1{margin:0;font-size:32px}.eyebrow{color:#7a5c45;margin:0 0 6px;font-weight:700}.tab-nav{gap:8px;max-width:1120px;margin:0 auto 20px;display:flex}.tab-nav button,.button-row button{color:#1c1b1a;cursor:pointer;background:#fff;border:1px solid #d7cdc2;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.tab-nav button.active{color:#fff;background:#1f2a44;border-color:#1f2a44}.panel{background:#fff;border:1px solid #e5ddd4;border-radius:8px;max-width:1120px;margin:0 auto;padding:24px}.sync-banner{color:#7a5c45;background:#fff;border:1px solid #d7cdc2;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;max-width:1120px;margin:0 auto 14px;padding:12px 14px;font-weight:700;display:flex}.sync-banner button{color:#fff;cursor:pointer;background:#1f2a44;border:0;border-radius:8px;padding:8px 12px}.card{background:#fff;border:1px solid #e5ddd4;border-radius:8px;padding:16px}.swatch{border:1px solid #d7cdc2;border-radius:8px;width:44px;height:44px}.clothing-card{gap:12px;display:flex}.outfit-card ul{padding-left:18px}.hint{color:#7a5c45;font-weight:700}.button-row{flex-wrap:wrap;gap:8px;display:flex}.page-stack{gap:18px;display:grid}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.form-row{flex-wrap:wrap;gap:10px;display:flex}.form-row input,.community-composer input,.community-composer textarea,.form-row select,label select,.profile-form input,.profile-form textarea{background:#fff;border:1px solid #d7cdc2;border-radius:8px;padding:10px 12px}.primary-button,.form-row button,.community-composer button,.profile-form button{color:#fff;cursor:pointer;background:#1f2a44;border:0;border-radius:8px;padding:11px 16px}.profile-form{gap:12px;display:grid}.community-composer,.community-feed{gap:14px;display:grid}.community-composer{border:1px solid #e5ddd4;border-radius:8px;padding:16px}.community-composer button{justify-self:start}.profile-form label,label{gap:6px;display:grid}@media (width<=720px){.app-shell{padding:18px}.app-header{flex-direction:column;align-items:flex-start}.tab-nav{overflow-x:auto}}