:root{--blue-deep: #16409E;--blue-royal: #2567E3;--blue-title: #3B7DF5;--blue-light-bar: #BED8FD;--blue-border: #5B92F7;--blue-bg-sky: #CCE2FF;--blue-text: #1E3A8A;--blue-nav-text: #1E56D0;--pink-heart: #F43F5E;--yellow-star: #F59E0B;--font-pixel: "DungGeunMo", "Galmuri9", monospace, sans-serif;--font-system: -apple-system, BlinkMacSystemFont, "Malgun Gothic", sans-serif}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-pixel),var(--font-system);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{margin:0;width:100vw;height:100vh;overflow:hidden;background:url(/assets/images/bg.png) center center / cover no-repeat fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;position:relative;padding:3px}.bg-deco-float{position:fixed;pointer-events:none;z-index:0;-webkit-user-select:none;user-select:none;opacity:.45}.minihome-wrapper,.window-frame,.site-frame{width:min(calc(100vw - 6px),calc((100vh - 6px)*1.7826));height:min(calc(100vh - 6px),calc((100vw - 6px) / 1.7826));aspect-ratio:1640 / 920;max-width:1640px;max-height:920px;margin:auto;position:relative;overflow:hidden;border:2.2px solid #2567E3;border-radius:11px;background:#cce2ff;box-shadow:0 14px 40px #00000080,0 2px 10px #2563eb4d;display:flex;flex-direction:column;z-index:1}.title-bar{height:20px;background:linear-gradient(90deg,#1d5bd8,#2567e3,#3b82f6);color:#fff;padding:0 8px;display:flex;justify-content:space-between;align-items:center;border-bottom:1.5px solid #1444A4;flex-shrink:0;z-index:10}.title-bar-left{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;letter-spacing:-.2px;text-shadow:0 1px 2px rgba(0,20,80,.45);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.title-heart{color:#fff;font-size:9px}.title-bar-btns{display:flex;align-items:center;gap:3px}.win-ctrl-btn{display:inline-flex;width:14px;height:13px;background:#2567e3;border:1px solid #93C5FD;border-radius:2.5px;align-items:center;justify-content:center;font-size:8.5px;line-height:1;color:#fff;cursor:pointer;box-shadow:inset 1px 1px #fff6}.win-ctrl-btn:active{transform:translateY(1px)}.address-bar{height:20px;background:#bed8fd;border-top:1px solid #E2EDFD;border-bottom:1.5px solid #82B2F8;display:flex;align-items:center;gap:5px;padding:0 8px;flex-shrink:0;z-index:10}.address-nav-btns{display:flex;align-items:center;gap:3px}.nav-arrow-btn{background:none;border:none;color:#fff;font-size:10.5px;font-weight:700;cursor:pointer;padding:0 2px;line-height:1;text-shadow:0 1px 2px rgba(22,61,148,.5)}.address-input-wrap{flex-grow:1;display:flex;align-items:center;height:15px}.address-input{width:100%;height:15px;background:#fff;border:1.2px solid #5B92F7;border-radius:8px;padding:0 8px;color:#1e56d0;font-size:9px;font-weight:700;outline:none}.address-menu-btn{background:none;border:none;color:#2567e3;font-size:11px;cursor:pointer;line-height:1;padding:0 2px}.content-body{flex-grow:1;height:calc(100% - 40px);overflow:hidden;padding:4px 6px 5px;background-color:#d6e8ff;background-image:radial-gradient(circle,rgba(59,130,246,.12) 1px,transparent 1px);background-size:14px 14px;display:grid;grid-template-columns:23.5% 57.5% 19%;gap:0px;position:relative}.left-column{display:flex;flex-direction:column;justify-content:flex-start;height:100%;min-height:0;overflow-x:visible;overflow-y:hidden;padding-left:4px;z-index:10;box-sizing:border-box}header.puang-logo-header,.puang-logo-header{width:100%;display:flex;justify-content:center;align-items:center;margin:1px auto 4px;padding:0;flex-shrink:0;position:relative;overflow:visible;text-align:center}.puang-logo-card,.puang-logo-img-container,.puangLogoSvg-container,#logoCard{display:flex;align-items:center;justify-content:center;text-decoration:none;width:130%;max-width:130%;height:60px;flex-shrink:0;cursor:pointer;filter:drop-shadow(0 2px 5px rgba(33,92,245,.22));margin:0 auto;align-self:center;transform:none;transform-origin:center center;position:relative;border-radius:8px;transition:outline .15s ease}.puang-logo-card.drag-over{outline:2px dashed #2567E3;outline-offset:2px;background:#2567e31f}.puang-logo-card svg,#puangLogoSvg,.puang-logo-svg,.puangLogoSvg{width:100%;height:100%;max-width:100%;aspect-ratio:340 / 140;display:block;object-fit:contain;margin:0 auto}.puang-logo-img{width:100%;height:100%;max-width:100%;max-height:60px;aspect-ratio:1616 / 690;object-fit:contain;display:block;margin:0 auto;transition:opacity .2s ease}.logo-upload-overlay{position:absolute;bottom:-6px;right:4px;display:flex;align-items:center;gap:4px;opacity:0;transition:opacity .2s ease,transform .2s ease;transform:translateY(2px);z-index:25;pointer-events:none}.puang-logo-card:hover .logo-upload-overlay,.puang-logo-card.drag-over .logo-upload-overlay{opacity:1;transform:translateY(0);pointer-events:auto}.logo-upload-btn,.logo-reset-btn{border:1.2px solid #2567E3;background:#fffffff2;color:#2567e3;font-size:9px;font-weight:700;padding:2px 7px;border-radius:12px;box-shadow:0 2px 6px #2563eb40;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:inline-flex;align-items:center;gap:3px;line-height:1.2;transition:all .15s ease}.logo-upload-btn:hover{background:#2567e3;color:#fff;transform:scale(1.04)}.logo-reset-btn{border-color:#ef4444;color:#ef4444;padding:2px 6px}.logo-reset-btn:hover{background:#ef4444;color:#fff;transform:scale(1.04)}.profile-widget{width:100%;box-sizing:border-box;flex-shrink:0;height:142px;max-height:142px;background:#fff;border:1.6px solid #3B82F6;border-radius:6px;box-shadow:1.5px 1.5px #2563eb2e;overflow:hidden;display:flex;flex-direction:column;margin-bottom:10px}.retro-box-title{background:#2567e3;color:#fff;font-size:9px;font-weight:700;padding:2px 5px;display:flex;justify-content:space-between;align-items:center;letter-spacing:-.2px;height:16px;flex-shrink:0}.retro-title-ctrls{display:flex;gap:2px;font-size:7.5px;cursor:pointer;opacity:.9}.profile-widget-body{padding:3px 5px 6px;display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;justify-content:center;box-sizing:border-box;flex-grow:1}.profile-avatar-circle{width:min(72px,62%);aspect-ratio:1;height:auto;border-radius:50%;border:1.8px solid #2567E3;overflow:hidden;background:#a8ccfc;margin:1px 0 2px;box-shadow:0 2px 5px #2563eb38;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.profile-avatar-circle:hover{border-color:#1d4ed8;transform:scale(1.02)}.profile-avatar-circle.drag-over{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b66}.profile-avatar-circle img{width:100%;height:100%;object-fit:cover;display:block}.avatar-hover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:700;opacity:0;transition:opacity .15s ease;pointer-events:none;border-radius:50%}.profile-avatar-circle:hover .avatar-hover-overlay,.profile-avatar-circle.drag-over .avatar-hover-overlay{opacity:1;pointer-events:auto}.profile-greeting-text{font-size:10.5px;font-weight:700;color:#1e3a8a;margin:2px 0 3px;line-height:1.2;white-space:nowrap}.profile-instagram-btn{display:inline-flex;align-items:center;justify-content:center;gap:3.5px;width:82%;max-width:120px;height:19px;padding:0 8px;background:#f4f8fe;border:1.2px solid #3B82F6;border-radius:10px;color:#2567e3;font-size:9.5px;font-weight:700;text-decoration:none;box-shadow:1px 1px #2563eb26;cursor:pointer;transition:all .15s ease;white-space:nowrap;line-height:1;margin-top:1px}.profile-instagram-btn:hover{background:#dbeafe;border-color:#1d4ed8;color:#1d4ed8;transform:translateY(-.5px);box-shadow:1px 1.5px #1d4ed838}.profile-instagram-btn:active{transform:translateY(.5px);box-shadow:none}.profile-instagram-btn .insta-heart{font-size:9px;color:#3b82f6;transition:color .15s ease}.profile-instagram-btn:hover .insta-heart{color:#1d4ed8}.profile-counter-text{font-size:8.5px;color:#2567e3;font-weight:700;letter-spacing:-.2px;white-space:nowrap}.todayis-box{width:100%;box-sizing:border-box;flex-shrink:0;background:#fff;border:1.6px solid #3B82F6;border-radius:6px;box-shadow:1.5px 1.5px #2563eb2e;overflow:hidden;display:flex;flex-direction:column;height:30px;margin-top:0;margin-bottom:10px}.todayis-body{padding:1px 6px;display:flex;align-items:center;gap:5px;font-size:9px;color:#1e3a8a;font-weight:700;flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jukebox-card{width:100%;box-sizing:border-box;display:flex;align-items:center;gap:5px;height:52px;flex-shrink:0;background:#fff;border:1.6px solid #3B82F6;border-radius:6px;padding:3px 6px;box-shadow:1.5px 1.5px #2563eb2e;margin-top:0;margin-bottom:0}.jukebox-disc-btn{width:30px;height:30px;background:#ebf4fe;border:1.5px solid #2567E3;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:1px 1px 2px #2563eb33;flex-shrink:0}.jukebox-disc-btn.spinning{animation:discSpin 2.5s linear infinite}@keyframes discSpin{to{transform:rotate(360deg)}}.jukebox-note-icon{font-size:12px}.jukebox-main-ctrls{flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;height:100%;min-width:0}.jukebox-track-bar{background:#2567e3;color:#fff;font-size:8px;font-weight:700;border-radius:2px;padding:1.5px 4px;display:flex;align-items:center;justify-content:space-between;height:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.jukebox-track-close{cursor:pointer;font-size:8px;margin-left:2px}.jukebox-buttons-row{display:flex;align-items:center;justify-content:space-between;height:18px}.jukebox-actions{display:flex;align-items:center;gap:3px}.jukebox-btn{width:17px;height:16px;background:#fff;border:1px solid #5B92F7;border-radius:2px;font-size:7.5px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#1e3a8a}.jukebox-vol-wrap{display:flex;align-items:center;gap:2px}.jukebox-vol-icon{font-size:8px}.jukebox-vol-slider{width:32px;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#93c5fd;border-radius:2px;outline:none;cursor:pointer}.jukebox-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:6px;height:6px;border-radius:50%;background:#fff;border:1px solid #2567E3;cursor:pointer}.center-room-col{display:flex;align-items:flex-end;justify-content:center;position:relative;height:100%;min-height:0;overflow:visible;padding-bottom:0;transform:translate(1%,-.5%) scale(1.08);transform-origin:bottom center}.room-main-container{width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;position:relative;cursor:pointer}.room-main-container.drag-over{outline:2px dashed #2567E3;outline-offset:-8px;background:#2567e314;border-radius:12px}.room-image{position:absolute;width:560px;max-width:96%;height:auto;object-fit:contain;bottom:4px;left:54%;transform:translate(-50%);filter:drop-shadow(0 4px 14px rgba(37,99,235,.24));z-index:5;transition:opacity .2s ease,width .2s ease}.room-upload-overlay{position:absolute;bottom:12px;left:54%;transform:translate(-50%);z-index:20;opacity:0;transition:opacity .25s ease;pointer-events:auto}.room-main-container:hover .room-upload-overlay,.room-main-container.drag-over .room-upload-overlay,.room-upload-overlay.visible{opacity:1}.room-upload-badge{display:inline-flex;align-items:center;gap:6px;background:#fffffff0;border:1.5px solid #2567E3;box-shadow:0 4px 12px #2567e340;border-radius:20px;padding:6px 14px;font-size:11px;font-weight:700;color:#2567e3;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .15s ease,background .15s ease}.room-upload-badge:hover{background:#2567e3;color:#fff;transform:scale(1.04)}.interactive-puang-character{position:absolute;width:76px;height:87px;left:58%;top:66%;transform:translate(-50%,-90%);z-index:12;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;transition:transform .08s ease-out}.interactive-puang-character:active{cursor:grabbing}.interactive-puang-character.walking{animation:puangBounceWalk .38s infinite alternate ease-in-out}.interactive-puang-character.flip-left img{transform:scaleX(-1)}.interactive-puang-character img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 6px 12px rgba(15,23,42,.35));transition:transform .15s ease;pointer-events:none}.char-speech-bubble{position:absolute;bottom:102%;left:50%;transform:translate(-50%);background:#fff;border:1.5px solid #2567E3;color:#1e3a8a;font-size:11px;font-weight:800;white-space:nowrap;padding:4px 9px;border-radius:12px;box-shadow:0 4px 12px #2563eb38;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:25}.char-speech-bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:#2567E3 transparent transparent transparent}.char-speech-bubble.visible{opacity:1;transform:translate(-50%) translateY(-4px)}.char-foot-ripple{position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:16px;height:8px;border-radius:50%;background:#2567e366;pointer-events:none;opacity:0}.char-change-btn{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;background:#fff;border:1.5px solid #2567E3;font-size:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000026;cursor:pointer;opacity:0;transition:opacity .2s ease,transform .15s ease;z-index:20}.interactive-puang-character:hover .char-change-btn{opacity:1}.char-change-btn:hover{transform:scale(1.15);background:#eff6ff}.room-control-hint{position:absolute;bottom:8px;left:54%;transform:translate(-50%);background:#ffffffe0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #BFDBFE;border-radius:16px;padding:3px 10px;font-size:10px;font-weight:700;color:#1d4ed8;pointer-events:none;z-index:15;box-shadow:0 2px 8px #2563eb1f;transition:opacity .4s ease}.room-control-hint.fade-out{opacity:0}@keyframes puangBounceWalk{0%{transform:translate(-50%,-90%) rotate(-3deg)}to{transform:translate(-50%,-97%) rotate(3deg)}}.on-air-group{position:absolute;top:24px;left:-2px;display:flex;flex-direction:column;align-items:center;gap:3px;z-index:15;pointer-events:none}.on-air-badge{background:#2567e3;border:1.5px solid #FFFFFF;border-radius:5px;color:#fff;font-size:8.5px;font-weight:900;padding:1.5px 6px;box-shadow:0 2px 7px #2563eb61;letter-spacing:.5px;animation:pulseOnAir 2s infinite ease-in-out}.on-air-cloud{font-size:14px;opacity:.88}.on-air-heart{font-size:11px}@keyframes pulseOnAir{0%,to{opacity:1;transform:scale(1)}50%{opacity:.82;transform:scale(.97)}}.deco-star-left-top{position:absolute;top:14px;left:-32%;font-size:12px;color:#2567e3;pointer-events:none;z-index:2}.deco-star-logo-right{position:absolute;top:20px;left:-4%;font-size:11px;color:#f59e0b;pointer-events:none;z-index:2}.deco-cloud-profile-left{position:absolute;top:38%;left:-38%;font-size:15px;opacity:.85;pointer-events:none;z-index:2}.deco-heart-jukebox-left{position:absolute;bottom:6px;left:-34%;font-size:11px;pointer-events:none;z-index:2}.deco-cloud-right-bottom{position:absolute;bottom:8px;right:-4%;font-size:15px;opacity:.85;pointer-events:none;z-index:2}.deco-antenna-tower{position:absolute;bottom:8px;right:-24%;font-size:16px;pointer-events:none;z-index:2;opacity:.9}.deco-star-right-mid{position:absolute;top:42%;right:-24%;font-size:11px;color:#f59e0b;pointer-events:none;z-index:2}.right-notes-col{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;height:100%;min-height:0;gap:8px;padding-top:44px;padding-right:28px;overflow:visible;position:relative;z-index:12}.nav-tabs-compact{position:absolute;top:4px;right:28px;display:flex;gap:2.5px;flex-wrap:nowrap;align-items:center;height:20px;z-index:20;width:auto}.nav-tab{height:18px;padding:0 5.4px;background:#fff;border:1.2px solid #2567E3;border-radius:9px;font-size:7.9px;font-weight:700;color:#1e56d0;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;box-shadow:1px 1px #2563eb1f;line-height:1;white-space:nowrap;transition:all .1s ease}.nav-tab:active{transform:translateY(1px)}.nav-tab.active{background:#2567e3;border-color:#16409e;color:#fff;box-shadow:1px 1px #123c984d}.memo-card{display:flex;flex-direction:column;width:95%;max-width:112px;aspect-ratio:1 / .95;min-height:0;max-height:74px;background:#fff;border:1.5px solid #4B88F7;border-radius:5px;box-shadow:1.5px 1.5px #2563eb29;text-decoration:none;position:relative;padding:4px 4px 2px;overflow:visible;margin-left:auto;transition:transform .15s ease,box-shadow .15s ease;flex-shrink:0}.memo-card:active{transform:translateY(1px)}.memo-card-blog,#cardBlog{transform:rotate(2.8deg)}.memo-card-diary,#cardDiary{transform:rotate(.5deg)}.memo-card-sos,#cardSos{transform:rotate(-1.8deg)}.spiral-rings{position:absolute;top:-4px;left:0;right:0;display:flex;justify-content:space-around;padding:0 6px;pointer-events:none;z-index:6}.wire-ring{width:3px;height:6.5px;background:linear-gradient(180deg,#fff,#cbd5e1 30%,#64748b 70%,#1e293b);border:.8px solid #1E3A8A;border-radius:1px;box-shadow:0 1px 2px #0003}.memo-inner{height:100%;display:flex;flex-direction:column;justify-content:center;gap:1.5px;align-items:center;text-align:center}.memo-title{font-size:9.5px;font-weight:700;color:#1e56d0;display:flex;align-items:center;justify-content:center;gap:2.5px;letter-spacing:-.2px;white-space:nowrap;width:100%}.memo-title-heart{color:#f43f5e;font-size:8.5px}.memo-desc{font-size:7.5px;color:#1e3a8a;line-height:1.12;word-break:keep-all;text-align:center;font-weight:500;width:100%}.memo-icon-wrap{display:flex;justify-content:center;align-items:center;width:100%;line-height:1;margin-top:1px}.puang-toast{position:fixed;bottom:12px;left:50%;transform:translate(-50%) translateY(30px);background:#2567e3;color:#fff;border:1.6px solid #FFFFFF;border-radius:18px;padding:4px 14px;font-size:10.5px;font-weight:700;box-shadow:0 3px 10px #16409e66;pointer-events:none;opacity:0;transition:all .25s cubic-bezier(.175,.885,.32,1.275);z-index:9999;white-space:nowrap}.puang-toast.show{transform:translate(-50%) translateY(0);opacity:1}.minihome-wrapper,.window-frame,.site-frame{width:844px!important;height:430px!important;max-width:844px!important;max-height:430px!important;transform:scale(min(calc(100vw / 844),calc(100vh / 430)))!important;transform-origin:center center;border-radius:6px!important;border:1px solid #2467e8!important;background:transparent!important}.home-page .content-body{top:190px;right:26px;bottom:16px;left:26px;padding:0;display:grid;grid-template-columns:250px minmax(0,1fr) 236px;gap:16px;align-items:center;height:auto}.home-page .left-column{grid-column:1;position:relative;inset:auto;width:100%;height:auto;display:flex;flex-direction:column;gap:16px;padding:0;transform:none;align-self:center;z-index:3}.home-page .profile-widget,.home-page .todayis-box,.home-page .jukebox-card{width:100%;margin:0;border:1.5px solid var(--panel-blue-border);border-radius:7px;box-shadow:2px 3px #b6ceec;background:#f7fbff}.home-page .profile-widget{height:auto;min-height:0}.home-page .retro-box-title{height:32px;padding:0 12px;background:var(--panel-blue-header);font:400 17px DungGeunMo,monospace;letter-spacing:.04em}.home-page .retro-title-ctrls{font-size:16px;opacity:.7}.home-page .profile-widget-body{padding:16px 12px 18px;gap:12px;background:#f6faff}.home-page .profile-avatar-circle{width:136px;height:136px;margin:0 auto;border:1px solid #abc6ed;background:#e5f3ff;border-radius:50%}.home-page .profile-greeting-text{font:600 18px/1.5 Pretendard,sans-serif;text-align:center}.home-page .profile-instagram-btn{font:550 15px Pretendard,sans-serif;padding:5px 12px;height:28px;border:1px solid #bdcfee;border-radius:5px;box-shadow:none}.home-page .todayis-box{height:auto}.home-page .todayis-body{height:62px;padding:12px;justify-content:center;gap:8px;font:600 17px/1.5 Pretendard,sans-serif}.home-page .jukebox-card{position:relative;padding:42px 12px 12px;min-height:135px;height:auto;gap:8px;display:block}.home-bgm-caption{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:9px 12px;background:#e5effe;border-bottom:1px solid #b9ceec;font:400 14px DungGeunMo,monospace;color:#315b9c}.home-bgm-caption span{font-size:11px;color:#6984af}.is-playing .home-bgm-caption span{color:#258272}.home-page .jukebox-disc-btn{display:none}.home-page .jukebox-main-ctrls{width:100%;min-width:0}.home-page .jukebox-track-bar{height:29px;background:#f1f6ff;border:1px inset #d6e3f8;border-radius:2px;color:#345686;font:500 15px Pretendard,sans-serif;padding:4px 7px}.home-page .jukebox-track-close{font-size:14px;opacity:.7}.home-page .jukebox-buttons-row{height:35px;gap:6px;justify-content:space-between}.home-page .jukebox-actions{gap:5px}.home-page .jukebox-btn{width:25px;height:25px;padding:3px;border:1px solid #8dadde;background:#fff;border-radius:3px;display:grid;place-items:center}.home-page .jukebox-btn svg{width:14px;height:14px}.home-page .jukebox-vol-wrap{gap:4px}.home-page .jukebox-vol-slider{width:68px;height:5px}.home-page .jukebox-vol-icon{font-size:14px}.home-page .jukebox-vol-slider::-webkit-slider-thumb{width:12px;height:12px}.home-page .center-room-col{position:relative;inset:auto;grid-column:2;width:100%;height:100%;padding:0;display:flex;align-items:center;justify-content:center;transform:none;min-width:0;z-index:2}.home-page .room-main-container{position:relative;inset:auto;width:100%;max-width:940px;height:auto;aspect-ratio:1394/1128;flex:none;cursor:default}.home-page .room-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;transform:none;filter:drop-shadow(0 9px 4px #2b549b13);clip-path:polygon(50% 1.3%,91.2% 27.5%,91.2% 71.8%,50% 97.7%,8.8% 71.8%,8.8% 27.5%)}.home-room-label{position:absolute;left:24px;top:auto;bottom:22px;z-index:3;display:grid;gap:7px;pointer-events:none;color:#446fae}.home-room-label>span{font:400 18px DungGeunMo,monospace;letter-spacing:.12em}.home-room-label small{font:500 14px Pretendard,sans-serif;color:#6d89b1}.home-page .interactive-puang-character{width:175px;height:217px;z-index:8}.home-page .char-speech-bubble{font:600 17px/1.5 Pretendard,sans-serif;max-width:230px;padding:9px 12px;border-radius:10px;box-shadow:0 2px #b8ceee}.home-page .char-speech-bubble:before{display:none}.room-object-link{position:absolute;display:block;border:2px solid transparent;border-radius:5px;z-index:4;background:transparent;cursor:pointer;transition:border-color .15s,background .15s}.room-object-link span{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%) translateY(3px);padding:7px 10px;white-space:nowrap;color:#24509b;background:#f8fcff;border:1px solid #729bdb;box-shadow:2px 2px #bcd2ef;font:400 16px DungGeunMo,monospace;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}.room-object-link:hover,.room-object-link:focus-visible{outline:2px dashed #7bb2e7;outline-offset:4px;background:#e4f4ff16;border-color:#ffffff90}.room-object-link:hover span,.room-object-link:focus-visible span{opacity:1;transform:translate(-50%) translateY(0)}.object-laptop{left:72%;top:43%;width:13%;height:14%}.object-books{left:40%;top:44%;width:10%;height:16%}.object-bed{left:17%;top:58%;width:27%;height:17%}.object-wardrobe{left:55%;top:29%;width:14%;height:27%}.object-notes{left:79%;top:29%;width:9%;height:12%}.home-page .right-notes-col{position:relative;inset:auto;grid-column:3;transform:none;width:100%;height:auto;display:flex;flex-direction:column;gap:23px;padding:0;align-self:center;z-index:3}.home-links-label{display:flex;justify-content:space-between;margin:0 0 2px;padding:0 5px;color:#5378af;font:400 16px DungGeunMo,monospace;letter-spacing:.04em}.home-page .memo-card{width:100%;height:143px;min-height:0;max-height:none;margin:0;padding:19px 16px 13px;transform:none;border:1.5px solid #86a7de;border-radius:4px;background:linear-gradient(#fff,#f4f8ff);box-shadow:2px 3px #c0d3ef;position:relative}.home-page .memo-card-diary{background:linear-gradient(#fffafc,#f9f5fc)}.home-page .memo-card-sos{background:linear-gradient(#fffef4,#fbf8e9)}.home-page .memo-card:hover{border-color:#4975b9;box-shadow:3px 4px #a9c3e8;transform:translateY(-2px)}.home-page .spiral-rings{top:-9px;padding:0 12px;justify-content:space-between}.home-page .wire-ring{width:6px;height:18px;border-width:1px;border-radius:3px}.home-page .wire-ring:nth-child(2n){display:none}.home-page .memo-inner{height:100%;display:grid;grid-template-columns:1fr 26px;grid-template-rows:auto 1fr;gap:8px;align-items:center;text-align:left}.home-page .memo-title{font:600 20px/1.4 Pretendard,sans-serif;gap:7px;grid-column:1/-1;justify-content:flex-start}.home-page .memo-title-heart{font-size:13px;color:#c78fa9}.home-page .memo-desc{font:500 17px/1.5 Pretendard,sans-serif;text-align:left;color:#486084;margin:0}.home-page .memo-icon-wrap{margin:0;align-self:center}.home-page .memo-icon-wrap svg{width:24px;height:24px}.home-page #cardSos{display:block;padding:19px 16px 13px}.home-page #cardSos .memo-inner{height:100%;display:grid;grid-template-columns:1fr 26px;grid-template-rows:auto 1fr;gap:8px;text-align:left}.home-page #cardSos .memo-title{font-size:20px;line-height:1.4;justify-content:flex-start}.home-page #cardSos .memo-desc{font-size:17px;line-height:1.5;text-align:left}.home-page #cardSos .memo-icon-wrap{height:24px}@media(orientation:portrait){.home-page .content-body{position:relative;inset:auto;display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:10px 16px 28px}.home-page .center-room-col{grid-column:1/-1;grid-row:1;height:auto;order:0}.home-page .room-main-container{width:100%;max-width:none}.home-page .home-room-label{top:0;left:0}.home-page .home-room-label small{display:none}.home-page .left-column{grid-column:1;grid-row:2;gap:14px}.home-page .right-notes-col{grid-column:2;grid-row:2;gap:21px}.home-page .profile-avatar-circle{width:100px;height:100px}.home-page .profile-greeting-text{font-size:15px}.home-page .memo-card{height:auto;min-height:125px;padding:16px 10px}.home-page .memo-title{font-size:17px}.home-page .memo-desc{font-size:15px}.home-page .jukebox-buttons-row{flex-wrap:wrap;height:auto;gap:10px}.home-page .home-links-label{font-size:12px}.home-page .jukebox-track-bar{font-size:11px}.home-page .todayis-body{font-size:14px}.home-page .interactive-puang-character{width:23%;height:32%}.home-page .room-object-link span{font-size:12px}.home-page .retro-box-title{font-size:14px}}@media(prefers-reduced-motion:reduce){.home-page *{transition:none!important}}@media(orientation:landscape){.home-page .left-column{width:280px;gap:18px;transform:translateY(30px)}.home-page .retro-box-title{height:36px;font-size:19px}.home-page .profile-widget-body{padding:18px 14px 20px;gap:14px}.home-page .profile-greeting-text{font-size:20px}.home-page .profile-instagram-btn{font-size:17px;height:32px}.home-page .todayis-body{height:70px;font-size:19px}.home-page .jukebox-card{padding:46px 14px 14px;min-height:148px}.home-page .home-bgm-caption{font-size:16px;padding:11px 14px}.home-page .jukebox-track-bar{height:32px;font-size:17px}.home-page .jukebox-buttons-row{height:38px}.home-page .jukebox-btn{width:28px;height:28px}}@media(orientation:landscape){.home-page .left-column{width:250px;height:484px;gap:16px;transform:translateY(21px)}.home-page .profile-widget{flex:1;min-height:0}.home-page .retro-box-title{height:32px;font-size:17px}.home-page .profile-widget-body{padding:10px 12px;gap:8px}.home-page .profile-avatar-circle{width:110px;height:110px}.home-page .profile-greeting-text{font-size:18px}.home-page .profile-instagram-btn{font-size:15px;height:28px}.home-page .todayis-box{flex:none}.home-page .todayis-body{height:54px;font-size:17px}.home-page .jukebox-card{flex:none;padding:40px 12px 10px;min-height:120px}.home-page .home-bgm-caption{font-size:14px;padding:9px 12px}.home-page .jukebox-track-bar{height:29px;font-size:15px}.home-page .jukebox-buttons-row{height:32px}.home-page .jukebox-btn{width:25px;height:25px}}.home-page #puangProfileAvatarImg{width:100%;height:100%;object-fit:contain;transform:none}.home-page .todayis-body{display:flex;gap:18px}.home-page .visit-stat{display:flex;align-items:center;gap:7px;font:500 15px Pretendard,sans-serif;color:#527098}.home-page .visit-stat strong{font-size:19px;color:#2856b3;font-variant-numeric:tabular-nums}@media(orientation:landscape){.home-page .left-column{left:69px}.home-page .right-notes-col{left:-69px}}@media(orientation:landscape){.home-page .right-notes-col{transform:translateY(22px)}}@media(orientation:landscape){body.home-page .content-body{bottom:var(--page-bottom-space,32px)}}.home-page .home-bgm-caption{box-sizing:border-box;height:32px;padding:0 12px;align-items:center;background:var(--panel-blue-header);color:#fff;border-bottom:0;border-radius:5px 5px 0 0;letter-spacing:.04em}.home-page .home-bgm-caption span{color:#fff;opacity:.8}:root{--type-body:18px;--type-small:16px;--type-label:20px;--type-card:22px;--type-title:29px;--type-medium:600;--type-bold:700}body *{font-family:var(--font-body)!important;font-weight:var(--type-medium)!important}body :is(h1,h2,h3,h4,h5,h6,strong,b){font-weight:var(--type-bold)!important}body :is(p,input,textarea,select){line-height:1.6}body :is(.card-desc,.memo-desc,.hero-sub-desc,.hero-sub-desc p,.scrapbook-desc,.sos-heading p,.report-lead-desc,.profile-greeting-text,.room-caption,.dorm-helper,.shop-details,.shop-entry,.shop-mission,.notice-text,.story-row-excerpt){font-size:var(--type-body)!important;font-weight:var(--type-medium)!important;line-height:1.6!important}body :is(.card-date,.card-stats,.postit-card-stats,.postit-date,.story-row-date,.story-row-stats,.history,.home-bgm-caption,.jukebox-track-bar,.visit-stat,.profile-instagram-btn){font-size:var(--type-small)!important;font-weight:var(--type-medium)!important;line-height:1.5!important}body :is(.card-title,.story-row-title,.postit-label){font-size:var(--type-card)!important;font-weight:var(--type-bold)!important;line-height:1.4!important}body :is(.hero-main-title,.scrapbook-title,.sos-heading h1,.blog-hero-heading){font-size:var(--type-title)!important;font-weight:var(--type-bold)!important;line-height:1.4!important}body :is(.memo-title,.cat-title,.sidebar-card-header,.report-lead-title){font-size:var(--type-label)!important;font-weight:var(--type-bold)!important;line-height:1.4!important}body :is(.category-chip,.list-cat-btn,.nav-story-btn,.card-cat-chip,.hot-tag,.retro-btn,.dorm-primary,.dorm-sidebar nav button,.shop-sidebar nav a,.shop-sidebar nav button){font-size:var(--type-body)!important;font-weight:var(--type-bold)!important;line-height:1.4!important}body :is(.dorm-paper,.note-text,.postit-card-content){font-size:var(--type-label)!important;font-weight:var(--type-medium)!important;line-height:1.5!important}body .shared-header .shared-nav a{font-family:Pretendard,sans-serif!important;font-size:21px!important;font-weight:700!important;line-height:1.2!important;letter-spacing:0!important;-webkit-text-stroke:0}body :is(.title-bar,.address-bar,.retro-box-title,.on-air-badge,.ribbon-badge),body :is(.title-bar,.address-bar,.retro-box-title,.on-air-badge,.ribbon-badge) *,body .dorm-sidebar>h2,body .dorm-sign{font-family:var(--font-pixel)!important;font-weight:400!important;-webkit-text-stroke:0}body :is(.diary-story-heading,.diary-story-body,.diary-reply-body,.diary-author-sign){font-family:"KyoboHandwriting2019",var(--font-body)!important;font-weight:400!important;-webkit-text-stroke:.12px currentColor}body :is(.diary-story-body,.diary-reply-body){font-size:25px!important;line-height:1.5!important}@media(orientation:landscape)and (max-width:1100px){body .shared-header .shared-nav a{font-size:17px!important}}@media(orientation:portrait){:root{--type-body:16px;--type-small:14px;--type-label:18px;--type-card:20px;--type-title:24px}body .shared-header .shared-nav a{font-size:13px!important}body :is(.diary-story-body,.diary-reply-body){font-size:21px!important}}body .shared-header .shared-nav a,body .shared-header .shared-nav a *{font-family:Pretendard,sans-serif!important;font-weight:700!important;font-style:normal!important;font-variation-settings:"wght" 700!important;font-synthesis:none!important;text-shadow:none!important;-webkit-text-stroke:0!important;letter-spacing:0!important;text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important}html,body,body *{-webkit-font-smoothing:antialiased!important}body :is(.hero-sub-desc,.scrapbook-desc){font-family:Pretendard,sans-serif!important;font-size:var(--type-body)!important;font-weight:600!important;font-variation-settings:"wght" 600!important;text-rendering:optimizeLegibility!important;text-shadow:none!important;-webkit-text-stroke:0!important}body.home-page .home-bgm-caption,body.home-page .home-bgm-caption *{font-family:var(--font-pixel)!important;font-weight:400!important;font-size:17px!important;line-height:1.2!important;-webkit-text-stroke:0!important}body.home-page .home-bgm-caption span{font-size:12px!important}@media(orientation:portrait){body.home-page .home-bgm-caption{font-size:14px!important}}body .dorm-sidebar .dorm-paper,body.shop-page .shop-sidebar .dorm-paper{font-family:Pretendard,sans-serif!important;font-size:var(--type-label)!important;font-weight:600!important;line-height:1.5!important;color:var(--brand-ink);background:#fff3d4;border:1px solid #c9ad77;box-shadow:2px 3px #c0c9dc;transform:rotate(-1deg);padding:14px 12px;box-sizing:border-box;flex:0 0 auto;height:auto;min-height:0;white-space:normal;overflow-wrap:break-word}body #diaryDetailView .ribbon-badge,body #diaryDetailView .reply-tape-label{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:218px;min-height:42px;padding:9px 14px;flex-shrink:0;line-height:1.2;white-space:nowrap;border-radius:8px;clip-path:none;letter-spacing:0}body #diaryDetailView .ribbon-badge,body #diaryDetailView .ribbon-badge *,body #diaryDetailView .reply-tape-label,body #diaryDetailView .reply-tape-label *{font-family:Pretendard,sans-serif!important;font-size:19px!important;font-weight:700!important;line-height:1.2!important}body #diaryDetailView .diary-bottom-nav :is(.nav-story-btn,.diary-write-inline){font-family:var(--font-body)!important;font-size:var(--type-body)!important;font-weight:var(--type-bold)!important;font-style:normal!important;line-height:1.4!important;letter-spacing:0!important;text-shadow:none!important;-webkit-text-stroke:0!important}@media(orientation:landscape){body:not(.home-page) .shared-header{position:absolute;inset:103px 0 auto;height:120px;pointer-events:none}body:not(.home-page) .shared-logo{position:absolute;top:8px;left:75px;width:280px;height:112px;transform:none;pointer-events:auto}body:not(.home-page) .shared-nav{position:absolute;top:28px;right:25px;left:auto;bottom:auto;width:638px;display:grid;grid-template-columns:52px 65px 90px 125px 73px 108px 78px;gap:6px;pointer-events:auto}body:not(.home-page) .shared-header .shared-nav a{height:46px;min-width:0;padding:0 8px;font-size:16px!important}body:not(.home-page) .diary-canvas,body.sos-page .sos-container{top:226px!important;bottom:22px}body:not(.home-page) .diary-canvas{bottom:22px!important}}