/* Profile and social elements share the app's flat charcoal and warm-white palette. */
body{-webkit-user-select:none;user-select:none}input,textarea,select,[contenteditable="true"]{-webkit-user-select:text;user-select:text}
.password-wrap{position:relative;display:flex;align-items:center}.password-wrap input{padding-right:100px}.password-wrap button{position:absolute;right:10px;background:none;color:#d8d4c9;font-size:13px;font-weight:700;padding:10px 3px}
.profile-modal,.profile-home,.social-modal{max-width:660px}.profile-form{margin-top:23px}.profile-form .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.profile-form label{display:grid;gap:7px;color:#ddd9cf;font-size:14px}.profile-form .wide-field{grid-column:1/-1}.profile-form input,.profile-form select,.friend-form input{width:100%;min-height:50px;border:1px solid #55544e;border-radius:8px;background:#10100f;color:#f4f1e9;padding:11px 13px;font:inherit;font-size:16px}.profile-form select{appearance:auto}.profile-note{margin:16px 0;color:#aaa69d;font-size:13px;line-height:1.5}.profile-skip{display:block;background:none;color:#bbb7ac;margin:14px auto 0;padding:8px;font-size:14px}
.profile-card{display:flex;align-items:center;gap:15px;margin-top:24px}.profile-avatar{display:inline-grid;place-items:center;flex:none;width:48px;height:48px;border-radius:50%;overflow:hidden;background:#3b3a34;color:#f3f0e7;font-size:19px;font-weight:800}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar.avatar-large{width:76px;height:76px;font-size:28px}.profile-ident{display:grid;min-width:0;gap:2px;flex:1}.profile-ident strong{font-size:21px;overflow-wrap:anywhere}.profile-ident span,.profile-ident small{font-size:13px;color:#a9a59c;overflow-wrap:anywhere}.profile-edit,.avatar-actions button,.account-bottom button,.remove-friend{background:none;color:#e7e3d9;font-weight:700;font-size:13px}.profile-edit{white-space:nowrap}.avatar-actions{display:flex;gap:18px;margin:15px 0 22px 91px}.avatar-actions button{color:#bfbab0;padding:4px 0}.account-menu{border-top:1px solid #44433d}.account-menu>button{display:flex;align-items:center;text-align:left;gap:14px;width:100%;padding:17px 0;border-bottom:1px solid #44433d;background:none;color:#f3f0e7}.account-menu>button>span:nth-child(2){display:grid;gap:3px;flex:1;min-width:0}.account-menu strong{font-size:15px}.account-menu small{font-size:13px;color:#aaa69c}.account-menu b{font-size:20px;font-weight:500}.menu-icon{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:9px;background:#33332f;font-size:20px}.account-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:18px;color:#a8a49a;font-size:12px}
.share-code{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:23px 0 20px;padding:17px;border-radius:10px;background:#30302b}.share-code div{display:grid;gap:3px}.share-code span{color:#bcb8ae;font-size:12px}.share-code strong{letter-spacing:.08em;font-size:17px;user-select:all}.share-code button,.friend-request-actions button,.friend-form button{border-radius:8px;background:#e9e6dd;color:#171715;font-size:13px;font-weight:800;padding:12px}.friend-form{display:grid;gap:8px}.friend-form label{font-size:14px;font-weight:700}.friend-form div{display:flex;gap:8px}.friend-form input{text-transform:uppercase;min-width:0;flex:1;letter-spacing:.05em}.friend-form button{flex:none}.friends-section{margin-top:25px}.friends-section h3{font-size:16px;margin-bottom:10px}.friend-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #41403a}.friend-row strong{flex:1;min-width:0;overflow-wrap:anywhere;font-size:15px}.friend-open{background:none;color:#e8e5dc;font-size:13px;font-weight:700;padding:10px 0}.friend-waiting{font-size:12px;color:#aaa69c}.friend-request-actions{display:flex;gap:7px}.friend-request-actions button:last-child{background:#34342f;color:#e8e5dc;font-size:18px;padding:7px 13px}.friends-empty{color:#aaa69c;font-size:14px;line-height:1.5;padding:10px 0}.friend-profile{display:flex;align-items:center;gap:12px}.friend-calendar{margin-top:24px;padding:18px;border-radius:10px;background:#2b2b27}.friend-calendar .calendar-head{margin:0 0 12px}.friend-calendar h3{text-transform:capitalize;font-size:16px}.friend-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;text-align:center}.friend-dows{color:#aaa69c;font-size:11px;font-weight:700;margin-bottom:5px}.friend-day{display:grid;place-items:center;align-content:center;min-height:45px;border-radius:8px;background:#33332f;color:#e7e5dd;font-size:14px}.friend-day b{height:12px;font-size:12px}.friend-day.has-session{background:#e9e6dd;color:#1b1b19;font-weight:800}.friend-day-row{display:flex;justify-content:space-between;gap:10px;padding:14px 0;border-bottom:1px solid #42413b;font-size:14px}.friend-day-row span{color:#aaa69c;text-align:right}.remove-friend{margin-top:20px;color:#b7a99d;padding:8px 0}
.pdf-options{display:grid;margin-top:22px}.pdf-options button{display:flex;justify-content:space-between;align-items:center;padding:18px 4px;background:none;border-bottom:1px solid #44433d;text-align:left;color:#f2efe6;font-size:16px;font-weight:700}.pdf-options span{font-size:21px}
.pose-open{display:block;min-width:0;width:100%;padding:0;background:none;border-radius:9px;text-align:initial;overflow:hidden}.pose-open:hover .pose-card{filter:brightness(1.1)}.pose-open:focus-visible{outline-offset:3px}.pose-open .pose-card{width:100%;margin:0}.photo-dialog{position:fixed;width:min(92vw,880px);max-width:none;max-height:92dvh;padding:22px;color:#f3f0e8;background:#1a1a18;border:1px solid #4a4942;border-radius:14px;overflow:auto}.photo-dialog::backdrop{background:rgba(0,0,0,.9)}.photo-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.photo-head h2{font-size:22px;line-height:1.25}.photo-head p{color:#b0aca2;margin-top:4px;font-size:14px}.photo-close{display:grid;place-items:center;background:#363630;color:#eeeae0;border-radius:50%;width:42px;height:42px;flex:none;font-size:24px}.photo-viewport{display:grid;place-items:center;overflow:auto;max-height:65dvh;margin:18px 0;background:#111110;border-radius:9px}.photo-transform{width:min(100%,600px);transform-origin:center;transition:transform .2s ease}.photo-stage{width:100%;margin:0}.photo-stage .classic-art{width:100%;height:100%;object-fit:contain}.photo-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.photo-zoom{display:flex;align-items:center;gap:9px;color:#d9d5cb;font-size:13px}.photo-zoom button{width:38px;height:38px;background:#34342f;color:#f6f3ea;border-radius:8px;font-size:20px}.photo-actions .button{min-height:44px}
.draggable-item{position:relative;transition:background-color .18s ease,box-shadow .18s ease}.draggable-item.dragging{z-index:8;opacity:.98;outline:2px solid #eee9dd;background:#2d2d28;box-shadow:0 16px 34px rgba(0,0,0,.55);transition:none}.drag-handle{transition:background-color .16s ease,transform .16s ease}.drag-handle:active{background:#59574f;transform:scale(.97)}.account-menu button,.pdf-options button,.friend-open,.pose-open{transition:background-color .16s ease,filter .16s ease}.account-menu button:hover,.pdf-options button:hover{background:#282824}
@media(max-width:520px){.profile-card{gap:10px;flex-wrap:wrap}.profile-avatar.avatar-large{width:64px;height:64px}.profile-ident strong{font-size:18px}.profile-edit{font-size:12px}.avatar-actions{margin-left:74px}.friend-calendar{padding:12px}.friend-day{min-height:39px}.friend-day-row{display:grid;gap:3px}.friend-day-row span{text-align:left}.photo-dialog{width:calc(100vw - 20px);max-height:94dvh;padding:16px}.photo-head h2{font-size:18px}.photo-viewport{max-height:58dvh}.photo-actions{flex-wrap:wrap}.photo-actions .button{font-size:13px}.profile-form .form-grid{gap:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}