:root{color:#354354;font-synthesis:none;background:#d8edf7;font-family:Malgun Gothic,Apple SD Gothic Neo,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 15%,#f8fdff 0 2px,#0000 3px) 0 0/28px 28px,linear-gradient(135deg,#cce7f3,#edf7fb 48%,#c7e2ef);min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.page-shell{place-content:center;min-height:100vh;padding:32px;display:grid}.mini-homepy{background:#58a9d6;border:2px solid #7b8790;border-radius:24px;grid-template-columns:260px minmax(0,1fr) 94px;width:min(1040px,100vw - 64px);min-height:650px;padding:22px 0 22px 22px;display:grid;position:relative;box-shadow:0 18px 50px #477a9940,inset 0 0 0 6px #90cce7,inset 0 0 0 8px #f4fcff}.mini-homepy:before{content:"";pointer-events:none;border:1px dashed #e7f8ff;border-radius:15px;position:absolute;inset:12px}.profile-panel,.content-column{z-index:1;background:#fff;border:1px solid #9ba7ae}.profile-panel{border-right:0;border-radius:12px 0 0 12px;margin:12px 0 12px 12px;padding:14px}.counter{border-bottom:1px dashed #b6c2ca;justify-content:center;gap:12px;padding-bottom:10px;font:11px Arial,sans-serif;display:flex}.counter b{color:#f47755}.profile-frame{background:linear-gradient(#e4f5fc 62%,#cee4c9 62%);border:1px solid #b9c6cc;place-items:center;height:290px;margin-top:18px;display:grid;overflow:hidden}.profile-frame img{object-fit:contain;width:95%;height:95%}.profile-fallback{color:#79a7bd;background:#e9f5fa;place-items:center;width:100%;height:100%;font-size:70px;display:grid}.intro{color:#526471;min-height:65px;margin:16px 3px;font-size:14px;line-height:1.7}.mood-box{background:#f1faff;border:1px solid #d1e5ee;border-radius:7px;padding:10px}.mood-box label{color:#438bb4;margin-bottom:5px;font-size:12px;font-weight:700;display:block}.mood-box select{background:#fff;border:1px solid #acc8d5;border-radius:4px;width:100%;padding:6px}.profile-meta{border-top:1px dashed #b6c2ca;margin-top:18px;padding-top:12px}.profile-meta strong{color:#4789ae;font-size:18px;font-weight:800;display:block}.profile-meta span{color:#8b99a2;margin:10px 0 6px;font-size:12px;display:block}.profile-meta em{color:#5a9cbe;margin-right:6px;font-size:12px;font-style:normal}.content-column{border-radius:0 12px 12px 0;flex-direction:column;min-width:0;margin:12px 0;padding:0 18px 18px;display:flex}header{border-bottom:1px solid #8fc4dc;justify-content:space-between;align-items:end;gap:10px;min-height:78px;padding:9px 7px 12px;display:flex}header span{color:#8ca1ad;letter-spacing:2px;font-size:10px}header h1{color:#3e91bd;letter-spacing:1px;margin:3px 0 0;font-size:26px;font-weight:900}header p{color:#9aa6ad;margin:0 0 2px;font-size:10px}.content-panel{flex:1;padding:18px 8px;overflow:auto}.section-title,.miniroom-title{border-bottom:2px solid #71afd0;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:5px;display:flex}.section-title h2,.miniroom-title h2{color:#3f91bc;text-transform:uppercase;letter-spacing:1px;margin:0;font-size:18px;font-weight:900}.section-title span,.miniroom-title span{color:#9dabb2;font-size:11px}.news-list{grid-template-columns:1fr 1fr;gap:7px 18px;margin:12px 0 25px;display:grid}.news-list p{border-bottom:1px dotted #ccd5da;margin:0;padding-bottom:5px;font-size:13px}.badge{color:#fff;background:#f08074;border-radius:3px;margin-right:7px;padding:2px 5px;font:9px Arial;display:inline-block}.miniroom{background:linear-gradient(#d9f3ff 0 48%,#f8f1e6 48% 56%,#d4b895 56%);border:1px solid #b4d4e2;height:310px;margin-top:12px;position:relative;overflow:hidden}.miniroom:after{content:"";background:repeating-linear-gradient(90deg,#ad8a69 0 30px,#c7a783 30px 60px);height:15px;position:absolute;inset:56% 0 auto}.window{color:#fff;background:#8dd2ed;border:8px solid #e9f0f0;justify-content:space-around;align-items:center;width:60%;height:93px;font-size:32px;display:flex;position:absolute;top:25px;left:20%;box-shadow:0 4px #7897a4}.room-copy{z-index:2;color:#55829a;background:#fffdf6;border:1px solid #eccfc4;padding:10px 14px;position:absolute;top:140px;left:35px;transform:rotate(-2deg);box-shadow:2px 3px #d6b9a8}.room-copy strong,.room-copy small{display:block}.room-copy small{color:#e4898c;margin-top:4px}.room-avatar{z-index:3;width:150px;height:215px;position:absolute;bottom:6px;right:34px}.room-avatar img{object-fit:contain;width:100%;height:100%}.tabs{z-index:2;align-self:start;gap:5px;margin-top:82px;display:grid}.tabs button{color:#fff;background:#4596c1;border:1px solid #3e7b9c;border-left:0;border-radius:0 8px 8px 0;min-height:45px;padding:8px;box-shadow:inset 0 1px #83c5e7}.tabs button.active{color:#3587b1;background:#fff;border-left:1px solid #fff;transform:translate(-1px)}.album-card{background:#fafafa;border:1px solid #d8e1e6;margin-top:14px;padding:14px}.album-heading{color:#537f96;background:#e5f3f9;justify-content:space-between;padding:7px 10px;display:flex}.album-heading time{color:#9aa5ab;font-size:11px}.interest-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0;display:grid}.interest-grid div{text-align:center;background:#fff;border:1px solid #d9e8ef;place-content:center;gap:8px;min-height:150px;display:grid}.interest-grid span{font-size:42px}.album-card>p{color:#78868e;font-size:13px}.player-info,.privacy-note{color:#597d91;background:#f0f9fd;border:1px solid #cde4ee;border-radius:5px;margin:14px 0;padding:10px 12px;font-size:12px}.music-list{margin:0;padding:0;list-style:none}.music-list li{border-bottom:1px dotted #bdcbd2;align-items:center;gap:12px;padding:14px 8px;display:flex}.track-number{color:#72a8c2;font-size:18px;font-weight:800}.track{flex:1;min-width:0}.track strong,.track small{display:block}.track small{color:#99a4aa;margin-top:3px}.music-list button{color:#9da6ab;cursor:not-allowed;background:#f2f4f5;border:1px solid #cbd5da;border-radius:4px;padding:6px 10px}.guest-form{background:#f8fbfc;border:1px solid #d5e4eb;gap:10px;padding:14px;display:grid}.guest-form label{color:#658798;gap:4px;font-size:12px;display:grid}.guest-form input,.guest-form textarea{background:#fff;border:1px solid #bdcdd5;border-radius:4px;width:100%;padding:9px}.guest-form textarea{resize:vertical;min-height:72px}.guest-form button{color:#fff;background:#4d9cc5;border:0;border-radius:4px;justify-self:end;padding:8px 16px}.guest-list article{border-bottom:1px dashed #bdcbd2;margin-top:12px;padding:12px 56px 12px 12px;position:relative}.guest-list article div{align-items:baseline;gap:8px;display:flex}.guest-list time{color:#a0a9ae;font-size:10px}.guest-list article p{margin:6px 0 0;font-size:13px}.guest-list article button{color:#df7878;background:0 0;border:0;font-size:11px;position:absolute;top:12px;right:8px}.empty{text-align:center;color:#9aa8af;padding:35px}footer{color:#6a9cb5;text-align:center;margin-top:12px;font-size:11px}@media (width<=720px){.page-shell{padding:10px;display:block}.mini-homepy{border-radius:18px;flex-direction:column;width:100%;min-height:auto;padding:12px;display:flex}.profile-panel,.content-column{border:1px solid #9ba7ae;border-radius:10px;width:100%;margin:0}.profile-panel{padding:12px}.profile-frame{height:300px}.intro{min-height:auto}.profile-meta{margin-bottom:5px}.tabs{order:2;grid-template-columns:repeat(4,1fr);width:100%;margin:10px 0;display:grid}.tabs button{border:1px solid #3e7b9c;border-radius:6px;min-width:0;min-height:42px;padding:5px 2px;font-size:13px}.tabs button.active{border-color:#fff;transform:none}.content-column{order:3;padding:0 10px 12px}header{align-items:center;min-height:70px}header h1{font-size:21px}header p{display:none}.content-panel{padding:14px 2px;overflow:visible}.news-list{grid-template-columns:1fr}.miniroom{height:280px}.room-copy{font-size:12px;top:130px;left:12px}.room-avatar{width:125px;height:195px;right:10px}.interest-grid{grid-template-columns:1fr}.interest-grid div{min-height:110px}.music-list li{gap:8px}footer{margin-bottom:8px}}