.lounge-guide-links{display:flex;gap:12px;flex-wrap:wrap}.lounge-guide-links button,[data-lounge-guide]{color:#ef8d35!important;font-weight:800}
#loungeGuideDialog{width:min(1000px,calc(100vw - 24px));max-width:1000px;max-height:92dvh;padding:0;border:2px solid #233b47;border-radius:20px;background:#f3f0e7;color:#20323b;overflow:auto;box-shadow:0 22px 90px #0007}
#loungeGuideDialog::backdrop,#loungeGuideImageDialog::backdrop{background:#0b1822b8}
#loungeGuideDialog *{box-sizing:border-box}#loungeGuideDialog button{font:inherit;cursor:pointer;border:1px solid #405761;border-radius:9px;padding:8px 14px;background:#fff;color:#20323b;font-weight:750;min-height:38px}
#loungeGuideDialog button:focus-visible,#loungeGuideDialog summary:focus-visible{outline:3px solid #e87923;outline-offset:3px}
#loungeGuideDialog .lounge-guide-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 28px;background:#203b46;color:#fff;border:0}
#loungeGuideDialog .lounge-guide-header small{font-size:10px;letter-spacing:2px;color:#cce4df}#loungeGuideDialog h2{font-size:26px;margin:5px 0 0;color:inherit}
#loungeGuideDialog .lounge-guide-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px 28px 10px}
#loungeGuideDialog .lounge-guide-controls>div{display:flex;gap:8px;flex-wrap:wrap}#loungeGuideDialog [aria-pressed=true]{background:#2d615b;color:white;border-color:#2d615b}
#loungeGuideDialog .lounge-guide-controls label{display:grid;gap:4px;font-size:11px;max-width:100%;color:#4d626b}#loungeGuideChapter{width:265px;max-width:100%;min-width:0;background:#fff;color:#20323b;border:1px solid #93a6a5;border-radius:7px;padding:8px;font:inherit;font-size:13px}
#loungeGuideDialog .lounge-guide-source{font-size:12px;line-height:1.6;margin:0;padding:0 28px 16px;color:#5d6d72}#loungeGuideStatus{padding:30px}
#loungeGuidePanels{max-width:860px;margin:auto;padding:0 24px 12px}
#loungeGuideDialog .lounge-comic-panel{position:relative;margin:10px 0 35px;background:#fffdf7;border:2px solid #293e49;border-radius:14px;overflow:hidden;box-shadow:5px 6px 0 #c8d6cf;scroll-margin-top:10px}
#loungeGuideDialog .lounge-comic-panel>header{display:flex;gap:12px;align-items:center;padding:16px 22px;border-bottom:2px solid #293e49;background:#e5eee5}
#loungeGuideDialog .comic-episode{display:grid;place-items:center;background:#294a52;border-radius:50%;width:38px;height:38px;flex-shrink:0;color:#fff;font-size:16px;font-weight:900}
#loungeGuideDialog h3{margin:0;font-size:21px;line-height:1.4;color:#233d48;overflow-wrap:anywhere}
#loungeGuideDialog .comic-conversation{display:flex;align-items:center;gap:16px;padding:14px 22px 0;min-height:190px;background:radial-gradient(ellipse at 12% 80%,#e7eedb,transparent 65%)}
#loungeGuideDialog .comic-actor{flex:0 0 175px;width:175px;height:232px;background-image:url('/guides/webtoon/actors-v2.png');background-size:400% 200%;background-repeat:no-repeat;align-self:end}
#loungeGuideDialog .pose-0{background-position:0 0}#loungeGuideDialog .pose-1{background-position:33.333% 0}#loungeGuideDialog .pose-2{background-position:66.666% 0}#loungeGuideDialog .pose-3{background-position:100% 0}#loungeGuideDialog .pose-4{background-position:0 100%}#loungeGuideDialog .pose-5{background-position:33.333% 100%}#loungeGuideDialog .pose-6{background-position:66.666% 100%}#loungeGuideDialog .pose-7{background-position:100% 100%}
#loungeGuideDialog .comic-conversation>div{flex:1;min-width:0;padding:10px 0 14px}
#loungeGuideDialog .comic-question,#loungeGuideDialog .comic-answer{position:relative;margin:0 0 12px;padding:13px 17px;border:2px solid #304953;border-radius:19px;background:white;font-size:17px;line-height:1.6;word-break:keep-all;overflow-wrap:anywhere}
#loungeGuideDialog .comic-question{font-weight:850;transform:rotate(-1deg)}#loungeGuideDialog .comic-answer{background:#f8e9ba;border-color:#887048;font-size:16px}
#loungeGuideDialog .comic-question:before{content:'';position:absolute;left:-12px;top:22px;width:17px;height:16px;background:#fff;border-left:2px solid #304953;border-bottom:2px solid #304953;transform:skewY(-30deg)}
#loungeGuideDialog .comic-evidence{display:grid;gap:17px;align-items:start;justify-items:center;padding:16px 22px 18px;border-top:1px dashed #a4b5aa;background:repeating-linear-gradient(0deg,#f5f5ed,#f5f5ed 23px,#ecf0e6 24px)}
#loungeGuideDialog .comic-evidence.multiple{grid-template-columns:repeat(2,minmax(0,1fr))}#loungeGuideDialog figure{margin:0;min-width:0;width:100%;max-width:540px}
#loungeGuideDialog .guide-screen-button{display:block;position:relative;width:100%;padding:0;min-height:0;border:2px solid #253f4a;border-radius:8px;overflow:visible;line-height:0;background:#15232b;box-shadow:0 3px 10px #15232b1f}
#loungeGuideDialog .guide-screen-button img{display:block;width:100%;height:auto;max-height:none;border-radius:6px}
#loungeGuideDialog figcaption{font-size:10px;color:#627274;margin-top:7px;text-align:center;line-height:1.5}
#loungeGuideDialog .comic-mark{position:absolute;display:block;border:2px solid #ff9b28;box-shadow:0 0 0 1px #33251366;border-radius:5px;pointer-events:none}#loungeGuideDialog .comic-mark b{position:absolute;left:-9px;top:-10px;display:grid;place-items:center;min-width:21px;height:21px;border:1px solid #663d15;border-radius:50%;color:#201a12;background:#ffb33b;line-height:1;font-size:12px;font-weight:900}
#loungeGuideDialog details{padding:0 22px 16px;background:#fffdf7;border-top:1px solid #d6dfd7}#loungeGuideDialog summary{padding:13px 0 0;font-weight:800;font-size:13px;cursor:pointer;color:#43685e}#loungeGuideDialog ol{margin:10px 0 0;padding-left:22px;font-size:14px;line-height:1.8;color:#35484e}#loungeGuideDialog li+li{margin-top:8px}
#loungeGuideDialog .lounge-guide-footer{text-align:center;padding:6px 24px 30px;font-size:13px;color:#4c645e}
#loungeGuideImageDialog{width:min(1300px,96vw);max-width:96vw;padding:0;border:2px solid #29444f;border-radius:12px;background:#f4f4ef;color:#203b46;max-height:94dvh;overflow:auto}#loungeGuideImageDialog header{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;background:#e1ece5;font-size:13px}#loungeGuideImageDialog button{padding:8px 14px;border:1px solid #42635e;border-radius:7px;background:#fff;color:#203b46;cursor:pointer}.guide-image-scroll{overflow:auto;padding:12px}.guide-image-scroll img{display:block;width:auto;max-width:100%;height:auto;margin:auto}
@media(max-width:600px){#loungeGuideDialog{width:calc(100vw - 12px);max-height:96dvh;border-radius:12px}#loungeGuideDialog .lounge-guide-header{padding:16px}#loungeGuideDialog h2{font-size:22px}#loungeGuideDialog .lounge-guide-controls{padding:12px 14px;gap:9px}#loungeGuideDialog .lounge-guide-controls label{width:100%}#loungeGuideChapter{width:100%}#loungeGuideDialog .lounge-guide-source{padding:0 14px 12px;font-size:11px}#loungeGuidePanels{padding:0 10px 10px}#loungeGuideDialog .lounge-comic-panel{margin:6px 0 27px;box-shadow:3px 4px 0 #c8d6cf}#loungeGuideDialog .lounge-comic-panel>header{padding:12px;gap:9px}#loungeGuideDialog h3{font-size:17px}#loungeGuideDialog .comic-episode{width:30px;height:30px;font-size:13px}#loungeGuideDialog .comic-conversation{padding:9px 10px 0;gap:3px;min-height:160px}#loungeGuideDialog .comic-actor{flex-basis:104px;width:104px;height:139px}#loungeGuideDialog .comic-question,#loungeGuideDialog .comic-answer{font-size:13px;line-height:1.65;padding:9px 11px;margin-bottom:8px;border-radius:14px}#loungeGuideDialog .comic-question:before{top:14px;left:-9px;width:12px;height:12px}#loungeGuideDialog .comic-evidence,#loungeGuideDialog .comic-evidence.multiple{grid-template-columns:1fr;padding:15px 13px;gap:16px}#loungeGuideDialog details{padding:0 14px 13px}#loungeGuideDialog ol{font-size:13px}}
@media(prefers-reduced-motion:reduce){#loungeGuideDialog *{scroll-behavior:auto!important}}

.lounge-guide-link{color:#ffad73!important;background:transparent!important;border:0!important;font-size:12px!important;font-weight:600;padding:7px 2px!important;line-height:1.5;white-space:nowrap;cursor:pointer}
.lounge-guide-link:hover{text-decoration:underline}
.lounge-side-guides{display:flex;flex-direction:column;align-items:flex-start;padding:5px 12px 8px;gap:2px}
.lounge-top-guides{display:none}
.lounge-side-guides .lounge-guide-link{width:auto!important;min-height:34px}
/* Mobile has an explicit title row and action row; legacy nowrap rules cannot collapse them. */
@media(max-width:900px){
 body.hub-logged-in .topbar{display:grid!important;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:6px!important;height:auto!important;min-height:0!important;flex:0 0 auto!important;padding:8px 12px!important}
 body.hub-logged-in .topbar>.lounge-brand{grid-column:1;grid-row:1;width:100%;min-width:0;margin:0;flex-direction:row;justify-content:flex-start}
 body.hub-logged-in .topbar #areaTitle{font-size:14px;line-height:1.4}
 body.hub-logged-in .topbar>.breadcrumb{display:none!important}
 body.hub-logged-in .topbar>.top-actions{grid-column:1;grid-row:2;display:grid!important;grid-template-columns:minmax(0,1fr) repeat(3,max-content);width:100%!important;min-width:0;max-width:100%;gap:6px;margin:0!important;align-items:center;justify-content:stretch;flex:none!important}
 body.hub-logged-in .topbar .sync-time{display:none!important}
 body.hub-logged-in .topbar .lounge-top-guides{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:0 10px;min-width:0;margin:0}
 body.hub-logged-in .topbar .lounge-guide-link{font-size:11px!important;min-height:32px;padding:4px 0!important;white-space:normal;word-break:keep-all;text-align:left}
 body.hub-logged-in .topbar>.top-actions>.button{min-height:34px;padding:6px 8px;font-size:11px;white-space:nowrap;margin:0}
 .lounge-side-guides{display:none}
}

#loungeGuideDialog .comic-question,#loungeGuideDialog .comic-answer{color:#233d48}#loungeGuideDialog .comic-answer{font-weight:650}

/* The selected book has its own scroll area; the exit stays outside it. */
#loungeGuideDialog{height:min(92dvh,1000px);overflow:hidden;overscroll-behavior:contain}
#loungeGuideDialog[open]{display:flex;flex-direction:column}
#loungeGuideDialog .lounge-guide-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}
#loungeGuideDialog .lounge-guide-controls{justify-content:flex-end}
#loungeGuideDialog .lounge-guide-footer{flex:0 0 auto;display:flex;justify-content:center;align-items:center;padding:12px 20px max(12px,env(safe-area-inset-bottom));border-top:1px solid #b6c9c2;background:#e8efe8;box-shadow:0 -3px 12px #203b4612}
#loungeGuideDialog .lounge-guide-footer button{width:min(100%,320px);min-height:44px;background:#294f4d;color:white;border-color:#294f4d}
#loungeGuideImageDialog{height:94dvh;overflow:hidden}
#loungeGuideImageDialog[open]{display:flex;flex-direction:column}
#loungeGuideImageDialog>header{flex:0 0 auto;position:static}
#loungeGuideImageDialog .guide-image-scroll{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain}
#loungeGuideImageDialog .lounge-guide-image-footer{flex:0 0 auto;display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding:12px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom));border-top:1px solid #b6c9c2;background:#e8efe8}
#loungeGuideImageDialog [data-guide-exit]{background:#294f4d;color:white;min-height:44px}
#loungeGuideAccessDialog{box-sizing:border-box;width:min(360px,calc(100vw - 24px));max-height:90dvh;overflow:auto;padding:24px;border:2px solid #294f4d;border-radius:14px;background:#fffdf7;color:#233d48;box-shadow:0 18px 60px #0006}
#loungeGuideAccessDialog::backdrop{background:#0b1822b8}
#loungeGuideAccessDialog h2{font-size:19px;margin:0 0 12px;color:#233d48}
#loungeGuideAccessDialog p{font-size:15px;line-height:1.7;margin:0 0 20px;color:#233d48;word-break:keep-all}
#loungeGuideAccessDialog button{display:block;width:100%;min-height:44px;border:1px solid #294f4d;border-radius:8px;background:#294f4d;color:white;font:inherit;font-weight:700;cursor:pointer}
@media(max-width:600px){#loungeGuideDialog{height:96dvh}#loungeGuideDialog .lounge-guide-footer{padding:10px 12px max(10px,env(safe-area-inset-bottom))}#loungeGuideImageDialog .lounge-guide-image-footer>button{flex:1 1 120px;min-height:44px}}

/* One volume control lives in the header on every signed-in page. */
body.hub-logged-in .topbar{display:grid!important;grid-template-columns:auto minmax(140px,1fr) max-content;align-items:center;gap:12px!important;padding:8px 12px!important;height:auto!important;min-height:64px;flex:0 0 auto!important}
body.hub-logged-in .topbar>.lounge-brand{grid-column:1;grid-row:1;white-space:nowrap;width:auto}
body.hub-logged-in .topbar>.breadcrumb{display:none!important}
body.hub-logged-in .topbar>.top-actions{grid-column:3;grid-row:1;justify-self:end;width:auto!important;min-width:0}
.lounge-top-volume{grid-column:2;grid-row:1;justify-self:center;display:grid;grid-template-columns:auto minmax(50px,1fr) 31px 26px;align-items:center;gap:5px;width:100%;min-width:0;max-width:240px;color:#ebd493}
.lounge-top-volume>label{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;white-space:nowrap;margin:0}
.lounge-top-volume>label>span:first-child{font-size:18px;line-height:1}
.lounge-top-volume input[type=range]{width:100%;min-width:0;min-height:44px;height:44px;padding:0;margin:0;border:0;box-shadow:none;background:transparent;accent-color:#e7c66c;touch-action:pan-y;cursor:pointer;-webkit-app-region:no-drag}
.lounge-top-volume output{font-size:11px;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;color:#e9edef}
.lounge-top-volume.muted output{color:#f3c27a}.lounge-top-volume .hunt-volume-help-button{margin:0}
@media(min-width:901px) and (max-width:1200px){.lounge-top-volume .volume-label-text{display:none}}
@media(max-width:900px){
 body.hub-logged-in .topbar{grid-template-columns:max-content minmax(0,1fr);grid-template-rows:auto auto;gap:4px 8px!important;min-height:0!important}
 body.hub-logged-in .topbar>.lounge-brand{grid-column:1;grid-row:1;min-width:0;width:auto;gap:4px}
 body.hub-logged-in .topbar #areaTitle{font-size:11px!important;line-height:1.3}
 body.hub-logged-in .topbar>.lounge-top-volume{grid-column:2;grid-row:1;justify-self:end;max-width:240px;grid-template-columns:14px minmax(44px,1fr) 29px 26px;gap:3px}
 .lounge-top-volume .volume-label-text{display:none}
 body.hub-logged-in .topbar>.top-actions{grid-column:1/-1;grid-row:2;display:grid!important;grid-template-columns:minmax(0,1fr) repeat(3,max-content);width:100%!important;gap:6px;margin:0!important}
}


.lounge-top-volume .hunt-volume-help-button{width:26px;min-width:26px;height:44px;min-height:44px;padding:0}
.lounge-top-volume .hunt-volume-help-button span{width:16px;height:16px;min-width:16px;font-size:11px;line-height:1;border-width:1px}

@media(max-width:900px){.lounge-top-volume .hunt-volume-help-button span{width:8px;height:8px;min-width:8px;font-size:6px}}

/* The whole control excludes desktop window dragging; the range owns its gesture. */
.lounge-top-volume{-webkit-app-region:no-drag;touch-action:none;user-select:none;-webkit-user-select:none}
.lounge-top-volume input[type=range]{appearance:none;-webkit-appearance:none;touch-action:none;outline-offset:2px}
.lounge-top-volume input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:8px;background:linear-gradient(to right,#e7c66c 0 var(--lounge-volume,100%),#486176 var(--lounge-volume,100%) 100%)}
.lounge-top-volume input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:16px;height:16px;margin-top:-6px;border:1px solid #f7dc92;border-radius:50%;background:#e7c66c}
.lounge-top-volume input[type=range]::-moz-range-track{height:4px;border-radius:8px;background:linear-gradient(to right,#e7c66c 0 var(--lounge-volume,100%),#486176 var(--lounge-volume,100%) 100%)}
.lounge-top-volume input[type=range]::-moz-range-thumb{width:14px;height:14px;border:1px solid #f7dc92;border-radius:50%;background:#e7c66c}