*{box-sizing:border-box}html,body{margin:0;background:#080b10;color:#e8e7df;font:14px/1.8 system-ui,-apple-system,sans-serif}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible,.file-picker:focus-within{outline:2px solid #cae1d4;outline-offset:5px}button{border:1px solid #d1e7db28;background:#142023;border-radius:30px;padding:10px 20px}button:hover{background:#263435}button:disabled{opacity:.5;cursor:wait}.text-button{border:0;background:transparent;padding:8px 0;color:#b6c3c2}.text-button:hover{background:transparent;color:#fff}.primary{background:#d4ded1;color:#142522;border:0;min-height:48px;padding:12px 26px}.primary:hover{background:#e4ecdf}.primary span{margin-left:32px}.eyebrow{font-size:10px;letter-spacing:3px;color:#9aacaa}#view{width:100%;height:100dvh;display:block;touch-action:none;cursor:grab}#entrance{position:fixed;inset:0;z-index:5;background:linear-gradient(90deg,#080e12ed 0%,#080e1299 46%,#080e1240),linear-gradient(0deg,#080b10a0,transparent 50%);transition:opacity 1.4s}.masthead,.entry-bottom{position:absolute;left:6vw;right:6vw;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#afbeb7}.masthead{top:5vh}.cross{margin:0 10px;color:#647d76}.entry-bottom{bottom:5vh;font-size:9px;color:#7e928d}.entry-copy{position:absolute;left:10vw;top:50%;transform:translateY(-43%)}h1{font-family:Georgia,'Batang',serif;font-size:clamp(44px,5.5vw,82px);font-weight:400;letter-spacing:.042em;line-height:1.3;margin:20px 0 26px}.poem{font-size:17px;font-weight:300;line-height:2.1;color:#bac7c1}.entry-actions{display:flex;align-items:center;gap:26px;margin-top:38px}.entry-note{font-size:11px;color:#80958f;margin-top:20px}#entry-error{font-size:12px;color:#f0c4a2}.entered #entrance{opacity:0;pointer-events:none}.room-top{position:fixed;top:24px;left:32px;right:32px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#93a59f}.room-top i{font-style:normal;font-size:9px;margin-left:14px;color:#62766f}footer{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);width:max-content;max-width:94vw;padding:13px 22px 10px;border:1px solid #d1e7db18;border-radius:18px;background:#101a1cbd;backdrop-filter:blur(18px)}.control-row{display:flex;align-items:center;gap:18px}footer button{border:0;background:transparent;font-size:12px;padding:6px 8px}footer button:hover{background:#ffffff0a}.divider{height:18px;border-left:1px solid #fff2}.volume{display:flex;align-items:center;gap:10px;font-size:11px;color:#a5b5ad}input[type=range]{accent-color:#a5c6b5;height:14px}.volume input{width:70px}#seek{display:block;width:100%;height:8px;margin:10px 0}.hint{text-align:center;font-size:10px;color:#79928a;margin:3px 0}.hud{transition:opacity .8s,visibility .8s}.quiet .hud{opacity:0;visibility:hidden;pointer-events:none}#reveal{position:fixed;right:24px;bottom:24px;border-color:#ffffff18;background:#0c171988;color:#a2b9af;font-size:17px;line-height:1;padding:10px 13px;z-index:3}dialog{color:#d6e0d9;background:#101a1c;border:1px solid #74958a33;border-radius:6px;padding:42px;width:min(530px,92vw);max-height:88dvh;overflow:auto;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#030909bb;backdrop-filter:blur(9px)}dialog h2{font-family:Georgia,'Batang',serif;font-size:30px;letter-spacing:2px;font-weight:400;margin:16px 0 26px}dialog p{color:#a6b8b0;font-size:13px}dialog .lead{font-size:20px;line-height:1.8;color:#e2e5db}dialog .close{position:absolute;right:15px;top:10px;border:0;background:transparent;padding:4px 12px;font-size:25px;color:#9aafa5}dl{border-top:1px solid #fff1;margin-top:28px;padding-top:18px;font-size:11px}dl div{display:flex;gap:16px;margin:7px 0}dt{min-width:80px;color:#6e8b7e}dd{margin:0;color:#b8cabe}.fine{font-size:10px!important;color:#728c80!important}.options{display:flex;flex-wrap:wrap;gap:8px}.options button{font-size:11px;padding:8px 12px}.file-picker{display:block;border:1px dashed #93b5a35c;border-radius:8px;padding:24px;text-align:center;margin-top:24px;cursor:pointer;color:#d2e1d3}.file-picker span{display:block;font-size:10px;color:#799385}.file-picker:hover{background:#ffffff08}#file{position:absolute;width:1px;height:1px;opacity:0}.sensitivity{display:flex;justify-content:space-between;align-items:center;margin-top:24px;font-size:12px}.sensitivity input{width:110px}hr{border:0;border-top:1px solid #fff1;margin:25px 0}#state{font-size:10px;color:#68867b}#caption{font-size:11px;overflow-wrap:anywhere}dialog .primary{margin-top:18px;font-size:12px}@media(max-width:650px){.entry-copy{left:8vw;right:7vw}.entry-actions{gap:18px;flex-wrap:wrap}.entry-bottom{letter-spacing:1px;font-size:8px}.room-top{left:18px;right:18px;top:12px}.room-top>span{display:none}.control-row{gap:7px;flex-wrap:wrap;justify-content:center}footer{bottom:70px;width:92vw;padding:12px}.divider{display:none}.volume{gap:4px}.volume input{width:58px}dialog{padding:30px 24px}#reveal{bottom:20px;right:20px}.hint{font-size:9px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

[hidden]{display:none!important}.music-group h3{font-size:11px;letter-spacing:1px;color:#92ad9f;margin:20px 0 8px}.music-choice{display:flex;justify-content:space-between;align-items:center;gap:15px;width:100%;text-align:left;border-radius:6px;border-color:#ffffff12;background:transparent;padding:11px 12px;margin:5px 0;font-size:12px}.music-choice small{white-space:nowrap;color:#7f9c8d}.music-choice[aria-pressed=true]{border-color:#9abc9f7a;background:#20342c;color:#e3eddd}

.masthead>span:first-child{visibility:hidden}

/* Editorial alignment: a shared edge, one quiet artwork toolbar. */
.room-top{top:0;left:6vw;right:6vw;height:62px;border-bottom:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between;font-size:12px}.room-top .work-identity{display:flex;align-items:center;gap:12px;color:#c0cbc5;white-space:nowrap}.room-top i{margin:0;font-size:10px;letter-spacing:1px;color:#657b72}.work-actions{display:flex;gap:24px;align-items:center}.work-actions button{min-height:44px;font-size:11px;white-space:nowrap;padding:8px 0;color:#8b9e95}.masthead{top:22px;left:6vw;right:6vw;font-size:9px}.entry-copy{left:6vw}.entry-bottom{left:6vw;right:6vw}.room-top .text-button:hover{color:#eef2ec}
@media(max-width:700px){.room-top{left:24px;right:24px;height:58px;font-size:11px}.room-top>span{display:flex}.room-top .work-identity{gap:8px}.work-actions{gap:16px}.work-actions button{font-size:10px}.entry-copy{left:24px;right:24px}.masthead,.entry-bottom{left:24px;right:24px}.masthead{top:19px}.entry-copy h1{font-size:clamp(34px,10vw,48px);margin:16px 0 22px}.entry-copy .eyebrow{font-size:8px;letter-spacing:2px}.poem{font-size:14px}.entry-actions{gap:18px;margin-top:28px}.entry-actions .primary{font-size:12px;padding:12px 18px}.entry-actions .primary span{margin-left:16px}.entry-actions .text-button{font-size:11px}.entry-note{font-size:10px;max-width:260px;line-height:1.8}.entry-bottom{font-size:7px;letter-spacing:.6px}}

/* Fine audio sliders; generous hit area retained. */
#controls input[type=range]{appearance:none;-webkit-appearance:none;background:transparent;height:20px;cursor:pointer;accent-color:#adcbbb}
#controls input[type=range]::-webkit-slider-runnable-track{height:2px;background:#78918766;border:0;border-radius:0}
#controls input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:8px;height:8px;border:0;border-radius:50%;background:#bed9c9;margin-top:-3px;box-shadow:none}
#controls input[type=range]::-moz-range-track{height:2px;background:#78918766;border:0;border-radius:0}
#controls input[type=range]::-moz-range-progress{height:2px;background:#adcbbb}
#controls input[type=range]::-moz-range-thumb{width:8px;height:8px;border:0;border-radius:50%;background:#bed9c9}
#controls #seek{height:20px;margin:4px 0 0}
@font-face{font-family:Pretendard;src:url('fonts/Pretendard-Regular.woff2') format('woff2');font-weight:100 500;font-style:normal;font-display:swap}
@font-face{font-family:Pretendard;src:url('fonts/Pretendard-SemiBold.woff2') format('woff2');font-weight:600 900;font-style:normal;font-display:swap}
html,body{font-family:"Pretendard","Noto Sans KR","Malgun Gothic",Arial,sans-serif}
button,input,textarea,select{font-family:inherit}