:root{color:#24324a;font-synthesis:none;background:#9bb9de;font-family:Pretendard,Apple SD Gothic Neo,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}.site-shell{background:linear-gradient(145deg,#a9c5e8,#7da5d5);min-height:100vh;padding:42px 24px 20px;position:relative;overflow:hidden}.dot-bg{opacity:.24;background-image:radial-gradient(#fff 1.2px,#0000 1.2px);background-size:12px 12px;position:absolute;inset:0}.mini-home{background:#f5f8fc;border:2px solid #57769b;border-radius:16px;grid-template-rows:36px 1fr;grid-template-columns:255px 1fr 94px;width:min(1080px,100%);height:690px;margin:auto;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 45px #294e7a66,0 0 0 7px #d5e2f0,0 0 0 9px #54769d}.counter-bar{letter-spacing:.5px;border-right:1px dashed #9baec3;grid-column:1;justify-content:center;align-items:end;gap:7px;padding-bottom:5px;font-size:11px;display:flex}.counter-bar b{color:#e96e5e}.counter-bar em{color:#3372bb;font-style:normal}.tiny-status{display:none}.profile-panel{background:linear-gradient(#f9fcff,#edf4fc);border-right:1px dashed #9baec3;flex-direction:column;grid-area:2/1;padding:18px 20px;display:flex}.profile-frame{background:linear-gradient(#d4e6fa,#fbfdff);border:1px solid #9ab0ca;border-radius:3px;justify-content:center;align-items:flex-end;height:270px;display:flex;overflow:hidden}.profile-image{object-fit:contain;width:100%;height:100%;display:block}.profile-fallback{color:#fff;background:#7da7db;border-radius:50%;place-items:center;width:120px;height:120px;margin:auto;font-size:38px;font-weight:800;display:grid}.mood-box{border-top:1px dotted #99aabc;border-bottom:1px dotted #99aabc;align-items:center;gap:8px;margin-top:14px;padding:8px;display:flex}.mood-box label{color:#3b70ad;font:700 10px Arial}.mood-box select{color:#dd665a;background:0 0;border:0;outline:0;flex:1;min-width:0;font-weight:700}.profile-intro{text-align:center;color:#40546d;font-family:Gaegu,cursive;font-size:19px}.profile-meta{flex-direction:column;gap:4px;margin-top:auto;display:flex}.profile-meta strong{color:#346eae}.profile-meta span{color:#7b8798;font-size:11px}.waves{text-align:center;color:#92acd0;letter-spacing:4px;margin:11px}.favorites{flex-wrap:wrap;gap:5px;font-size:10px;display:flex}.favorites span{color:#777;width:100%;font-weight:700}.favorites b{color:#4776ae;background:#dceafa;border-radius:8px;padding:3px 6px}.content-panel{grid-area:1/2/3;min-width:0;padding:0 22px 22px}.title-row{border-bottom:2px solid #7f9fc2;justify-content:space-between;align-items:center;height:78px;display:flex}.title-row small{color:#8c9bad;font-size:9px}.title-row h1{color:#2d64a8;letter-spacing:-1px;margin:4px 0 0;font-size:22px}.title-row>span{color:#7f8fa3;font-family:Gaegu,cursive;font-size:16px}.content-scroll{height:calc(100% - 78px);padding-top:16px;overflow:auto}.tabs{background:#edf3fa;border-left:1px solid #ccd8e4;grid-area:1/3/3;padding-top:78px}.tabs button{color:#fff;cursor:pointer;background:#5d88c3;border:0;border-bottom:1px solid #aec2d8;width:100%;padding:15px 5px;font-weight:700;transition:all .15s}.tabs button span{margin-bottom:4px;font-size:18px;display:block}.tabs button:hover,.tabs button.active{color:#3970b4;background:#fff;box-shadow:inset 4px 0 #3970b4}.card{background:#fff;border:1px solid #c9d7e7;border-radius:5px;box-shadow:0 3px 9px #426b9d12}.section-title{border-bottom:1px solid #dbe4ef;align-items:center;gap:9px;padding:10px 12px;display:flex}.section-title span{color:#3f73b2;font:700 12px Arial}.section-title small{color:#91a0b2}.home-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.news-card{grid-column:1/-1}.news-list{margin:0;padding:4px 13px;list-style:none}.news-list li{border-bottom:1px dotted #c8d1dc;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:9px 0;font-size:12px;display:grid}.news-list li:last-child{border:0}.news-list time{color:#a0a9b5;font-size:10px}.new-badge{color:#fff;background:#ef7466;border-radius:2px;padding:3px 5px;font-size:8px}.welcome-card{text-align:center;background:linear-gradient(160deg,#fff,#eef6ff);min-height:225px;padding:35px 20px;position:relative}.welcome-card .sparkle{color:#f4ad5d;font-size:24px}.handwriting{color:#607995;margin:4px;font:20px Gaegu,cursive}.welcome-card h2{color:#3472ba;font-size:20px}.welcome-card>p:not(.handwriting){color:#66758a;font-size:12px}.interest-row{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.interest-row span{color:#4175b4;background:#dceafb;border-radius:10px;padding:5px 8px;font-size:10px}.mini-room{min-height:225px}.room-scene{background:linear-gradient(#d9ecff 0 65%,#d7c1a5 65%);border:8px solid #fff;height:179px;position:relative;overflow:hidden}.window{color:#fff;background:#8ec5f0;border:7px solid #fff;place-items:center;width:65px;height:55px;font-size:24px;display:grid;position:absolute;top:18px;left:22px}.sofa{color:#eaf4ff;text-align:center;background:#6c91c4;border-radius:15px 15px 4px 4px;width:115px;height:59px;padding:11px;font:700 13px Arial;position:absolute;bottom:25px;right:22px;box-shadow:inset 0 -9px #527caf}.plant{color:#5c9a73;font-size:40px;position:absolute;bottom:25px;left:38px}.rug{color:#fff;font-size:20px;position:absolute;bottom:4px;left:50%}.page-card{min-height:100%;padding-bottom:18px}.photo-grid{grid-template-columns:repeat(3,1fr);gap:14px;padding:16px;display:grid}.photo-card{background:#fff;border:1px solid #d8e1ec;padding:8px;box-shadow:2px 3px #e5ecf5}.photo-placeholder{color:#fff;place-items:center;height:170px;font-size:55px;display:grid}.photo-1{background:linear-gradient(#74bced 55%,#276db7 55%)}.photo-2{background:linear-gradient(135deg,#ffb09f,#f27e79)}.photo-3{background:linear-gradient(145deg,#9fd19c,#5c9970)}.photo-card h3{color:#3a6fae;margin:10px 2px 4px;font-size:13px}.photo-card p{color:#5a687b;margin:0 2px;font:15px Gaegu,cursive}.jukebox-head{background:#eaf3fd;align-items:center;gap:18px;margin:16px;padding:18px;display:flex}.disc{color:#fff;background:radial-gradient(circle,#c9e0f6 0 12%,#356da9 13% 22%,#182b48 23% 100%);border-radius:50%;place-items:center;width:70px;height:70px;font-size:24px;animation:9s linear infinite spin;display:grid}.jukebox-head p{color:#748398;margin:5px 0;font-size:12px}@keyframes spin{to{transform:rotate(360deg)}}.music-list{border-top:2px solid #547cac;margin:0 16px;padding:0;list-style:none}.music-list li{border-bottom:1px dotted #abb9c9;grid-template-columns:38px 1fr auto;align-items:center;padding:13px 7px;font-size:13px;display:grid}.track-no{color:#8e9bad}.music-list button{color:#9199a4;background:#f2f3f5;border:1px solid #bbc5d1;border-radius:3px;padding:5px 8px}.notice,.privacy-note{color:#7c8796;margin:14px 16px;font-size:11px}.privacy-note{color:#526b86;background:#edf6ff;border-left:3px solid #5687c1;padding:10px}.guest-form{grid-template-columns:150px 1fr auto;align-items:end;gap:10px;margin:16px;display:grid}.guest-form label{color:#4b6f9a;flex-direction:column;gap:5px;font-size:11px;font-weight:700;display:flex}.guest-form input,.guest-form textarea{background:#fbfdff;border:1px solid #b9c9da;border-radius:4px;width:100%;padding:9px}.guest-form textarea{resize:vertical;height:64px}.guest-form button{color:#fff;cursor:pointer;background:#4b7fbd;border:0;border-radius:4px;height:39px;padding:0 13px}.entries{margin:18px 16px}.entry{background:#f8fbff;border:1px solid #dae3ed;margin-bottom:10px;padding:12px 75px 12px 13px;position:relative}.entry div{align-items:center;gap:10px;display:flex}.entry b{color:#3971b2}.entry time{color:#9aa5b2;font-size:10px}.entry p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0;font-size:13px}.entry>button{color:#d36f69;cursor:pointer;background:0 0;border:0;position:absolute;top:10px;right:10px}.empty{text-align:center;color:#8996a7;padding:28px;font:18px Gaegu,cursive}footer{text-align:center;color:#eaf3ff;letter-spacing:1px;margin-top:18px;font-size:10px;position:relative}@media (width<=720px){.site-shell{padding:12px 10px 22px;overflow:visible}.mini-home{border-radius:12px;flex-direction:column;height:auto;min-height:calc(100vh - 48px);display:flex}.counter-bar{border-bottom:1px dashed #9baec3;border-right:0;flex:none;order:0;align-items:center;height:35px}.tiny-status{color:#6c7f97;margin-left:auto;margin-right:10px;display:inline}.profile-panel{border-bottom:1px dashed #9baec3;border-right:0;order:2;grid-template-rows:auto auto auto;grid-template-columns:112px minmax(0,1fr);gap:8px 12px;padding:12px;display:grid}.profile-panel>*{min-width:0}.profile-frame{grid-row:1/4;height:145px}.mood-box{margin:0}.profile-intro{text-align:left;overflow-wrap:anywhere;margin:4px 0}.profile-meta{margin:0}.profile-meta span{overflow-wrap:anywhere}.waves,.favorites{display:none}.content-panel{order:3;padding:0 12px 14px}.title-row{height:66px}.title-row h1{white-space:normal;overflow-wrap:anywhere;font-size:19px}.title-row>span{display:none}.content-scroll{height:auto;padding-top:12px;overflow:visible}.tabs{border-bottom:1px solid #aec2d8;border-left:0;order:1;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;display:grid}.tabs button{white-space:nowrap;border-bottom:0;border-right:1px solid #aec2d8;min-width:0;padding:8px 1px;font-size:11px}.tabs button:last-child{border-right:0}.tabs button span{margin:0 2px 0 0;font-size:12px;display:inline}.tabs button:hover,.tabs button.active{box-shadow:inset 0 -3px #3970b4}.home-grid{grid-template-columns:1fr}.news-card{grid-column:auto}.welcome-card,.mini-room{min-height:210px}.photo-grid{grid-template-columns:1fr}.photo-placeholder{height:190px}.guest-form{grid-template-columns:1fr}.guest-form button{width:100%}.jukebox-head{margin:12px;padding:12px}.music-list{margin:0 12px}.music-list li{grid-template-columns:30px minmax(0,1fr) auto}.music-list button{padding:5px;font-size:11px}.section-title{flex-wrap:wrap}}@media (width<=390px){.site-shell{padding:8px 6px 18px}.mini-home{width:100%;box-shadow:0 8px 22px #294e7a55,0 0 0 3px #d5e2f0}.counter-bar{font-size:10px}.tiny-status{font-size:9px}.profile-panel{grid-template-columns:96px minmax(0,1fr);gap:6px 9px;padding:10px}.profile-frame{height:132px}.profile-intro{font-size:17px}.profile-meta span{font-size:10px}.content-panel{padding:0 9px 11px}.title-row{height:61px}.title-row h1{font-size:18px}.news-list{padding:4px 8px}.news-list li{grid-template-columns:auto minmax(0,1fr);gap:6px}.news-list time{display:none}.welcome-card{padding:24px 12px}.jukebox-head .disc{width:52px;height:52px}.music-list li{padding:11px 3px}.entry{padding-right:53px}}@media (prefers-reduced-motion:reduce){.disc{animation:none}}