.blog-canvas{position:relative;width:100%;flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;padding:2px 0 4px;box-sizing:border-box}.blog-content-wrapper{width:92%;max-width:1440px;margin:0 auto;position:relative;z-index:2;box-sizing:border-box;display:flex;flex-direction:column}.bg-deco{position:absolute;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0}.bg-deco-star-tl{top:14px;left:28px;font-size:16px;color:#2567e3;animation:pulseTwinkle 2.4s ease-in-out infinite alternate}.bg-deco-cloud-left{top:110px;left:18px;font-size:26px;opacity:.85}.bg-deco-heart-left{top:190px;left:24px;font-size:18px;animation:pulseTwinkle 3s ease-in-out infinite alternate}.bg-deco-star-logo-b{top:220px;left:50px;font-size:14px;color:#f59e0b}.bg-deco-star-logo-tr{top:55px;left:25%;font-size:15px;color:#3b82f6}.bg-deco-satellite{top:20px;left:41%;width:64px;height:48px;animation:floatSatellite 4.5s ease-in-out infinite alternate}.satellite-img{width:100%;height:100%;object-fit:contain}.bg-deco-star-center-1{top:42px;left:48.5%;font-size:14px;color:#f59e0b}.bg-deco-star-center-2{top:65px;left:51.5%;font-size:12px;color:#3b82f6}.bg-deco-heart-top{top:36px;right:10.5%;font-size:18px;animation:pulseTwinkle 2.8s ease-in-out infinite alternate}.bg-deco-cloud-right{top:120px;right:14px;font-size:28px;opacity:.85}.bg-deco-star-tr{top:60px;right:24px;font-size:15px;color:#f59e0b}.bg-deco-antenna{bottom:20px;left:16px;width:44px;height:98px;opacity:.95}.bg-deco-star-br{bottom:26px;right:22px;font-size:15px;color:#3b82f6}@keyframes pulseTwinkle{0%{transform:scale(.92);opacity:.75}to{transform:scale(1.08);opacity:1}}@keyframes floatSatellite{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-4px) rotate(2deg)}}.blog-top-header{height:36px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;margin-top:0;margin-bottom:4px;z-index:5;padding:1px 6px;width:100%;box-sizing:border-box}.blog-logo-link,.blog-logo-link.puang-logo-card,.blog-logo-link.puang-logo-img-container,.blog-logo-link.puangLogoSvg-container{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;height:34px;width:auto;max-width:254px;padding-left:0;transition:transform .15s ease;line-height:0;margin:0}.blog-logo-link:hover{transform:translateY(-1px)}.blog-logo-img,.puang-logo-img{height:34px;width:auto;max-width:254px;aspect-ratio:1616 / 690;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(37,99,235,.2));display:block;margin:0 auto}#puangLogoSvg,.puang-logo-svg,.puangLogoSvg{height:34px;width:auto;aspect-ratio:340 / 140;object-fit:contain;display:block;margin:0 auto}.blog-nav-menu{display:flex;align-items:center;gap:4px;white-space:nowrap!important}.nav-menu-btn{display:inline-flex;align-items:center;justify-content:center;height:21px;padding:0 9px;border-radius:11px;font-family:var(--font-pixel);font-size:9.5px;font-weight:700;text-decoration:none;white-space:nowrap!important;border:1.2px solid #2567E3;background:#fff;color:#2567e3;box-shadow:0 1px 2px #2563eb1f;transition:all .1s ease;line-height:1}.nav-menu-btn:hover{background:#eff6ff;transform:translateY(-1px)}.nav-menu-btn.active{background:#2567e3;color:#fff;border-color:#1d4ed8;box-shadow:inset 0 1px 2px #0003}.blog-layout,.blog-page-layout,.blog-body-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,1fr);gap:8px;align-items:start;width:100%;max-width:100%;height:auto;min-height:0;position:static;margin:0 0 4px;z-index:2;box-sizing:border-box}.blog-main-window,.blog-main-frame,.blog-window{width:100%;height:auto;min-height:0;position:static;margin-top:0;background:#fff;border:1.6px solid #2567E3;border-radius:8px;box-shadow:0 2px 8px #2563eb1f;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.blog-frame-titlebar{height:20px;background:linear-gradient(90deg,#2567e3,#3b82f6);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-family:var(--font-pixel);font-size:9px;font-weight:700;flex-shrink:0}.frame-title-text{display:flex;align-items:center;gap:5px}.heart-bullet{color:#fff}.frame-title-actions{display:flex;align-items:center;gap:5px}.edit-mode-toggle-btn{height:14px;padding:0 4px;background:#fff;border:1px solid #7F9DB9;border-radius:2px;font-family:var(--font-pixel);font-size:7.5px;font-weight:700;color:#1e40af;display:inline-flex;align-items:center;gap:3px;cursor:pointer;transition:all .15s ease;line-height:1}.edit-mode-toggle-btn:hover{background:#eff6ff;border-color:#2567e3}.edit-mode-toggle-btn.active{background:#fef08a;border-color:#ca8a04;color:#854d0e;box-shadow:inset 0 1px 2px #0000001f}.frame-controls{display:flex;gap:3px}.frame-ctrl-btn{width:12px;height:12px;background:#fff;border:1px solid #7F9DB9;border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:7.5px;font-weight:700;color:#2567e3;cursor:pointer;padding:0;line-height:1}.blog-frame-body{padding:5px 8px 6px;display:flex;flex-direction:column;gap:0;height:auto;min-height:0;background:#fff;overflow:visible;box-sizing:border-box}.blog-hero,.blog-hero-banner,.hero{width:100%;height:auto;background:linear-gradient(180deg,#f0f6ff,#e3efff);border:1.4px solid #93C5FD;border-radius:6px;padding:5px 10px;display:grid;grid-template-columns:1fr auto;align-items:center;position:relative;overflow:hidden;flex-shrink:0;margin-bottom:5px;box-sizing:border-box}.blog-hero-text{min-width:0;padding-right:8px}.blog-hero-heading{font-family:var(--font-pixel);font-size:12px;font-weight:700;color:#1e40af;letter-spacing:-.2px;margin-bottom:2px;display:flex;align-items:center;gap:4px;line-height:1.25;white-space:nowrap}.laptop-icon{font-size:13px}.hero-heart{color:#f43f5e}.blog-hero-desc{font-family:var(--font-pixel);font-size:8.5px;color:#1e3a8a;line-height:1.25;font-weight:500;word-break:keep-all}.blog-hero-desc p{margin:0}.blog-hero-art{max-width:90px;display:flex;align-items:center;justify-content:flex-end;flex-shrink:0;position:relative;background:transparent!important;background-color:transparent!important;border:none!important;box-shadow:none!important}.hero-puang-img{width:auto;height:auto;max-height:44px;object-fit:contain;background:transparent!important;background-color:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;transition:transform .2s ease}.edit-hero-img-btn{display:none;position:absolute;bottom:2px;right:4px;padding:2px 6px;background:#fffffff2;border:1px solid #2567E3;border-radius:8px;font-family:var(--font-pixel);font-size:8px;font-weight:700;color:#1e40af;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 3px #2563eb33;white-space:nowrap;line-height:1.2;z-index:5}body.edit-mode-active .edit-hero-img-btn,.blog-main-frame.edit-mode-active .edit-hero-img-btn{display:block}body.edit-mode-active .blog-hero-art{cursor:pointer}body.edit-mode-active .blog-hero-art:hover .hero-puang-img{transform:scale(1.04)}.edit-hero-img-btn:hover{background:#2567e3;color:#fff;transform:translateY(-1px)}.blog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;height:21px;margin-bottom:5px}.category-chip-group{display:flex;flex-wrap:nowrap!important;align-items:center;gap:4px}.category-chip{height:19px;padding:0 7px;border-radius:9px;font-family:var(--font-pixel);font-size:8px;font-weight:700;cursor:pointer;transition:all .15s ease;background:#fff;color:#2567e3;border:1.2px solid #93C5FD;line-height:1;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap!important}.category-chip:hover{background:#eff6ff;transform:translateY(-1px)}.category-chip.active{background:#2567e3;color:#fff;border-color:#1d4ed8}.blog-search-wrap{display:flex;align-items:center;background:#fff;border:1.2px solid #2567E3;border-radius:4px;padding:0 5px;width:140px;height:21px;margin:0;box-sizing:border-box}.blog-search-input{border:none;outline:none;background:transparent;font-family:var(--font-pixel);font-size:8px;color:#1e293b;width:100%}.blog-search-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.blog-cards-grid,.post-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:auto!important;align-items:start!important;height:auto;min-height:0;gap:6px!important;width:100%;box-sizing:border-box}.blog-post-card,.post-card{background:#fff;border:1.4px solid #2567E3;border-radius:6px;padding:5px 6px 4px;display:flex;flex-direction:column;justify-content:flex-start;position:relative;box-shadow:0 1px 4px #2563eb1a;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;overflow:hidden!important;height:auto;min-height:0;align-self:start;box-sizing:border-box}.blog-post-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #2563eb29}.blog-post-card:active{transform:translateY(1px)}.card-tape{position:absolute;top:-4px;left:50%;transform:translate(-50%) rotate(-1deg);width:22px;height:6px;background:#93c5fdd9;border:.8px dashed rgba(37,99,235,.6);border-radius:1px;pointer-events:none}.card-header-row{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-bottom:2px;width:100%}.card-cat-chip{display:inline-block;font-family:var(--font-pixel);font-size:7px;font-weight:700;padding:1px 4px;border-radius:5px;white-space:nowrap!important}.card-cat-chip.tag-academic{background:#dbeafe;color:#1e40af;border:1px solid #93C5FD}.card-cat-chip.tag-template{background:#ede9fe;color:#6d28d9;border:1px solid #C4B5FD}.card-cat-chip.tag-career{background:#d1fae5;color:#065f46;border:1px solid #6EE7B7}.card-cat-chip.tag-daily{background:#fce7f3;color:#9d174d;border:1px solid #FBCFE8}.card-ill-wrap,.post-image-slot{width:26px;height:26px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.card-ill-img,.post-image,.post-image-slot img{width:22px;height:22px;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(37,99,235,.15));transition:transform .2s ease}.blog-post-card:hover .post-image,.blog-post-card:hover .post-image-slot img{transform:scale(1.06)}.card-image-col{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.edit-post-img-btn{display:none}.blog-main-frame.edit-mode-active .edit-post-img-btn,body.edit-mode-active .edit-post-img-btn{display:inline-flex;align-items:center;justify-content:center;gap:2px;margin-top:1px;padding:1px 4px;background:#eff6ff;border:1px solid #2567E3;border-radius:2px;font-family:var(--font-pixel);font-size:7.5px;font-weight:700;color:#1e40af;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 2px #2563eb26;white-space:nowrap;line-height:1.1}.blog-main-frame.edit-mode-active .edit-post-img-btn:hover,body.edit-mode-active .edit-post-img-btn:hover{background:#2567e3;color:#fff;transform:translateY(-1px)}.blog-main-frame.edit-mode-active .blog-post-card,body.edit-mode-active .blog-post-card{border:1.6px dashed #2567E3}.card-content-wrap{display:flex;flex-direction:column;justify-content:flex-start;margin-top:2px}.card-title{font-family:var(--font-pixel);font-size:9px;font-weight:700;color:#0f172a;line-height:1.25;margin:0 0 2px;word-break:keep-all}.card-desc{font-family:var(--font-pixel);font-size:7.5px;color:#334155;font-weight:500;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all;margin:0}.card-divider{height:1px;border-top:1px dashed #BFDBFE;margin:3px 0}.card-bottom-row{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-pixel);font-size:7px;color:#475569;margin-top:2px}.card-stats{display:flex;align-items:center;gap:3px}.card-stat-like{cursor:pointer;color:#f43f5e}.card-stat-like:hover{transform:scale(1.1)}.card-stat-comment{color:#475569}.blog-sidebar,.right-sidebar,.sidebar{width:100%;height:auto;min-height:0;position:static;display:flex;flex-direction:column;gap:5px;box-sizing:border-box}.blog-sidebar>*,.right-sidebar>*,.sidebar>*{width:100%;box-sizing:border-box;margin:0}.sidebar-sticky-note{height:auto;min-height:38px;background:#fef9c3;border:1.4px solid #FACC15;border-radius:6px;padding:6px 6px 4px;position:relative;box-shadow:1px 2px 4px #eab30826;transform:rotate(-1.5deg);display:flex;align-items:center;justify-content:center;box-sizing:border-box;flex-shrink:0}.note-tape{position:absolute;top:-4px;left:50%;transform:translate(-50%);width:22px;height:6px;background:#93c5fdd9;border:.8px dashed rgba(37,99,235,.6);border-radius:1px}.note-text{font-family:var(--font-pixel);font-size:7.5px;line-height:1.25;color:#1e40af;text-align:center;font-weight:700;word-break:keep-all;margin:0}.sidebar-card{background:#fff;border:1.4px solid #2567E3;border-radius:6px;overflow:hidden;box-shadow:0 1px 4px #2563eb1a;display:flex;flex-direction:column;height:auto;min-height:0;box-sizing:border-box}.keywords-card,.popular-keywords{height:auto;min-height:0;flex-shrink:0}.sidebar-card-header{background:#fff;border-bottom:1.2px solid #DBEAFE;padding:0 6px;height:18px;font-family:var(--font-pixel);font-size:8px;font-weight:700;color:#1e40af;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.sidebar-card-body{padding:4px 5px;box-sizing:border-box;display:flex;align-items:flex-start;height:auto}.tag-cloud{display:flex;flex-wrap:wrap;gap:2.5px;width:100%}.tag-item{background:#eff6ff;border:1px solid #93C5FD;border-radius:5px;padding:1px 4.5px;font-family:var(--font-pixel);font-size:7px;color:#1d4ed8;cursor:pointer;transition:all .12s ease;line-height:1.2;white-space:nowrap!important}.tag-item:hover{background:#dbeafe;color:#1e40af;transform:translateY(-1px)}.puang-speech-card,.puang-comment-card{height:auto;min-height:40px;flex-shrink:0;display:flex;flex-direction:column;box-sizing:border-box;margin-top:0}.speech-header{height:18px;background:#2567e3;color:#fff;padding:0 6px;display:flex;align-items:center;justify-content:space-between;font-size:8px;font-weight:700;flex-shrink:0}.speech-close-btn{background:none;border:none;color:#fff;font-size:9px;cursor:pointer;padding:0;line-height:1}.speech-body{padding:3px 5px;display:flex;flex-direction:column;justify-content:center;flex:none;height:auto;box-sizing:border-box}.puang-comment-content{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px;width:100%}.puang-comment-text{display:flex;flex-direction:column;justify-content:center}.speech-quote{font-family:var(--font-pixel);font-size:7.5px;color:#1e293b;line-height:1.25;margin:0;word-break:keep-all}.puang-slot-container{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;position:relative}.puang-image-slot{width:28px;height:28px;display:flex;align-items:center;justify-content:center;position:relative}.speech-avatar-img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(37,99,235,.15));transition:transform .2s ease}.puang-image-slot:hover .speech-avatar-img{transform:scale(1.05)}.edit-puang-img-btn{display:none}body.edit-mode-active .edit-puang-img-btn,.blog-main-frame.edit-mode-active~.blog-sidebar .edit-puang-img-btn{display:inline-flex;align-items:center;justify-content:center;gap:2px;margin-top:1px;padding:1px 4px;background:#eff6ff;border:1px solid #2567E3;border-radius:2px;font-family:var(--font-pixel);font-size:7px;font-weight:700;color:#1e40af;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 2px #2563eb26;white-space:nowrap;line-height:1.1}body.edit-mode-active .edit-puang-img-btn:hover,.blog-main-frame.edit-mode-active~.blog-sidebar .edit-puang-img-btn:hover{background:#2567e3;color:#fff;transform:translateY(-1px)}body.edit-mode-active .puang-speech-card{border:1.6px dashed #2567E3}.blog-footer{height:auto;min-height:0;text-align:center;font-family:var(--font-pixel);font-size:7.5px;color:#2567e3;letter-spacing:.2px;position:static;margin-top:3px;padding:1px 0 3px;border-top:none;flex-shrink:0;line-height:1.2;box-sizing:border-box}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#10265c80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:none;align-items:center;justify-content:center;z-index:999}.modal-overlay.active{display:flex}.retro-modal{width:min(85vw,480px);background:#fff;border:2px solid #2567E3;border-radius:8px;box-shadow:0 12px 36px #0006;overflow:hidden;animation:popIn .2s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.retro-modal-header{height:28px;background:linear-gradient(90deg,#2567e3,#3b82f6);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-family:var(--font-pixel);font-size:12px;font-weight:700}.retro-modal-body{padding:14px 16px}.blog-detail-modal{width:min(92vw,560px)}.modal-meta{font-family:var(--font-pixel);font-size:11px;color:#64748b;margin-bottom:12px;border-bottom:1px dashed #BFDBFE;padding-bottom:6px}.modal-content{font-family:var(--font-pixel);font-size:12px;line-height:1.55;color:#1e293b;max-height:480px;overflow-y:auto;padding-right:4px}.post-text-body{margin-bottom:14px;line-height:1.6}.prompt-template-card{margin-top:14px;background:#f8fafc;border:1.8px solid #93C5FD;border-radius:8px;overflow:hidden;box-shadow:0 3px 10px #2563eb14}.prompt-card-header{background:linear-gradient(90deg,#eff6ff,#dbeafe);border-bottom:1.2px solid #BFDBFE;padding:8px 12px;display:flex;align-items:center;justify-content:space-between}.prompt-card-title{display:flex;align-items:center;gap:6px;font-family:var(--font-pixel);font-size:12.5px;font-weight:700;color:#1e40af}.prompt-card-icon{font-size:14px}.prompt-card-actions{display:flex;align-items:center;gap:6px}.prompt-btn-edit,.prompt-btn-copy{padding:3.5px 10px;border-radius:4px;font-family:var(--font-pixel);font-size:11px;font-weight:700;cursor:pointer;transition:all .15s ease;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.prompt-btn-edit{background:#fff;border:1px solid #93C5FD;color:#1e40af}.prompt-btn-edit:hover{background:#eff6ff;border-color:#2567e3}.prompt-btn-copy{background:#2567e3;border:1px solid #1D4ED8;color:#fff}.prompt-btn-copy:hover{background:#1d4ed8;box-shadow:0 2px 6px #2563eb59;transform:translateY(-1px)}.prompt-view-wrap{padding:10px 12px;background:#fff}.prompt-text{font-family:Consolas,Courier New,monospace;font-size:11.5px;line-height:1.6;color:#0f172a;background:#f1f5f9;border:1px solid #CBD5E1;border-left:3.5px solid #2567E3;border-radius:4px;padding:10px 12px;margin:0;white-space:pre-wrap;word-break:break-word;max-height:220px;overflow-y:auto}.prompt-edit-wrap{padding:10px 12px;background:#fff}.prompt-edit-textarea{width:100%;font-family:Consolas,Courier New,monospace;font-size:11.5px;line-height:1.55;color:#0f172a;background:#fff;border:1.5px solid #2567E3;border-radius:4px;padding:8px 10px;box-sizing:border-box;resize:vertical}.prompt-edit-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:8px}.btn-sm{padding:3px 10px;font-size:11px}.prompt-card-footer{background:#eff6ff;border-top:1px dashed #BFDBFE;padding:6px 12px;font-family:var(--font-pixel);font-size:10.5px;color:#1e3a8a;display:flex;align-items:center;gap:5px}.prompt-tip-icon{font-size:12px;flex-shrink:0}.card-prompt-badge{display:inline-flex;align-items:center;gap:3px;font-family:var(--font-pixel);font-size:10.8px;font-weight:700;color:#1d4ed8;background:#eff6ff;border:1px solid #BFDBFE;border-radius:10px;padding:1.5px 7.5px;margin-top:5px;width:fit-content}.modal-actions{margin-top:14px;display:flex;justify-content:flex-end}.retro-btn{padding:5px 16px;background:#2567e3;color:#fff;border:1px solid #1D4ED8;border-radius:4px;font-family:var(--font-pixel);font-size:11.5px;cursor:pointer;transition:all .15s ease}.retro-btn:hover{background:#1d4ed8}.retro-btn.btn-primary{background:#2567e3;color:#fff;border-color:#1d4ed8;font-weight:700}.retro-btn.btn-primary:hover{background:#1d4ed8;box-shadow:0 2px 6px #2563eb59}.icon-library-modal{width:min(92vw,440px)}.icon-modal-guide-box{background:#f0f6ff;border:1.2px solid #BFDBFE;border-radius:6px;padding:8px 12px;margin-bottom:12px}.guide-title{display:block;font-family:var(--font-pixel);font-size:13px;font-weight:700;color:#1e40af;margin-bottom:2px}.guide-desc{font-family:var(--font-pixel);font-size:11px;color:#475569;margin:0;line-height:1.35}.icon-library-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-height:230px;overflow-y:auto;padding:8px 6px;background:#f8fafc;border:1.5px solid #CBD5E1;border-radius:6px;margin-bottom:12px;box-sizing:border-box}.icon-lib-item{background:#fff;border:2px solid #E2E8F0;border-radius:6px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;position:relative;transition:all .15s ease;-webkit-user-select:none;user-select:none}.icon-lib-item:hover{border-color:#93c5fd;background:#f0f7ff;transform:translateY(-2px)}.icon-lib-item.selected{border-color:#2567e3!important;background:#eff6ff!important;box-shadow:0 0 0 1.5px #2567e3,0 3px 8px #2563eb40}.icon-lib-thumb{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));transition:transform .15s ease}.icon-lib-item:hover .icon-lib-thumb{transform:scale(1.08)}.icon-lib-label{font-family:var(--font-pixel);font-size:11px;color:#334155;font-weight:700;white-space:nowrap}.icon-selected-badge{position:absolute;top:-6px;right:-6px;background:#2567e3;color:#fff;font-family:var(--font-pixel);font-size:8.5px;font-weight:700;padding:1px 4px;border-radius:4px;box-shadow:0 1px 3px #00000040;white-space:nowrap;pointer-events:none}.icon-upload-wrap{margin-bottom:12px}.icon-upload-btn{width:100%;padding:7px 10px;background:#fff;color:#2567e3;border:1.5px dashed #3B82F6;border-radius:6px;font-family:var(--font-pixel);font-size:11.5px;font-weight:700;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:5px}.icon-upload-btn:hover{background:#eff6ff;border-color:#1d4ed8;color:#1d4ed8}.icon-modal-actions{display:flex;gap:8px;justify-content:flex-end}.blog-canvas{position:relative;width:100%;flex:1;min-height:0;padding:28px 0 0;overflow:hidden;background:transparent}.blog-content-wrapper{width:88.4%;max-width:1458px;margin:0 auto;position:relative;z-index:2}.blog-top-header{height:142px;padding:4px 0 0;margin:0 0 18px;align-items:flex-start}.blog-logo-link,.blog-logo-link.puang-logo-card,.blog-logo-link.puang-logo-img-container,.blog-logo-link.puangLogoSvg-container{width:365px;max-width:365px;height:139px;padding:0;margin:0;justify-content:flex-start;align-items:flex-start}.blog-logo-img,.puang-logo-img{width:365px;max-width:365px;height:139px;object-fit:contain;margin:0;filter:none}.blog-nav-menu{gap:11px;margin-top:10px;padding-right:1px}.nav-menu-btn{height:49px;min-width:82px;padding:0 23px;border:1.6px solid #8db4ef;border-radius:26px;background:linear-gradient(180deg,#fffffffa,#f0f7fff5);color:#164fc4;font-family:var(--font-pixel);font-size:19px;font-weight:400;letter-spacing:-.35px;box-shadow:0 2px 4px #3669bd2b;line-height:1}.nav-menu-btn.active{background:linear-gradient(180deg,#3f80ed,#2c6cdf);color:#fff;border-color:#2b67da;box-shadow:0 3px 7px #2d65cf47}.blog-nav-menu .nav-menu-btn:nth-child(1){min-width:82px}.blog-nav-menu .nav-menu-btn:nth-child(2){min-width:118px}.blog-nav-menu .nav-menu-btn:nth-child(3){min-width:137px}.blog-nav-menu .nav-menu-btn:nth-child(4){min-width:176px}.blog-layout,.blog-page-layout,.blog-body-grid{grid-template-columns:minmax(0,1fr) 244px;gap:20px;align-items:start;width:100%;margin:0}.blog-main-window,.blog-main-frame,.blog-window{border:2px solid #2f6fe4;border-radius:9px;background:#fff;box-shadow:0 3px #366bc829;overflow:hidden}.blog-frame-titlebar{height:39px;padding:0 17px;background:linear-gradient(180deg,#4487ef,#2d70e4);font-family:var(--font-pixel);font-size:21px;font-weight:400;letter-spacing:-.2px}.frame-title-text{gap:8px}.heart-bullet{font-size:16px}.frame-title-actions{display:none!important}.blog-frame-body{padding:0;background:#fff}.blog-hero,.blog-hero-banner,.hero{height:141px;padding:17px 28px 16px 56px;margin:0;border:0;border-bottom:1.5px solid #b8cff5;border-radius:0;display:grid;grid-template-columns:minmax(0,1fr) 395px;background:linear-gradient(90deg,#fff,#f8fbff 51%,#edf4ff);overflow:hidden}.blog-hero-text{padding:0;align-self:center}.blog-hero-heading{margin:0 0 9px;gap:10px;font-family:var(--font-pixel);font-size:28px;font-weight:400;line-height:1.1;color:#1b57c9;letter-spacing:-.65px}.laptop-icon{font-size:28px;transform:translateY(-1px)}.hero-heart{font-size:20px}.blog-hero-desc{font-family:var(--font-pixel);font-size:17px;line-height:1.55;font-weight:400;color:#163e91;letter-spacing:-.25px}.blog-hero-art{width:395px;max-width:none;height:141px;margin:-17px -28px -16px 0;justify-content:flex-end;align-items:flex-end;overflow:hidden}.hero-puang-img{width:395px;height:141px;max-height:none;object-fit:contain;object-position:right bottom;margin:0;filter:none}.blog-toolbar{height:70px;padding:0 27px 0 63px;margin:0;gap:16px}.category-chip-group{gap:9px}.category-chip{height:38px;min-width:78px;padding:0 17px;border:1.4px solid #c6d8f7;border-radius:7px;background:#f8fbff;color:#2556b5;font-family:var(--font-pixel);font-size:16px;font-weight:400;line-height:1;box-shadow:inset 0 1px #fff}.category-chip.active{background:linear-gradient(180deg,#4084ef,#2d6de0);color:#fff;border-color:#2b67dd;box-shadow:0 2px 4px #3168ce26}.blog-search-wrap{width:302px;height:39px;padding:0 10px 0 13px;border:1.5px solid #9fc0f6;border-radius:4px;background:#fff}.blog-search-input{font-family:var(--font-pixel);font-size:15px;color:#2c559b}.blog-search-input::placeholder{color:#9ab9ea}.blog-search-btn svg{width:19px;height:19px;stroke-width:2.2}.blog-cards-grid,.post-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;width:100%;padding:13px 44px 40px}.blog-post-card,.post-card{height:282px;min-height:282px;padding:24px 18px 15px;border:1.6px solid #4b87ed;border-radius:6px;background:linear-gradient(180deg,#fff,#fcfdff);box-shadow:3px 4px #5989d92e,0 1px 2px #2f67be0f;overflow:visible!important}.card-tape{top:-10px;left:16px;transform:none;width:48px;height:16px;background:#bcd8ffd4;border:1px dashed rgba(74,131,226,.65);border-radius:0;clip-path:polygon(7% 0,100% 7%,92% 100%,0 91%)}.card-header-row{align-items:flex-start;margin-bottom:9px}.card-cat-chip{padding:5px 10px 4px;border-radius:5px;font-family:var(--font-pixel);font-size:13px;font-weight:400;line-height:1}.card-cat-chip.tag-academic{background:#e7f0ff;color:#1755ca;border:1px solid #8fb6f1}.card-cat-chip.tag-template{background:#eee9ff;color:#6f42d9;border:1px solid #c3b2f3}.card-cat-chip.tag-career{background:#e0f4ef;color:#2c8172;border:1px solid #9dd3c9}.card-cat-chip.tag-daily{background:#ffe4ef;color:#ca5683;border:1px solid #f4a8c6}.card-image-col{margin-top:-3px}.card-ill-wrap,.post-image-slot{width:67px;height:62px}.card-ill-img,.post-image,.post-image-slot img{width:67px;height:62px;max-width:67px;max-height:62px;object-fit:contain;filter:none}.card-content-wrap{margin-top:-6px}.card-title{min-height:61px;margin:0 0 12px;font-family:var(--font-pixel);font-size:18px;font-weight:400;line-height:1.55;color:#0d2f83;letter-spacing:-.45px}.card-desc{min-height:51px;font-family:var(--font-pixel);font-size:14px;line-height:1.65;font-weight:400;color:#2852a6;letter-spacing:-.25px;-webkit-line-clamp:2}.card-divider{margin:auto 0 12px;border-top:1px solid #dce7f8}.card-bottom-row{margin:0;font-family:var(--font-pixel);font-size:13px;color:#2855b0}.card-stats{gap:12px}.card-stat-like{color:#f05e8f}.blog-sidebar,.right-sidebar,.sidebar{gap:15px}.sidebar-sticky-note{width:225px;min-height:164px;padding:28px 16px 18px;margin:8px auto 12px!important;border:1.4px solid #6390dc;border-radius:2px;background:linear-gradient(145deg,#fffefa,#fff8df);box-shadow:3px 4px 1px #466dae26;transform:rotate(4.2deg)}.note-tape{top:-10px;left:7px;transform:rotate(-14deg);width:52px;height:17px;background:#b4d6ffd1;border:1px dashed rgba(71,127,219,.55);border-radius:0}.note-text{font-family:var(--font-pixel);font-size:15px;line-height:1.75;font-weight:400;color:#215ed0;letter-spacing:-.2px}.sidebar-card{border:1.5px solid #4d86e8;border-radius:7px;background:#fffffff0;box-shadow:2px 3px #4e7dce1f}.sidebar-card-header{height:39px;padding:0 14px;border-bottom:1px solid #c8daf6;background:linear-gradient(180deg,#fff,#f8fbff);font-family:var(--font-pixel);font-size:14px;font-weight:400;color:#1f59bf}.sidebar-card-body{padding:11px 12px 13px}.tag-cloud{gap:7px 6px}.tag-item{padding:4px 8px 3px;border:1px solid #aac7f4;border-radius:5px;background:#f2f7ff;font-family:var(--font-pixel);font-size:12px;color:#255fca;line-height:1.15}.puang-speech-card,.puang-comment-card{min-height:142px}.speech-header{height:34px;padding:0 12px;background:linear-gradient(180deg,#4386ed,#2e70df);border-bottom:0;font-size:13px;color:#fff}.speech-close-btn{font-size:16px}.speech-body{min-height:106px;padding:10px 10px 8px 12px}.puang-comment-content{grid-template-columns:minmax(0,1fr) 86px;gap:2px}.speech-quote{font-family:var(--font-pixel);font-size:13px;line-height:1.65;color:#1b4da9;letter-spacing:-.2px}.puang-image-slot{width:86px;height:86px}.speech-avatar-img{max-width:86px;max-height:86px}.blog-footer{display:none}.bg-deco{z-index:1}.bg-deco-star-tl{top:41px;left:43px;font-size:31px}.bg-deco-cloud-left{top:222px;left:-9px;font-size:58px}.bg-deco-heart-left{top:501px;left:22px;font-size:36px}.bg-deco-star-logo-b{top:155px;left:420px;font-size:20px}.bg-deco-star-logo-tr{top:44px;left:34%;font-size:22px}.bg-deco-satellite{top:42px;left:41%;width:105px;height:83px}.bg-deco-star-center-1{top:55px;left:53.5%;font-size:20px}.bg-deco-star-center-2{top:118px;left:58.5%;font-size:17px}.bg-deco-heart-top{top:113px;right:7.8%;font-size:35px}.bg-deco-cloud-right{top:333px;right:-11px;font-size:61px}.bg-deco-star-tr{top:52px;right:26px;font-size:22px}.bg-deco-antenna{bottom:15px;left:13px;width:77px;height:165px}.bg-deco-star-br{bottom:175px;right:24px;font-size:20px}@media(max-width:1200px){.blog-content-wrapper{width:90%}}#blogDetailContent .ai-article{max-width:720px;margin:0 auto;color:#344963;font:400 17px/1.85 Pretendard,sans-serif;word-break:keep-all;overflow-wrap:anywhere}#blogDetailContent .ai-article p{font:inherit!important;line-height:1.85!important;margin:0 0 1.35em!important;white-space:pre-line}#blogDetailContent .ai-article h3{font:700 19px/1.6 Pretendard,sans-serif!important;color:#355aa0;margin:1.7em 0 .7em!important;padding:12px 16px;background:#edf4ff;border:1px solid #d8e4f8;border-radius:10px}#blogDetailContent .ai-article>p:first-child{font-size:13px!important;color:#78849a;border-bottom:1px dashed #c5d5ee;padding-bottom:14px}@media(max-width:600px){#blogDetailContent .ai-article{font-size:15px}#blogDetailContent .ai-article h3{font-size:17px!important}}.blog-page .blog-frame-body{overflow-y:auto;overflow-x:hidden;min-height:0;scrollbar-width:thin;scrollbar-color:#a9c3ec transparent;padding-bottom:22px}.blog-page .blog-hero{height:140px;min-height:140px;padding:20px 28px;align-items:center}.blog-page .blog-hero-heading{font:750 29px/1.4 Pretendard,sans-serif;margin:0 0 8px;color:#173c91}.blog-page .blog-hero-desc{font:500 18px/1.55 Pretendard,sans-serif;max-width:630px}.blog-page .blog-hero-art{height:160px;width:220px;right:30px;bottom:0}.blog-page .blog-toolbar{height:auto;min-height:64px;padding:12px 24px;gap:12px;flex-wrap:wrap;border-top:1px solid #dfE9ff;border-bottom:1px solid #dfe9ff;background:#f3f8ff}.blog-page .category-chip{min-height:36px;padding:7px 13px;font:600 17px/1.2 Pretendard,sans-serif;display:inline-flex;align-items:center;justify-content:center}.blog-page .blog-search-input{font:500 17px Pretendard,sans-serif}.blog-page .blog-instagram-strip{margin:16px 24px 20px;padding:16px 18px;border:1px solid #b6cdf3;border-radius:14px;box-shadow:0 3px #dbe8fc;background:linear-gradient(120deg,#eef5ff,#fff 65%,#fff3fa);text-align:left}.blog-page .blog-instagram-heading{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin:0 0 12px;text-align:left;gap:16px}.blog-page .blog-instagram-heading>div{display:grid;gap:4px}.blog-page .blog-instagram-heading span{font:400 18px DungGeunMo,monospace;color:#2858b9;letter-spacing:.04em}.blog-page .blog-instagram-heading small{font:500 16px/1.4 Pretendard,sans-serif;color:#526486}.blog-instagram-profile{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:11px 17px;border:1px solid #8cb1ef;border-radius:24px;background:#fff;color:#19489f;text-decoration:none;font:700 18px Pretendard,sans-serif;white-space:nowrap;box-shadow:0 2px #c6daf7}.blog-page .blog-instagram-feed{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:none;margin:0}.blog-instagram-link{display:flex;align-items:center;gap:10px;padding:12px;background:#ffffffc9;border:1px solid #d2def4;border-radius:9px;color:#1d438b;text-decoration:none;min-width:0;transition:background .15s,border-color .15s}.blog-instagram-link:hover{background:#eef5ff;border-color:#6999ef}.ig-link-number{font:400 22px DungGeunMo,monospace;color:#779acb}.blog-instagram-link strong{font:650 16px/1.45 Pretendard,sans-serif;display:block}.blog-instagram-link small{font:500 14px/1.5 Pretendard,sans-serif;color:#657898;display:block}.ig-link-arrow{margin-left:auto;font-size:22px;color:#6283c2}.blog-page .blog-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:none;overflow:visible;padding:4px 24px 20px;gap:18px!important}.blog-page .blog-post-card{height:auto;min-height:290px;padding:20px;border:1px solid #afc8ed;border-radius:14px;background:#fff;box-shadow:0 3px #dce8f8;overflow:hidden!important;transition:box-shadow .15s}.blog-page .blog-post-card:hover{box-shadow:0 4px #baceef;border-color:#729fe4}.blog-page .card-tape{display:none}.blog-page .card-header-row{margin:0 0 8px;align-items:center}.blog-page .card-image-col{width:76px;flex:0 0 76px}.blog-page .post-image-slot{width:70px;height:60px;background:transparent;border:0;box-shadow:none}.blog-page .post-image{object-fit:contain;width:100%;height:100%}.blog-page .card-content-wrap{justify-content:flex-start;text-align:left}.blog-page .card-title{font:750 23px/1.4 Pretendard,sans-serif;min-height:0;margin:0 0 8px;letter-spacing:-.025em}.blog-page .card-desc{font:500 17px/1.6 Pretendard,sans-serif;min-height:0;margin:0 0 15px;color:#52627e}.blog-page .card-cat-chip{font:650 15px/1.3 Pretendard,sans-serif;padding:6px 10px}.card-quick-actions{display:flex;gap:10px;margin:auto 0 12px;align-items:center;flex-wrap:wrap}.card-read-btn{padding:10px 12px;border:1px solid #c4d7f5;border-radius:8px;background:#f5f9ff;color:#365c9d;font:600 16px Pretendard,sans-serif;cursor:pointer}.blog-page .prompt-btn-copy{min-height:40px;padding:10px 15px;border:1px solid #275cdb;border-radius:8px;background:#2d62db;color:#fff;font:650 16px/1.3 Pretendard,sans-serif;cursor:pointer;box-shadow:0 2px #abc7fa;white-space:nowrap}.blog-page .prompt-btn-copy.is-copied{background:#26756a;border-color:#26756a}.blog-page .card-divider{margin:0 0 10px}.blog-page .card-bottom-row,.blog-page .card-date,.blog-page .card-stats{font:550 16px/1.5 Pretendard,sans-serif;color:#566b8c;align-items:center}.blog-page .card-stats{display:flex;gap:14px}.blog-page .card-stat-like{color:#b94e81}.blog-page .prompt-template-card{border:1px solid #b1caf1;border-radius:14px;overflow:hidden;background:#f5f9ff;box-shadow:0 3px #dfebfc;margin-top:26px}.blog-page .prompt-card-header{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 18px;background:#eaf2ff;border-bottom:1px solid #c9daf5}.blog-page .prompt-card-title{font:700 19px/1.4 Pretendard,sans-serif;color:#204b96}.blog-page .prompt-card-actions{display:flex;gap:9px;flex-wrap:wrap}.blog-page .prompt-btn-edit{padding:10px 12px;background:#fff;border:1px solid #b0c7ec;border-radius:8px;color:#365585;font:600 15px Pretendard,sans-serif;cursor:pointer}.blog-page .prompt-text{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;font:500 17px/1.85 Pretendard,sans-serif;color:#293d5c;background:#fbfdff;max-height:360px;overflow:auto;margin:0;padding:20px;border:0}.blog-page .prompt-card-footer{font:500 15px/1.6 Pretendard,sans-serif;padding:14px 18px;background:#edf5ff}.blog-page .prompt-edit-textarea{font:500 17px/1.7 Pretendard,sans-serif;min-height:240px}.blog-page .post-text-body{font:500 18px/1.8 Pretendard,sans-serif}.blog-sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.blog-page button:focus-visible,.blog-page a:focus-visible{outline:3px solid #c886ae;outline-offset:3px}@media(orientation:portrait){.blog-page .blog-frame-body{overflow:visible}.blog-page .blog-hero{height:auto;padding:20px;min-height:120px}.blog-page .blog-hero-heading{font-size:23px}.blog-page .blog-hero-art{display:none}.blog-page .blog-instagram-heading{align-items:flex-start;flex-wrap:wrap}.blog-page .blog-instagram-feed{grid-template-columns:1fr}.blog-page .blog-cards-grid{grid-template-columns:1fr!important;padding:10px 14px}.blog-page .blog-instagram-strip{margin:12px 14px}.blog-page .blog-toolbar{padding:12px 14px}.blog-page .blog-post-card{min-height:0}.blog-page .card-title{font-size:21px}.blog-page .blog-search-wrap{width:100%}}.blog-page .blog-cards-grid{align-items:stretch!important}.blog-page .blog-post-card{height:auto;max-height:none;align-self:stretch;padding-bottom:24px;overflow:visible!important}.blog-page .blog-post-card>.card-header-row,.blog-page .blog-post-card>.card-quick-actions,.blog-page .blog-post-card>.card-divider,.blog-page .blog-post-card>.card-bottom-row{flex-shrink:0}.blog-page .blog-post-card>.card-content-wrap{flex:1 0 auto}.blog-page .card-bottom-row{height:auto;max-height:none;flex-wrap:wrap;row-gap:6px}.blog-page .card-stats{flex-shrink:0}.blog-page .blog-post-card>.card-bottom-row{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:static;inset:auto;transform:none;margin:0;gap:6px;flex:0 0 auto;height:auto;min-height:0;max-height:none}.blog-page .blog-post-card>.card-bottom-row>.card-date,.blog-page .blog-post-card>.card-bottom-row>.card-stats{position:static;inset:auto;transform:none;margin:0;flex:0 0 auto}.blog-page .blog-post-card{display:flex;flex-direction:column;height:auto!important;max-height:none!important}.blog-page .blog-cards-grid{flex:0 0 auto;height:auto;min-height:min-content;grid-auto-rows:minmax(min-content,auto)!important}.blog-page .blog-post-card{min-height:min-content}.blog-page .blog-post-card>.card-content-wrap{margin-top:0}@media(orientation:landscape){body.blog-page .blog-canvas{top:226px;bottom:22px}}: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}}