:root{font-family:Tahoma,Arial,sans-serif;color:#222;font-size:13px;background:#f5f0e9}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}a{color:#795747;text-decoration:none;cursor:pointer}a:hover{text-decoration:underline}.shell{width:min(791px,100%);margin:0 auto;background:white;min-height:100vh;border-left:1px solid #e7e1dc;border-right:1px solid #e7e1dc}.masthead{height:42px;background:#a94f2c;display:flex;align-items:stretch;color:white}.brand{width:137px;flex:none;padding:7px 12px 4px 14px;white-space:nowrap;color:white;font-size:20px;letter-spacing:-1.2px;font-weight:bold;font-family:Arial,sans-serif;text-shadow:0 1px 0 #7c3820}.brand:hover{text-decoration:none}.brand small{font-size:9px;letter-spacing:0;vertical-align:top;margin-left:1px}.toplink{color:#fff0e4;padding:14px 9px 0;font-size:12px}.toplink:hover{background:#914021;color:white;text-decoration:none}.topspacer{flex:1}.topsearch{margin:auto 9px auto 0;width:145px;border:1px solid #79361f;background:#873d24;color:#fff;border-radius:2px;padding:4px 7px;font-size:12px;outline:none}.topsearch::placeholder{color:#f3d8c9}.topsearch:focus{background:#fff;color:#222}.notice{background:#f8f4f0;border-bottom:1px solid #ebe0d7;color:#80614a;padding:6px 15px;font-size:11px;text-align:center}.layout{display:grid;grid-template-columns:137px minmax(0,1fr);gap:0;min-height:730px}.sidebar{padding:10px 7px 18px 11px;border-right:1px solid #f3f2f1}.nav-link{display:block;padding:5px 6px 6px;border-radius:2px;color:#795747;line-height:1.1;margin-bottom:1px;white-space:nowrap;font-size:12px}.nav-link:hover,.nav-link.active{background:#ede6e1;text-decoration:none}.nav-divider{height:1px;background:#e8e0da;margin:8px 6px}.nav-link .count{float:right;color:#777}.side-note{color:#999;font-size:11px;margin:20px 6px 8px;line-height:1.5}.content{padding:11px 13px 24px 13px;min-width:0}.page-head{background:#f7f4f1;border:1px solid #e8e0da;padding:7px 10px;margin-bottom:11px;color:#795747;font-weight:bold}.profile-grid{display:grid;grid-template-columns:190px minmax(0,1fr);gap:13px}.left-col,.right-col{min-width:0}.portrait{height:238px;background:linear-gradient(145deg,#b09886 0%,#ddd2ca 46%,#e5e2d9 46%,#e9e6df 100%);border:1px solid #e2dbd5;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.portrait .initials{font-family:Georgia,serif;color:#fff;font-size:82px;text-shadow:0 1px 4px #81624b;letter-spacing:-8px}.portrait:after{content:'';position:absolute;bottom:0;width:100%;height:13px;background:#0001}.action{display:block;text-align:center;background:#f3ede8;color:#795747;border:1px solid #e3d4c8;border-radius:2px;padding:6px;margin-top:7px;font-weight:bold;font-size:12px;width:100%}.action:hover{background:#ede2da;text-decoration:none}.block{border-top:1px solid #e7dfd9;margin-top:14px}.block-title{background:#f7f4f1;color:#795747;padding:6px 8px;font-weight:bold;font-size:12px;display:flex;justify-content:space-between}.block-body{padding:8px 5px}.friend-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 3px;text-align:center}.mini-person{font-size:11px;color:#795747;min-width:0;cursor:pointer}.mini-avatar{width:48px;height:48px;margin:0 auto 4px;border:1px solid #e2dbd5;display:flex;align-items:center;justify-content:center;font-size:19px;color:white;background:#b8a08d}.mini-person:nth-child(2) .mini-avatar,.person:nth-child(2) .avatar{background:#b8a39e}.mini-person:nth-child(3) .mini-avatar,.person:nth-child(3) .avatar{background:#809995}.mini-person:nth-child(4) .mini-avatar,.person:nth-child(4) .avatar{background:#b5a89e}.mini-person:nth-child(5) .mini-avatar,.person:nth-child(5) .avatar{background:#b5a894}.mini-person:nth-child(6) .mini-avatar,.person:nth-child(6) .avatar{background:#b39d8d}.name-row{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid #ece9e7;padding:2px 0 8px;gap:8px}.name-row h1{font-size:16px;line-height:1.3;margin:0;color:#795747}.online{font-size:11px;color:#999;white-space:nowrap}.status{padding:9px 0 11px;border-bottom:1px solid #edeae8;color:#444;cursor:pointer;min-height:36px}.status:hover{background:#fbf9f8}.info{padding:7px 0 2px}.info-row{display:grid;grid-template-columns:135px 1fr;gap:4px;line-height:1.45;padding:3px 0}.info-label{color:#777}.info-toggle{display:block;background:#f7f4f1;text-align:center;margin-top:9px;padding:6px;color:#795747}.info-toggle:hover{background:#f2ede9;text-decoration:none}.details{display:none}.details.open{display:block}.photos-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:8px}.photo-thumb{height:68px;border:1px solid #e3dbd5;cursor:pointer;position:relative;overflow:hidden;background:linear-gradient(165deg,#d3bba9 0 46%,#977b66 46% 63%,#9ba99e 63%)}.photo-thumb:nth-child(2){background:linear-gradient(140deg,#d7c6ad 0 50%,#a49386 50%)}.photo-thumb:nth-child(3){background:linear-gradient(160deg,#d7ccc4 0 40%,#858d80 40% 66%,#534f4e 66%)}.photo-thumb:nth-child(4){background:linear-gradient(135deg,#bfb0a5 0 47%,#d2bb9e 47%)}.photo-thumb:hover{opacity:.82}.wall-tabs{display:flex;justify-content:space-between;align-items:center;margin-top:15px;background:#f7f4f1;border-top:1px solid #e7dfd9;padding:7px 8px;color:#795747;font-weight:bold}.wall-form{display:flex;gap:7px;padding:10px 0;border-bottom:1px solid #ece8e5}.wall-form textarea{flex:1;height:34px;min-height:34px;resize:vertical;border:1px solid #d8cdc5;padding:8px;font-size:12px}.wall-form button,.blue-btn{color:white;background:#a94f2c;border:1px solid #944325;border-radius:2px;padding:6px 12px;font-size:12px;align-self:flex-start}.wall-form button:hover,.blue-btn:hover{background:#914021}.post{display:flex;gap:9px;padding:12px 0;border-bottom:1px solid #edeae8}.post-avatar,.avatar{width:48px;height:48px;flex:none;background:#b8a190;color:white;display:flex;align-items:center;justify-content:center;border:1px solid #e2d8d1;font-size:18px}.post-main{min-width:0;flex:1}.post-head{font-weight:bold;color:#795747;font-size:12px}.post-text{line-height:1.45;margin:5px 0 8px;white-space:pre-wrap}.post-meta{color:#999;font-size:11px}.post-meta button{border:0;background:none;color:#795747;padding:0 3px;font-size:11px}.post-meta button:hover{text-decoration:underline}.post-meta button.liked{font-weight:bold;color:#d55555}.page-title{font-weight:bold;font-size:14px;color:#795747;margin:2px 0 10px;padding:0 0 8px;border-bottom:1px solid #e7dfd9}.section-sub{color:#777;font-size:12px;margin-bottom:10px}.search-box{width:100%;max-width:340px;padding:7px;border:1px solid #ddd1c7;margin-bottom:12px}.person{display:flex;gap:11px;padding:10px 3px;border-bottom:1px solid #edeae7;align-items:flex-start}.person .avatar{width:68px;height:68px;font-size:25px}.person h3{font-size:13px;color:#795747;margin:1px 0 5px}.muted{color:#888;font-size:12px}.person p{margin:5px 0;color:#555}.person button{border:0;background:none;padding:0;color:#795747;font-size:12px}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.photo-large{height:145px}.album-caption{color:#795747;margin-top:5px;font-size:12px}.message-row{display:flex;gap:11px;padding:10px;border-bottom:1px solid #eae5e1;cursor:pointer}.message-row:hover{background:#faf7f5}.message-row.unread{background:#f7f2ef}.message-body{flex:1;min-width:0}.message-top{display:flex;justify-content:space-between;color:#795747;font-weight:bold}.message-body p{margin:5px 0;color:#555}.conversation{padding:10px;background:#fbf9f8;border:1px solid #ebe5e0}.bubble{padding:8px;border-bottom:1px solid #eae5e1}.bubble strong{color:#795747}.conversation textarea{width:100%;height:64px;margin-top:10px;border:1px solid #d8cdc5;padding:7px}.news-post{margin:0 0 14px;border:1px solid #ebe5e0;padding:10px}.audio-row{display:flex;align-items:center;border-bottom:1px solid #eeebe8;padding:8px 3px;gap:10px}.play{width:24px;height:24px;border:0;border-radius:2px;background:#ab886d;color:#fff}.audio-name{flex:1}.audio-time{color:#999}.group-row{padding:11px 0;border-bottom:1px solid #ece7e4}.group-row strong{color:#795747}.footer{border-top:1px solid #ede8e5;text-align:center;padding:18px;color:#888;font-size:11px}.footer a{margin:0 7px}.modal{position:fixed;inset:0;background:#0009;display:none;align-items:center;justify-content:center;padding:15px;z-index:20}.modal.open{display:flex}.modal-panel{width:min(430px,100%);background:white;border:7px solid #98755b;box-shadow:0 12px 45px #0005}.modal-header{padding:9px 11px;background:#f3ece7;color:#795747;font-weight:bold;display:flex;justify-content:space-between}.modal-header button{border:0;background:none;color:#795747;font-size:18px}.modal-content{padding:18px}.modal-content p{line-height:1.5}.modal-content input{display:block;width:100%;padding:8px;border:1px solid #d4c4b8;margin:7px 0}.modal-content textarea{width:100%;height:90px;border:1px solid #d4c4b8;padding:8px}.hidden{display:none!important}
  button.link{border:0;background:none;color:#795747;padding:0;font-size:inherit;text-align:left}button.link:hover{text-decoration:underline}button:disabled{opacity:.55;cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #9d7252;outline-offset:2px}.empty{padding:24px 12px;text-align:center;color:#94867c;line-height:1.65;background:#fbf9f7;border:1px solid #eee7e2;margin:10px 0}.empty a{display:inline-block;margin-top:5px}.page-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 12px}.tabs{display:flex;gap:4px;border-bottom:1px solid #ece3dc;margin-bottom:12px;flex-wrap:wrap}.tabs a{padding:7px 10px}.tabs a.selected{background:#a94f2c;color:#fff}.portrait{background:#f2ede9;height:238px;cursor:pointer}.portrait img{width:100%;height:100%;object-fit:cover}.avatar img,.post-avatar img,.mini-avatar img{width:100%;height:100%;object-fit:cover}.post-text{overflow-wrap:anywhere}.name-row h1{overflow-wrap:anywhere}.media-photo{display:block;max-width:100%;max-height:450px;margin:8px 0;object-fit:contain}.media-video{display:block;width:100%;max-height:380px;background:#111}.media-audio{width:100%;height:38px;margin-top:8px}.photo-thumb img{width:100%;height:100%;object-fit:cover}.photo-thumb{background:#f2ede9}.photo-grid>div{min-width:0}.album-caption{overflow-wrap:anywhere}.row-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:6px;font-size:11px}.badge{display:inline-block;background:#f2ebe5;color:#795747;padding:2px 5px;font-size:11px}.composer{padding:10px 0;border-bottom:1px solid #ebe5e0}.composer textarea{width:100%;height:64px;border:1px solid #d8cdc5;resize:vertical;padding:8px;box-sizing:border-box}.composer-footer{display:flex;align-items:center;gap:8px;margin-top:6px}.composer select{min-width:0;flex:1;max-width:230px;border:1px solid #d8cdc5;padding:4px;font-size:12px;background:white}.post-meta{display:flex;gap:7px;flex-wrap:wrap;line-height:1.6}.comments{margin-top:10px;background:#faf7f5;padding:0 7px}.comment{padding:8px 0;border-bottom:1px solid #efe9e5;font-size:12px;overflow-wrap:anywhere}.comment p{margin:4px 0}.comment-form{display:flex;gap:5px;padding:8px 0}.comment-form input{min-width:0;flex:1;padding:6px;border:1px solid #ddd1c7}.form-grid{display:grid;grid-template-columns:135px minmax(0,1fr);gap:10px;align-items:start}.form-grid label{color:#777;padding-top:7px}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #d7c8bd;padding:7px;background:white}.form-grid textarea{min-height:65px;resize:vertical}.form-actions{display:flex;gap:10px;margin-top:15px;justify-content:flex-end}.form-error{color:#a43e3e;background:#fff1ef;padding:8px;margin:8px 0}.form-help{color:#90857d;font-size:12px;line-height:1.5}#dialog{border:6px solid #a68368;padding:0;width:min(560px,calc(100% - 28px));max-height:88vh;overflow:auto;background:#fff;box-shadow:0 12px 45px #0005}#dialog::backdrop{background:#0008}#dialog .modal-content{padding:16px}#dialog .modal-header{position:sticky;top:0;z-index:1}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#795747;color:white;padding:11px 18px;box-shadow:0 4px 20px #0003;max-width:90vw;z-index:50}#toast.error{background:#923f3f}.conversation-log{max-height:460px;overflow:auto;background:#fcfbfa;border:1px solid #ece5e0;padding:10px}.chat-message{padding:10px 8px;border-bottom:1px solid #f0eae6;max-width:95%;overflow-wrap:anywhere}.chat-message.mine{margin-left:25px;background:#f7f2ee}.chat-message p{margin:6px 0;white-space:pre-wrap}.message-top{gap:8px;flex-wrap:wrap}.message-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:400px}.name-row .online{font-size:10px}.upload-box{border:1px dashed #cfb9a9;background:#f9f6f4;padding:15px;line-height:1.6}.upload-box input{max-width:100%}.file-actions{display:flex;gap:12px;margin:8px 0;flex-wrap:wrap}.audio-row{display:block;padding:12px 0}.media-title{display:flex;justify-content:space-between;gap:8px;overflow-wrap:anywhere}.friend-mini-grid{gap:10px 3px}.mini-person{overflow-wrap:anywhere}.block-title a{font-weight:normal}.section-sub{line-height:1.7}.group-about{white-space:pre-wrap;line-height:1.6;color:#555}.progress{font-size:12px;color:#946f52}.form-label{display:block;margin:8px 0;color:#777}.status:empty:before{content:'изменить статус';color:#999}.wall-form textarea{min-width:0}.person{min-width:0}.person>div:last-child{min-width:0;flex:1}.person h3{overflow-wrap:anywhere}.side-note{line-height:1.8}details summary{cursor:pointer;color:#795747;padding:8px 0}details .info-row{font-size:12px}.no-underline:hover{text-decoration:none}

.photos-strip .photo-large{height:68px}.photo-grid .photo-large{height:145px}
.logout-link{width:100%;border:0;background:none;text-align:left;font-family:inherit;cursor:pointer}.signed-out .layout{display:block;min-height:560px}.signed-out .sidebar,.signed-out .masthead .toplink,.signed-out .topsearch{display:none}.signed-out .content{padding:30px 18px 45px}.auth-page{width:min(430px,100%);margin:0 auto}.auth-page .page-title{font-size:17px;padding:10px 0}.auth-intro{line-height:1.6;color:#666;margin:15px 0 22px}.auth-form{padding:20px;background:#faf7f4;border:1px solid #ebe1d9}.auth-form label{display:block;color:#795747;margin:0 0 6px;font-weight:bold;font-size:12px}.auth-form input{display:block;width:100%;margin:0 0 16px;padding:9px 8px;border:1px solid #d7c8bd;background:white;min-width:0}.auth-submit{min-width:105px;margin-top:4px}.auth-links{margin:18px 0;text-align:center;line-height:1.8}.auth-disclaimer{font-size:11px;line-height:1.6;color:#888;text-align:center;padding-top:10px;border-top:1px solid #eee8e4}.transfer-note{background:#edf5ea;color:#52754a;border:1px solid #d0e1c9;padding:11px;line-height:1.6;margin-bottom:16px}.recovery-code{font-family:monospace!important;word-break:break-all;min-height:80px;resize:none;background:#f9f6f3!important}.auth-form .form-error{line-height:1.5}
/* Explicit desktop / mobile modes. The preference is local to this device. */
.mobile-tabs,.mobile-menu-button{display:none}.version-switch{border-top:1px solid #eee8e4;margin-top:15px;padding-top:12px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.version-switch>span{color:#9f948b}.version-switch button{border:1px solid #dfd0c5;background:#f8f4f1;color:#795747;border-radius:3px;padding:9px 14px;font-size:12px;min-height:38px}.version-switch button:hover{background:#f1e9e2}html[data-view=desktop] .shell{width:791px;max-width:none}html[data-view=desktop] body{min-width:791px}.footer{padding-bottom:max(18px,env(safe-area-inset-bottom))}
html[data-view=mobile]{font-size:15px;background:#f3ede9}html[data-view=mobile] body{min-width:0}html[data-view=mobile] .shell{width:100%;max-width:560px;min-height:100dvh;border:0}html[data-view=mobile] .masthead{height:52px;align-items:center;gap:6px;padding:0 10px}html[data-view=mobile] .brand{width:auto;padding:0;font-size:22px;letter-spacing:-1px}html[data-view=mobile] .toplink{display:none}html[data-view=mobile] .topsearch{width:110px;min-width:0;max-width:28vw;height:34px;margin:0;padding:6px 8px;font-size:16px}html[data-view=mobile] .mobile-menu-button{display:block;color:#fff;border:1px solid #b28e73;border-radius:3px;background:#914021;min-height:36px;padding:6px 9px;font-size:13px;order:5}html[data-view=mobile] .notice{font-size:11px;padding:7px 8px}html[data-view=mobile] .layout{display:block;min-height:50vh}html[data-view=mobile] .sidebar{display:none}html[data-view=mobile] .menu-open .sidebar{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:10px;background:#f7f2ee;border-bottom:1px solid #e4d5c9}html[data-view=mobile] .sidebar .side-note,html[data-view=mobile] .sidebar .nav-divider{display:none}html[data-view=mobile] .nav-link{font-size:14px;line-height:1.3;min-height:42px;display:flex;align-items:center;justify-content:space-between;white-space:normal;padding:8px;background:#fff;border:1px solid #ede3dc;border-radius:3px}html[data-view=mobile] .nav-link.active{background:#efe6df}html[data-view=mobile] .mobile-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #e4d6cb;background:#f5efea}html[data-view=mobile] .mobile-tabs a{display:flex;align-items:center;justify-content:center;gap:3px;min-height:44px;padding:7px 2px;font-size:12px;text-align:center}html[data-view=mobile] .mobile-tabs a.active{background:white;box-shadow:inset 0 -3px #a94f2c;font-weight:bold;text-decoration:none}html[data-view=mobile] .mobile-tabs [data-count]:not(:empty){font-size:10px;background:#a94f2c;color:white;border-radius:8px;padding:1px 4px}html[data-view=mobile] .content{padding:14px 12px 24px;overflow-wrap:anywhere}html[data-view=mobile] .profile-grid{display:flex;flex-direction:column;gap:16px}html[data-view=mobile] .left-col{display:grid;grid-template-columns:108px minmax(0,1fr);gap:8px;align-items:start}html[data-view=mobile] .portrait{height:140px;grid-row:span 2;border-radius:3px}html[data-view=mobile] .portrait .initials{font-size:48px;letter-spacing:-3px}html[data-view=mobile] .left-col>.action{margin:0;min-height:44px;display:flex;align-items:center;justify-content:center;font-size:13px;padding:8px}html[data-view=mobile] .left-col>.block{display:none}html[data-view=mobile] .name-row{flex-wrap:wrap;gap:5px;padding:0 0 8px}html[data-view=mobile] .name-row h1{font-size:21px}html[data-view=mobile] .name-row .online{font-size:12px}html[data-view=mobile] .status{min-height:44px;padding:11px 0;font-size:14px;line-height:1.5}html[data-view=mobile] .info-row{grid-template-columns:minmax(100px,40%) minmax(0,1fr);font-size:14px;padding:5px 0}html[data-view=mobile] details .info-row{font-size:14px}html[data-view=mobile] details summary{padding:12px 0;font-size:14px}html[data-view=mobile] .block-title{padding:9px 8px;font-size:13px;gap:6px}html[data-view=mobile] .block-title a{font-size:12px}html[data-view=mobile] .photos-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}html[data-view=mobile] .photos-strip .photo-large{height:75px}html[data-view=mobile] .wall-tabs{font-size:14px;padding:10px 8px}html[data-view=mobile] .composer textarea{font-size:16px;min-height:88px;padding:10px}html[data-view=mobile] .composer-footer{flex-wrap:wrap;gap:9px;margin-top:10px}html[data-view=mobile] .composer select{max-width:100%;min-height:40px;font-size:14px}html[data-view=mobile] .blue-btn{font-size:14px;min-height:40px;padding:9px 14px}html[data-view=mobile] .post{padding:16px 0;gap:9px}html[data-view=mobile] .post-avatar{width:40px;height:40px;font-size:17px}html[data-view=mobile] .post-head{font-size:14px;line-height:1.4}html[data-view=mobile] .post-text{font-size:15px;line-height:1.55}html[data-view=mobile] .post-meta{font-size:12px;gap:4px 10px}html[data-view=mobile] .post-meta button{font-size:12px;min-height:30px;padding:3px 0}html[data-view=mobile] .comments{margin-left:-4px;padding:0 7px}html[data-view=mobile] .comment{font-size:14px;line-height:1.5}html[data-view=mobile] .comment-form{flex-wrap:wrap;gap:6px}html[data-view=mobile] .comment-form input{font-size:16px;min-height:40px;flex-basis:100%;width:100%}html[data-view=mobile] .comment-form button{margin-left:auto}html[data-view=mobile] .muted,html[data-view=mobile] .section-sub{font-size:13px;line-height:1.5}html[data-view=mobile] .page-title{font-size:18px;line-height:1.4}html[data-view=mobile] .page-toolbar{align-items:center;flex-wrap:wrap;gap:8px}html[data-view=mobile] .search-box{max-width:100%;font-size:16px;min-height:43px}html[data-view=mobile] .person{gap:10px;padding:13px 0}html[data-view=mobile] .person .avatar{width:56px;height:56px;font-size:23px}html[data-view=mobile] .person h3{font-size:15px;line-height:1.4}html[data-view=mobile] .person p{font-size:14px}html[data-view=mobile] .row-actions{font-size:13px;gap:8px 12px;line-height:1.6}html[data-view=mobile] .row-actions button{min-height:30px}html[data-view=mobile] .photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px}html[data-view=mobile] .photo-grid .photo-large{height:155px}html[data-view=mobile] .album-caption{font-size:13px;line-height:1.4}html[data-view=mobile] .message-row{padding:14px 0;gap:9px}html[data-view=mobile] .message-top{font-size:14px;flex-wrap:wrap}html[data-view=mobile] .message-preview{max-width:none;white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px}html[data-view=mobile] .conversation-log{max-height:55dvh;padding:6px}html[data-view=mobile] .chat-message{font-size:14px;line-height:1.5;max-width:100%}html[data-view=mobile] .chat-message.mine{margin-left:16px}html[data-view=mobile] .form-grid{grid-template-columns:1fr;gap:5px}html[data-view=mobile] .form-grid label{padding-top:9px;font-size:14px}html[data-view=mobile] .form-grid input,html[data-view=mobile] .form-grid textarea,html[data-view=mobile] .form-grid select{font-size:16px;min-height:42px}html[data-view=mobile] .form-actions{flex-wrap:wrap;gap:12px}html[data-view=mobile] #dialog{width:calc(100% - 20px);max-width:540px;max-height:90dvh;border-width:4px}html[data-view=mobile] #dialog .modal-content{padding:14px}html[data-view=mobile] #dialog input,html[data-view=mobile] #dialog textarea,html[data-view=mobile] #dialog select{font-size:16px;max-width:100%}html[data-view=mobile] .modal-header{min-height:45px;align-items:center;font-size:14px}html[data-view=mobile] .modal-header button{min-width:36px;min-height:36px}html[data-view=mobile] .upload-box{padding:10px;font-size:13px}html[data-view=mobile] .footer{padding:18px 12px max(20px,env(safe-area-inset-bottom));line-height:2;font-size:12px}html[data-view=mobile] .version-switch button{font-size:14px;min-height:44px}html[data-view=mobile] .signed-out .mobile-tabs,html[data-view=mobile] .signed-out .mobile-menu-button,html[data-view=mobile] .signed-out .sidebar,html[data-view=mobile] .signed-out .topsearch{display:none}html[data-view=mobile] .signed-out .content{padding:20px 16px 30px}html[data-view=mobile] .signed-out .masthead{justify-content:center}html[data-view=mobile] .signed-out .topspacer{display:none}html[data-view=mobile] .auth-form{padding:16px}html[data-view=mobile] .auth-form input{font-size:16px;min-height:43px}html[data-view=mobile] .auth-form label{font-size:14px}html[data-view=mobile] .auth-submit{width:100%}html[data-view=mobile] .auth-links{font-size:14px}html[data-view=mobile] .auth-disclaimer{font-size:12px}html[data-view=mobile] .empty{font-size:14px;padding:22px 12px;line-height:1.65}
html[data-view=desktop] .version-switch{max-width:calc(100vw - 36px);position:sticky;left:18px}
.push-settings{padding:12px;line-height:1.6}.push-settings p{margin:0 0 10px}.push-settings #pushStatus{color:#795747}.push-settings .file-actions{align-items:center;gap:14px}.push-settings button{min-height:40px}.push-settings .form-help{margin:12px 0 0}

/* vgosti.me: a restrained warm palette with the original layout. */
:root{--vg-surface:#fffdfa;--vg-accent:#a94f2c;--vg-border:#e6d9cc;background:#f5f0e9;color:#302b27}
.shell{background:var(--vg-surface);border-color:var(--vg-border)}
.brand{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.7px;text-shadow:none}
.sidebar{background:#fcf8f2}.notice{background:#f8eee3;color:#795747}
.blue-btn,.action,.nav-link,.search-box,.auth-form,.composer textarea,.composer select{border-radius:4px}
.block-title,.wall-tabs,.page-head{background:#f5ece1}
.news-post{border-radius:4px}.auth-form{background:#faf3eb}
html[data-view=mobile]{background:#f5f0e9}
html[data-view=mobile] .brand{letter-spacing:-.7px}
html[data-view=mobile] .mobile-tabs{background:#f7ecdf}
html[data-view=mobile] .mobile-tabs a.active{background:var(--vg-surface);box-shadow:inset 0 -3px var(--vg-accent)}
html[data-view=mobile] .nav-link.active{background:#f1ddca}

/* White canvas, soft peach accents. */
:root{--vg-surface:#ffffff;--vg-accent:#c39176;--vg-border:#eee5df;background:#fff}
body,.shell,.sidebar,html[data-view=mobile]{background:#fff}
.masthead{background:#f0dace;color:#604638;border-bottom:1px solid #e5cabb}
.brand,.toplink{color:#604638}.toplink:hover{background:#ead0c0;color:#513b30}
.topsearch{background:#fffaf7;border-color:#dcbfac;color:#604638}.topsearch::placeholder{color:#866b5d}
.notice{background:#fcf8f5;color:#795f50}
.wall-form button,.blue-btn,.play,.tabs a.selected{background:#eed5c5;border-color:#d6b49e;color:#573e30}
.wall-form button:hover,.blue-btn:hover{background:#e5c6b1}
.action,.block-title,.wall-tabs,.page-head,.info-toggle,.auth-form{background:#fcf7f3}
.nav-link:hover,.nav-link.active{background:#f7e9df}
#dialog{border-color:#e5caba}.modal-header{background:#f7e9df}
html[data-view=mobile] .mobile-menu-button{background:#f8e9df;border-color:#d6b49e;color:#604638}
html[data-view=mobile] .mobile-tabs{background:#fcf7f3}
html[data-view=mobile] .mobile-tabs [data-count]:not(:empty){background:#ead0c0;color:#573e30}
html[data-view=mobile] .menu-open .sidebar{background:#fff}
html[data-view=mobile] .nav-link.active{background:#f7e9df}
.guest-art{display:block;width:100%;height:auto;margin:22px auto 8px}
.footer-guest-art{display:none}
.signed-out .footer-guest-art{display:block;width:170px;height:auto;margin:0 auto 18px}
html[data-view=mobile] .sidebar .guest-art{display:none}
html[data-view=mobile] .footer-guest-art{display:block;width:170px;height:auto;margin:0 auto 18px}

/* Public welcome screen; signed-in pages retain their compact layout. */
.repost-card{border:1px solid #eee5df;border-left:3px solid #e6c4af;border-radius:4px;padding:11px;margin:9px 0 12px;background:#fffdfa;min-width:0;overflow-wrap:anywhere}
.repost-heading{display:flex;align-items:center;gap:9px;font-size:13px;line-height:1.5}
.repost-heading .mini-avatar{width:36px;height:36px;margin:0;overflow:hidden;border-radius:3px;flex:none}
.repost-label{font-size:12px;color:#877468;margin:3px 0 6px}
.repost-original{display:inline-block;font-size:12px;margin-top:6px;padding:4px 0}
.repost-card .post-text{margin:8px 0;font-size:14px;line-height:1.5}
.repost-card .media-photo{max-height:320px}
.repost-unavailable{color:#877468;font-size:13px;line-height:1.5}
.post-meta .repost-shared{font-weight:bold}
[data-form=repost] .repost-card{max-height:300px;overflow:auto}
[data-form=repost] textarea{font-size:14px;resize:vertical;min-height:80px}
html[data-view=mobile] .repost-card{padding:9px}
html[data-view=mobile] .repost-heading{font-size:14px}
html[data-view=mobile] .repost-original{min-height:36px;font-size:13px}
html[data-view=mobile] .post-meta [data-act=repost]{min-height:36px}
.sticker-toggle{border:1px solid #dfc6b7;border-radius:5px;background:#fff8f3;color:#6b4a39;min-height:34px;padding:6px 12px;font-size:13px}
.sticker-toggle:hover{background:#f8e5d7}
.sticker-help{font-size:14px;line-height:1.5;color:#795f50;margin:0 0 12px}
.sticker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sticker-choice{display:flex;flex-direction:column;align-items:center;gap:5px;border:1px solid #eee1d8;border-radius:8px;background:#fff;padding:7px;color:#6b4a39;min-width:0}
.sticker-choice:hover{background:#fff5ed;border-color:#d9b69e}
.sticker-choice img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.sticker-choice span{font-size:12px;line-height:1.4;min-height:17px;text-align:center}
.sticker-choice:disabled{opacity:.55;cursor:wait}
.chat-sticker{display:block;width:220px;height:220px;max-width:100%;object-fit:contain;margin:8px 0;padding:6px}
.sticker-error{color:#923f3f;background:#fff1ed;padding:9px;font-size:14px;line-height:1.5}
html[data-view=mobile] .sticker-toggle{min-height:40px;font-size:14px;padding:9px 12px}
html[data-view=mobile] .sticker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
html[data-view=mobile] .chat-sticker{width:190px;height:190px}
.welcome-header{display:none}
html.public-view body{min-width:0}
html.public-view #app.signed-out .shell{width:min(1120px,100%);max-width:1120px;border:0;min-height:100dvh}
#app.signed-out .welcome-header{display:flex;align-items:center;justify-content:space-between;padding:24px 36px;border-bottom:1px solid #f2e9e3}
.welcome-brand{border:0;background:none;font:bold 30px Georgia,serif;color:#563c2e;padding:0;letter-spacing:-1px}
.welcome-brand span{color:#efb299;font:22px Arial,sans-serif;vertical-align:top;margin-left:5px}
.welcome-header-login{background:none;border:0;color:#684b3c;font-size:15px;text-decoration:underline;padding:10px 4px}
#app.signed-out .masthead,#app.signed-out .notice,#app.signed-out .mobile-tabs,#app.signed-out .footer-guest-art,#app.signed-out .footer>a{display:none}
#app.signed-out .layout{min-height:0}
#app.welcome-view .content{padding:0;overflow:visible}
.welcome-hero{text-align:center;padding:48px 24px 0;color:#563c2e}
.welcome-hero h1{font:700 clamp(34px,4.7vw,56px)/1.08 Georgia,'Times New Roman',serif;letter-spacing:-1.5px;margin:0 0 20px}
.welcome-description{font-size:18px;line-height:1.55;color:#7d7069;margin:0 auto;max-width:640px}
.welcome-actions{display:flex;justify-content:center;gap:15px;margin:27px 0 15px;position:relative;z-index:1}
.welcome-primary,.welcome-secondary{border-radius:28px;padding:14px 30px;min-height:50px;font-size:16px;font-weight:600;color:#573c2e;line-height:1.3}
.welcome-primary{background:#f7c3a9;border:1px solid #f7c3a9}.welcome-primary:hover{background:#f3b697}
.welcome-secondary{background:#fff;border:1px solid #ac816a;min-width:140px}.welcome-secondary:hover{background:#fcf3ed}
.welcome-cover{display:block;width:100%;height:auto;max-height:350px;object-fit:contain;margin:0 auto}
.welcome-features{display:grid;grid-template-columns:repeat(3,1fr);max-width:710px;margin:12px auto 30px}
.welcome-features>div{display:flex;flex-direction:column;gap:10px;align-items:center;padding:8px 14px;font-size:16px}
.welcome-features>div+div{border-left:1px solid #f0e6df}
.welcome-features svg{width:34px;height:34px;fill:none;stroke:#dba38b;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#app.signed-out .footer{border-color:#f0e6df;color:#9b8b81;padding-top:16px}
#app.signed-out .version-switch{border:0;margin-top:5px;padding-top:5px;position:static;max-width:none}
#app.signed-out .version-switch button{border:0;background:none;padding:4px 8px;min-height:32px;text-decoration:underline}
#app.signed-out .version-switch>span{display:none}
.auth-back{margin-bottom:10px;min-height:36px}
#app.signed-out .auth-page{padding-top:8px}.signed-out .auth-form{border-radius:8px}
@media(max-width:700px){
#app.signed-out .welcome-header{padding:20px 22px}.welcome-brand{font-size:27px}
.welcome-hero{padding:34px 18px 0}.welcome-hero h1{font-size:35px;letter-spacing:-1px;margin-bottom:16px}
.welcome-description{font-size:16px;line-height:1.55;max-width:390px}.wide-only{display:none}
.welcome-actions{flex-direction:column;gap:10px;max-width:355px;margin:24px auto 16px}
.welcome-primary,.welcome-secondary{width:100%;font-size:16px;min-height:48px}
.welcome-cover{width:calc(100% + 36px);max-width:none;margin-left:-18px;height:225px;object-fit:cover;object-position:center}
.welcome-features{margin:18px auto 24px}.welcome-features>div{font-size:13px;padding:4px 5px;gap:9px}.welcome-features svg{width:29px;height:29px}
#app.signed-out .content{padding:22px 18px 30px}#app.welcome-view .content{padding:0}
}
/* Social tools follow the same quiet peach palette. */
.notification-bell{white-space:nowrap;font-size:16px;min-width:45px}.notification-bell span{font-size:12px;padding-left:3px}[data-admin][hidden]{display:none!important}
.notification-card,.birthday-row{display:flex;gap:12px;padding:16px 10px;border-bottom:1px solid #eee3dc;line-height:1.5}.notification-card.unread{background:#fff3e8}.notification-card>div{min-width:0}.guest-entry,.room-row,.admin-user,.backup-row,.search-result{padding:15px 0;border-bottom:1px solid #eee3dc;line-height:1.6;overflow-wrap:anywhere}.guest-entry p,.search-result p{white-space:pre-wrap}.guestbook .blue-btn{margin-bottom:5px}.room-member{padding:12px 0;border-bottom:1px solid #eee3dc;line-height:1.6}.community-search{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.community-search input{min-width:0;flex:1 1 220px;padding:10px;border:1px solid #d7c8bc;border-radius:4px}.community-search select{max-width:150px;padding:8px}.interest-match{font-size:13px;color:#846044;background:#fff3e8;padding:7px 10px;margin-top:15px;border-radius:4px}.admin-stats{display:flex;gap:10px;flex-wrap:wrap;padding:12px 0}.admin-stats span{padding:12px;background:#fff5ee;display:flex;flex-direction:column;gap:5px;flex:1}.admin-stats strong{font-size:24px;color:#75513d}.restore-progress{white-space:pre-wrap;color:#79583f}.backup-row .row-actions{flex-wrap:wrap}.guestbook .block-body{padding:12px}
html[data-view=mobile] .community-search{display:grid;grid-template-columns:1fr auto}html[data-view=mobile] .community-search input{grid-column:1/-1;font-size:16px}html[data-view=mobile] .community-search select{font-size:16px;min-height:44px}html[data-view=mobile] .notification-card,html[data-view=mobile] .birthday-row{padding:14px 4px;font-size:14px}html[data-view=mobile] .room-member,html[data-view=mobile] .guest-entry,html[data-view=mobile] .backup-row{font-size:14px}html[data-view=mobile] .notification-bell{font-size:18px;padding:13px 10px}
.audience-label{display:inline-flex;align-items:center;gap:5px;color:#76645a;font-size:13px}.audience-label select{max-width:130px}
.profile-extra-actions{display:flex;flex-direction:column;gap:7px;margin:12px 0 20px}.report-link{color:#8c7265;font-size:12px}.profile-extra-actions .report-link{text-align:left;padding:5px 8px}
.privacy-notice,.invitation-banner{padding:18px;background:#fff7f1;border:1px solid #efded1;border-radius:6px;margin:0 0 18px;line-height:1.6}.privacy-notice{font-size:15px}.invitation-banner{font-size:14px}.welcome-view .invitation-banner{margin:18px 24px 0}
.blocked-row{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:8px 0;border-bottom:1px solid #f3e8e1}
.reaction-row{display:flex;flex-wrap:wrap;gap:5px;margin:7px 0}.reaction-chip{display:inline-flex;align-items:center;gap:4px;background:#fff;border:1px solid #e8d9cf;border-radius:20px;padding:1px 9px 1px 3px;font-size:13px;color:#694c3d;min-height:38px}.reaction-chip img{object-fit:contain;width:36px;height:36px}.reaction-chip.selected{background:#ffede1;border-color:#c58c6c}.reaction-picker .sticker-choice img{height:100px}
.gift-card{display:flex;gap:15px;padding:16px 0;border-bottom:1px solid #efe3da;line-height:1.5;overflow-wrap:anywhere}.gift-card>div:last-child{min-width:0;flex:1}.gift-card p{white-space:pre-wrap;margin:8px 0}.gift-icon{font-size:42px;line-height:1.2;flex:none;min-width:48px;text-align:center}.gift-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gift-option{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;border:1px solid #ead7c9;border-radius:6px;padding:18px 10px;cursor:pointer;font-size:13px;line-height:1.4}.gift-option input{position:absolute;top:10px;left:10px;width:auto}.gift-option:has(input:checked){background:#fff0e5;border-color:#c58b66}.gift-option:focus-within{outline:2px solid #ac7654;outline-offset:2px}.gift-option strong{font-size:14px}.gift-option .gift-icon{margin:4px 0}
.invite-url{width:100%;font-size:14px;padding:12px}.report-card{padding:16px 0;border-bottom:1px solid #e8dcd3;line-height:1.55}.report-card blockquote,.modal-content blockquote{white-space:pre-wrap;overflow-wrap:anywhere;border-left:3px solid #e6b49a;margin:12px 0;padding:8px 14px;background:#fff8f4}.report-card .message-top{gap:12px;flex-wrap:wrap}
.typing-status{min-height:25px;color:#987253;font-size:13px;padding:4px 0}.voice-status{font-size:16px;line-height:1.6}.voice-preview{margin:16px 0}.voice-preview audio{width:100%}.upload-status{color:#8e654d}.profile-extra-actions .action{display:block;width:100%;text-align:left}
.composer-footer{flex-wrap:wrap}.composer-footer .sticker-toggle{font-size:13px;white-space:nowrap;min-height:36px}.chat-message .media-photo,.chat-message .media-video{max-width:100%;max-height:380px;object-fit:contain}.chat-message .media-audio{width:min(100%,360px)}
html[data-view=mobile] .composer-footer{gap:8px}html[data-view=mobile] .composer-footer .sticker-toggle{font-size:14px;min-height:42px}html[data-view=mobile] .audience-label{font-size:14px}html[data-view=mobile] .audience-label select{min-height:40px}html[data-view=mobile] .report-link{min-height:32px;padding:6px 0}html[data-view=mobile] .reaction-chip{min-height:42px}html[data-view=mobile] .gift-picker{gap:8px}html[data-view=mobile] .gift-card{gap:10px}html[data-view=mobile] .profile-extra-actions{max-width:100%}