body[data-ui="user"] .mobile-shell{--navy:var(--user-accent,#426a60);--gold:var(--user-accent,#426a60);background:var(--user-background,#f7faf7);font-family:var(--user-font,'Gowun Dodum'),sans-serif!important}
body[data-ui="user"] :is(.mobile-shell,.auth-layout,dialog) :is(button,input,select,textarea,h1,h2,h3,h4,p,span,label,b,strong,small,a,summary,li,td,th){font-family:var(--user-font,'Gowun Dodum'),sans-serif!important}
body[data-ui="user"] .mobile-shell :is(.heading h1,.home-welcome h1){font-size:calc(30px * var(--user-text-scale,1))!important}body[data-ui="user"] .mobile-shell h2{font-size:calc(23px * var(--user-text-scale,1))!important}body[data-ui="user"] .mobile-shell h3{font-size:calc(20px * var(--user-text-scale,1))!important}
body[data-ui="user"] .mobile-shell :is(p,label,input,select,textarea,td,th,.field,.btn,.history-status-heading h3){font-size:calc(14px * var(--user-text-scale,1))!important}body[data-ui="user"] .mobile-shell :is(small,.muted,.tag,.badge,.chip,.mobile-nav button,.history-status-note){font-size:calc(12px * var(--user-text-scale,1))!important}
body[data-ui="user"] .mobile-shell :is(.btn,.history-action-primary){background:var(--user-accent);border-color:var(--user-accent);color:white}body[data-ui="user"] .mobile-shell .btn.light{background:white;color:var(--user-accent)}body[data-ui="user"] .mobile-shell :is(.mobile-top,.mobile-nav){background:var(--user-background)}body[data-ui="user"] .mobile-shell :is(.mobile-nav button.active,.chip.selected,.home-match-condition){background:var(--user-soft)!important;color:var(--user-accent)}body[data-ui="user"] .mobile-shell .mobile-nav button.active>span{background:var(--user-soft)!important}body[data-ui="user"] .mobile-shell .mobile-nav button.active .member-icon{color:var(--user-accent)}body[data-ui="user"] .mobile-shell input[type=checkbox]{accent-color:var(--user-accent)}

.mobile-shell .mobile-top .user-appearance-trigger{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:11px;border:1px solid #dce5df;background:var(--user-soft);color:var(--user-accent);vertical-align:middle;flex-shrink:0}
.user-appearance-trigger:hover{filter:brightness(.96)}.user-appearance-trigger:focus-visible{outline:2px solid var(--user-accent);outline-offset:3px}
body[data-ui="user"] #modal:has(.user-appearance-popup){width:480px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);overflow-y:auto;padding:25px;box-sizing:border-box}
.user-appearance-popup-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.user-appearance-popup-header h2{margin:0;font-size:23px;color:var(--user-accent)!important;line-height:1.5}.user-appearance-popup-header p{margin:7px 0 0;font-size:13px;line-height:1.7;color:#64748b}.user-appearance-close{width:34px;height:34px;flex-shrink:0;border:1px solid #e2e8e4;border-radius:50%;font-size:24px;color:#64748b;background:#fff;line-height:1}
.user-appearance-fields{display:grid;gap:18px;margin:24px 0}.user-appearance-fields label{display:grid;gap:8px;margin:0;font-size:14px;color:#425951}.user-appearance-fields select{width:100%;min-height:44px;background:#fff;border:1px solid #cedbd4;border-radius:10px;padding:10px 12px;font-size:14px}.user-appearance-fields select:focus-visible{outline:2px solid var(--user-accent);outline-offset:2px}
.user-appearance-preview{background:var(--user-soft);border-radius:14px;padding:20px;color:var(--user-accent);overflow-wrap:anywhere}.user-appearance-preview small{display:block;font-size:11px;letter-spacing:.5px;margin-bottom:10px}.user-appearance-preview strong{display:block;font-size:calc(19px * var(--user-text-scale,1));line-height:1.7}.user-appearance-preview p{font-size:calc(14px * var(--user-text-scale,1));line-height:1.8;margin:7px 0 0;color:#53675e}
.user-appearance-popup .user-appearance-saved{min-height:20px;font-size:12px;color:#64748b;line-height:1.7;margin:13px 0 20px}.user-appearance-popup-footer{display:flex;justify-content:flex-end}.user-appearance-popup-footer .btn{min-height:44px;background:var(--user-accent)!important;border-color:var(--user-accent);color:#fff;padding:11px 24px}
@media(max-width:720px){body[data-ui="user"] .mobile-shell :is(.heading h1,.home-welcome h1){font-size:calc(27px * var(--user-text-scale,1))!important}}
@media(max-width:400px){body[data-ui="user"] #modal:has(.user-appearance-popup){padding:20px}.user-appearance-popup-header h2{font-size:21px}}

.user-appearance-popup-footer{justify-content:space-between;gap:12px;flex-wrap:wrap}.user-appearance-reset{min-height:44px;padding:10px 13px;background:#fff;border:1px solid #cedbd4;border-radius:11px;color:#52675e;font-size:13px;line-height:1.5}.user-appearance-reset:hover{background:var(--user-soft)}.user-appearance-reset:focus-visible{outline:2px solid var(--user-accent);outline-offset:3px}