*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}:root{--bg:#f7f5f0;--surface:#fff;--border:#ddd8cc;--primary:#4a3728;--accent:#8b5e3c;--accent2:#c9956a;--text:#2c2016;--muted:#8a7a6a;--select:#fdf3e8;--mark:#ffe08a;--radius:8px;--font-size-verse:15px}[data-theme=dark]{--bg:#1a1612;--surface:#242018;--border:#3a342a;--primary:#c9a87a;--accent:#c9956a;--accent2:#e0b080;--text:#e8ddd0;--muted:#8a7a6a;--select:#2e2820;--mark:#5a4a00}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Malgun Gothic,맑은 고딕,sans-serif;font-size:15px;line-height:1.7;transition:background .2s,color .2s}.app{flex-direction:column;max-width:960px;height:100dvh;margin:0 auto;display:flex}.app-header{background:var(--primary);color:#fff;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;padding:8px 14px;display:flex}.quick-nav{flex:1;max-width:260px;display:flex;position:relative}.quick-nav input{border-radius:var(--radius) 0 0 var(--radius);color:#fff;background:#ffffff26;border:1px solid #ffffff4d;border-right:none;width:100%;min-width:0;padding:4px 10px;font-size:13px}.quick-nav input::placeholder{color:#fff9}.quick-nav input:focus{border-color:#ffffffb3;outline:none}.quick-nav.error input{border-color:#ff8080}.quick-go{border-radius:0 var(--radius) var(--radius) 0;color:#fff;cursor:pointer;background:#ffffff40;border:1px solid #ffffff4d;flex-shrink:0;padding:0 10px;font-size:14px}.quick-go:hover{background:#ffffff59}.quick-error{color:#faa;white-space:nowrap;padding-top:2px;font-size:11px;position:absolute;top:100%;left:0}.header-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.version-select{color:#fff;border-radius:var(--radius);cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;padding:4px 8px;font-size:13px}.version-select option{color:#fff;background:#4a3728}.icon-btn{cursor:pointer;color:inherit;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:16px;line-height:1;transition:background .15s}.icon-btn:hover{background:#ffffff26}.header-icon{color:#fffc}.header-icon.active{color:#fff;background:#ffffff40}.tab-nav{background:var(--surface);border-bottom:2px solid var(--border);flex-shrink:0;display:flex}.tab-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;margin-bottom:-2px;padding:10px;font-size:14px;transition:all .15s}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.tab-btn:hover:not(.active){background:var(--bg)}.app-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.tab-content{flex-direction:column;flex:1;display:none;overflow:hidden}.tab-content.active{display:flex}.loading-screen{height:100dvh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.loading-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-hint{font-size:13px}.retry-btn{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:8px 20px;font-size:14px}.bible-reader{flex-direction:column;flex:1;display:flex;overflow:hidden}.reader-nav{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.reader-nav select{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);cursor:pointer;padding:5px 8px;font-size:14px}.nav-btns{gap:4px;display:flex}.nav-btns button,.nav-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);cursor:pointer;color:var(--text);padding:5px 10px;font-size:13px;transition:background .1s}.nav-btns button:hover:not(:disabled),.nav-btn:hover:not(:disabled){background:var(--border)}.nav-btns button:disabled,.nav-btn:disabled{opacity:.4;cursor:default}.reader-nav-right{align-items:center;gap:6px;margin-left:auto;display:flex}.copy-btn{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:5px 12px;font-size:13px;transition:background .15s}.copy-btn:hover{background:var(--primary)}.chapter-title{color:var(--primary);background:var(--select);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:7px 16px;font-size:15px;font-weight:600;display:flex}.version-badge{background:var(--accent);color:#fff;border-radius:12px;padding:1px 6px;font-size:11px;font-weight:400}.verses{flex:1;padding:4px 0;overflow-y:auto}.verse-block{border-radius:6px;margin:1px 6px}.verse-block.selected{background:var(--select);outline:1px solid var(--accent2)}.verse{cursor:pointer;border-radius:6px;align-items:flex-start;gap:8px;padding:5px 10px;transition:background .1s;display:flex}.verse:hover{background:var(--select)}.verse-block.selected .verse:hover{background:0 0}.verse-num{min-width:24px;color:var(--accent2);text-align:right;flex-shrink:0;padding-top:3px;font-size:11px;font-weight:700}.verse-text{font-size:var(--font-size-verse);flex:1}.verse-actions{opacity:0;pointer-events:none;flex-shrink:0;gap:2px;transition:opacity .15s;display:flex}.verse:hover .verse-actions,.verse-block.selected .verse-actions{opacity:1;pointer-events:auto}.action-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:14px;line-height:1;transition:color .15s}.action-btn:hover{color:var(--accent)}.action-btn.bookmarked{color:#f5a623}.action-btn.has-note{color:var(--accent)}.verse-note{color:var(--muted);background:var(--bg);border-left:3px solid var(--accent2);cursor:pointer;border-radius:0 4px 4px 0;margin:0 10px 6px 44px;padding:4px 8px;font-size:12px}.verse-note:hover{color:var(--text)}.note-editor{flex-direction:column;gap:6px;margin:0 10px 8px 44px;display:flex}.note-editor textarea{border:1px solid var(--accent2);border-radius:var(--radius);background:var(--bg);width:100%;color:var(--text);resize:vertical;padding:6px 10px;font-family:inherit;font-size:13px}.note-editor textarea:focus{outline:none}.note-editor-btns{gap:6px;display:flex}.note-editor-btns button{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);cursor:pointer;padding:4px 12px;font-size:12px}.note-editor-btns button:first-child{background:var(--accent);color:#fff;border-color:var(--accent)}.note-editor-btns .delete-note{color:#c0392b;border-color:#c0392b}.empty{color:var(--muted);text-align:center;padding:24px}.search-panel{flex-direction:column;flex:1;display:flex;overflow:hidden}.search-controls{border-bottom:1px solid var(--border);background:var(--surface);flex-direction:column;flex-shrink:0;gap:8px;padding:10px 14px;display:flex}.search-input-row{gap:8px;display:flex}.search-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);flex:1;padding:10px 12px;font-size:16px}.search-input:focus{border-color:var(--accent2);outline:none}.options-toggle{cursor:pointer;color:var(--muted);text-align:left;background:0 0;border:none;align-self:flex-start;padding:0;font-size:12px}.options-toggle:hover{color:var(--text)}.search-options{flex-direction:column;gap:8px;font-size:13px;display:flex}.search-options-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.search-range-row{align-items:center;gap:8px;display:flex}.search-range-row select{flex:1}.range-tilde{color:var(--muted);flex-shrink:0;font-size:15px}.toggle-label{cursor:pointer;align-items:center;gap:4px;display:flex}.info-tip{background:var(--accent);color:#fff;cursor:default;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:11px;font-weight:700;display:inline-flex;position:relative}.info-tip:after{content:attr(data-tip);color:#fff;pointer-events:none;opacity:0;z-index:10;white-space:pre-wrap;background:#333;border-radius:6px;width:240px;padding:6px 10px;font-size:12px;font-weight:400;line-height:1.5;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);left:0;transform:none;box-shadow:0 2px 8px #0000004d}.info-tip:hover:after{opacity:1}.search-options select{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);min-height:36px;padding:7px 8px;font-size:14px}.search-btn{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;flex-shrink:0;min-height:44px;padding:0 20px;font-size:15px}.search-btn:hover:not(:disabled){background:var(--primary)}.search-btn:disabled{opacity:.5;cursor:default}.search-results{flex:1;overflow-y:auto}.result-count{color:var(--muted);border-bottom:1px solid var(--border);padding:8px 16px;font-size:13px}.result-item-wrap{border-bottom:1px solid var(--bg)}.result-item{cursor:pointer;align-items:flex-start;gap:10px;padding:11px 16px;transition:background .1s;display:flex}.result-item:hover{background:var(--select)}.result-ref{min-width:80px;color:var(--accent);flex-shrink:0;padding-top:3px;font-size:12px;font-weight:700}.result-text{flex:1;font-size:14px;line-height:1.6}.result-actions{flex-shrink:0;gap:6px;padding-top:1px;display:flex}.niv-btn{cursor:pointer;border:1px solid var(--accent);color:var(--accent);background:0 0;border-radius:4px;min-height:32px;padding:5px 10px;font-size:12px;font-weight:700;transition:background .15s,color .15s}.niv-btn:hover,.niv-btn.active{background:var(--accent);color:#fff}.copy-btn-inline{cursor:pointer;border:1px solid var(--border);color:var(--muted);background:0 0;border-radius:4px;min-height:32px;padding:5px 10px;font-size:12px;transition:background .15s,color .15s}.copy-btn-inline:hover{background:var(--border);color:var(--text)}.copy-btn-inline.copied{color:#4caf50;border-color:#4caf50}.niv-popup{background:var(--select);border-top:1px solid var(--border);align-items:flex-start;gap:10px;padding:10px 16px 12px;animation:.15s fadeIn;display:flex}.niv-popup-ref{color:#6aaa6a;flex-shrink:0;min-width:80px;padding-top:3px;font-size:12px;font-weight:700}.niv-popup-text{color:var(--text);flex:1;font-size:14px;font-style:italic;line-height:1.6}.niv-popup-text.ko{font-style:normal}.niv-close-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;flex-shrink:0;min-height:32px;padding:0 4px;font-size:20px;line-height:1}.niv-close-btn:hover{color:var(--text)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.no-results{color:var(--muted);text-align:center;padding:24px}.load-more-sentinel{text-align:center;color:var(--muted);padding:16px;font-size:12px}mark{background:var(--mark);border-radius:2px}.compare-view{flex-direction:column;flex:1;display:flex;overflow:hidden}.compare-nav{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:10px 14px;display:flex}.compare-nav select{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);padding:5px 8px;font-size:14px}.compare-title{color:var(--primary);background:var(--select);border-bottom:1px solid var(--border);flex-shrink:0;padding:8px 16px;font-size:15px;font-weight:600}.compare-verses{flex:1;overflow-y:auto}.compare-verse-block{border-bottom:1px solid var(--border);cursor:pointer;padding:10px 16px;transition:background .1s}.compare-verse-block:hover{background:var(--select)}.compare-verse-block.compare-selected{background:var(--mark)}.compare-verse-block.compare-selected:hover{filter:brightness(.96)}.compare-verse-header{align-items:flex-start;gap:10px;display:flex}.compare-verse-num{min-width:28px;color:var(--accent2);text-align:right;flex-shrink:0;padding-top:3px;font-size:12px;font-weight:700}.compare-verse-texts{flex-direction:column;flex:1;gap:6px;display:flex}.compare-verse-row{align-items:baseline;gap:8px;display:flex}.compare-verse-label{color:var(--muted);text-transform:uppercase;flex-shrink:0;min-width:28px;font-size:10px;font-weight:700}.compare-verse-text{font-size:var(--font-size-verse,15px);line-height:1.65}.compare-verse-text.niv{color:var(--text);opacity:.9;font-style:italic}.compare-verse-actions{flex-shrink:0;gap:4px;padding-top:2px;display:flex}.compare-copy-btn{cursor:pointer;border:1px solid var(--border);color:var(--muted);white-space:nowrap;background:0 0;border-radius:4px;padding:2px 7px;font-size:11px;transition:background .15s,color .15s}.compare-copy-btn:hover{background:var(--border);color:var(--text)}.compare-copy-btn.copied{color:#4caf50;border-color:#4caf50}.modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:12px;flex-direction:column;width:100%;max-width:520px;max-height:90vh;display:flex;box-shadow:0 8px 32px #0000004d}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.modal-header h3{color:var(--primary);font-size:16px}.modal-close{cursor:pointer;color:var(--muted);background:0 0;border:none;padding:0 4px;font-size:18px}.modal-options{border-bottom:1px solid var(--border);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.modal-options label{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.modal-option-group{flex-wrap:wrap;align-items:center;gap:12px;font-size:14px;display:flex}.modal-option-group span{color:var(--muted)}.modal-preview{flex:1;padding:12px 16px;overflow-y:auto}.preview-label{color:var(--muted);margin-bottom:6px;font-size:12px}.preview-text{white-space:pre-wrap;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:10px 12px;font-family:Malgun Gothic,sans-serif;font-size:14px;line-height:1.7}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;padding:12px 16px;display:flex}.copy-confirm-btn{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:8px 20px;font-size:14px}.copy-confirm-btn:hover{background:var(--primary)}.copy-confirm-btn.copied{background:#4caf50}.side-panel-overlay{z-index:90;background:#0006;justify-content:flex-end;display:flex;position:fixed;inset:0}.side-panel{background:var(--surface);flex-direction:column;width:300px;max-width:90vw;height:100%;animation:.2s slideIn;display:flex;box-shadow:-4px 0 20px #0003}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.side-panel-header{border-bottom:1px solid var(--border);background:var(--primary);color:#fff;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.side-panel-header h2{font-size:15px}.side-panel-header .modal-close{color:#fffc}.side-panel-body{flex:1;padding:8px 0;overflow-y:auto}.side-item{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:8px;padding:10px 14px;transition:background .1s;display:flex}.side-item:hover{background:var(--select)}.side-item-ref{flex-direction:column;flex:1;gap:2px;display:flex}.side-item-ref strong{color:var(--accent);font-size:13px}.side-item-ref span{color:var(--muted);font-size:12px}.side-item-time{color:var(--muted);margin-left:auto;font-size:12px}.remove-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:14px}.remove-btn:hover{color:#c0392b;background:#c0392b1a}.settings-list{flex-direction:column;gap:20px;padding:12px 16px;display:flex}.setting-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.setting-row label{font-size:14px}.setting-row input[type=range]{accent-color:var(--accent);flex:1}.toggle-switch{background:var(--border);cursor:pointer;border:none;border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:background .2s;position:relative}.toggle-switch.on{background:var(--accent)}.toggle-switch span{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;display:block;position:absolute;top:3px;left:3px}.toggle-switch.on span{transform:translate(20px)}.ad-banner{background:var(--select);border-top:1px solid var(--border);color:var(--text);flex-shrink:0;align-items:center;gap:8px;margin:0;padding:12px 16px;font-size:13px;text-decoration:none;transition:background .15s;display:flex}.ad-banner:hover{background:var(--border)}.ad-label{color:#fff;background:var(--muted);letter-spacing:.5px;border-radius:3px;flex-shrink:0;padding:1px 4px;font-size:10px;font-weight:700}.notes-search-wrap{border-bottom:1px solid var(--border);padding:10px 14px}.notes-search-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);width:100%;color:var(--text);padding:7px 10px;font-size:13px}.notes-search-input:focus{border-color:var(--accent2);outline:none}.note-item .side-item-ref{flex-direction:column;gap:4px}.note-preview{color:var(--text);white-space:pre-wrap;word-break:break-all;font-size:12px;line-height:1.5}.color-swatches{gap:8px;display:flex}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px;transition:transform .15s,border-color .15s}.color-swatch:hover{transform:scale(1.15)}.color-swatch.active{border-color:var(--accent);transform:scale(1.15)}.color-swatch.disabled{opacity:.3;cursor:not-allowed}.color-swatch.disabled:hover{transform:none}.toast{color:#fff;z-index:300;white-space:nowrap;pointer-events:none;background:#333;border-radius:20px;padding:10px 20px;font-size:14px;animation:.2s toastIn,.3s 1.7s forwards toastOut;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toastOut{0%{opacity:1}to{opacity:0}}.pwa-overlay{z-index:200;background:#00000073;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.pwa-popup{background:var(--surface);border-radius:16px;align-items:flex-start;gap:16px;width:100%;max-width:420px;padding:20px;animation:.25s slideUp;display:flex;box-shadow:0 8px 32px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.pwa-icon{object-fit:cover;border-radius:12px;flex-shrink:0;width:56px;height:56px}.pwa-body{flex-direction:column;flex:1;gap:6px;display:flex}.pwa-body strong{color:var(--primary);font-size:15px}.pwa-body p{color:var(--muted);font-size:13px;line-height:1.5}.pwa-ios-tip{background:var(--bg);border-radius:8px;padding:8px 10px;color:var(--text)!important;font-size:13px!important}.pwa-actions{gap:8px;margin-top:4px;display:flex}.pwa-btn-install{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:7px 18px;font-size:13px}.pwa-btn-install:hover{background:var(--primary)}.pwa-btn-cancel{color:var(--muted);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:0 0;margin-top:4px;padding:7px 14px;font-size:13px}.pwa-btn-cancel:hover{background:var(--bg)}.pwa-btn-dismiss-forever{cursor:pointer;color:var(--muted);text-underline-offset:2px;text-align:left;background:0 0;border:none;margin-top:2px;padding:2px 0;font-size:12px;text-decoration:underline}.pwa-btn-dismiss-forever:hover{color:var(--text)}@media (width<=600px){.app{max-width:100%}.search-options-row select{width:100%;font-size:16px}.search-range-row select{font-size:16px}.result-count{background:var(--surface);z-index:1;position:sticky;top:0}.quick-nav input,.notes-search-input,.note-editor textarea{font-size:16px}.quick-nav{max-width:none}}@media (hover:none){.verse-actions{opacity:.55;pointer-events:auto}.info-tip:active:after,.info-tip:focus:after{opacity:1}}@keyframes hlFade{0%{background:var(--hl-color,#ffe08a)}70%{background:var(--hl-color,#ffe08a)}to{background:0 0}}.verse-block.highlighted{animation:hlFade var(--hl-dur,2s) ease forwards;border-radius:6px}@font-face{font-family:KoPubWorld Dotum;src:url(/fonts/kopub-dotum-bold.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}.project-btn{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;padding:5px 12px;font-size:13px;transition:background .15s}.project-btn:hover{background:var(--accent)}.project-view{z-index:400;color:#13232f;-webkit-user-select:none;user-select:none;background:#e8f3fb url(/bg-sky.jpg) 50%/cover no-repeat;flex-direction:column;font-family:Nanum Myeongjo,Batang,바탕,Malgun Gothic,serif;display:flex;position:fixed;inset:0;overflow:hidden}.project-view:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#fff0 0%,#ffffff14 35%,#ffffff42 72%,#ffffff80 100%);position:absolute;inset:0}.project-view.hide-ui{cursor:none}.project-stage{z-index:1;flex:1;justify-content:center;align-items:center;min-height:0;padding:8vh 9vw 2vh;display:flex;position:relative}.project-fit{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.project-text{text-align:left;width:100%}.project-verse{letter-spacing:-.01em;word-break:keep-all;text-wrap:pretty;text-shadow:0 1px #ffffffb3,0 0 22px #ffffffe6;line-height:1.5}.project-verse.other{opacity:.8;margin-top:.7em;font-size:.62em;font-style:italic}.project-ref{z-index:1;text-align:left;letter-spacing:0;color:#17558a;text-shadow:0 1px #ffffffbf,0 0 14px #fffffff2;flex-shrink:0;padding:0 9vw 9vh;font-family:KoPubWorld Dotum,Malgun Gothic,맑은 고딕,Apple SD Gothic Neo,sans-serif;font-size:clamp(15px,3.1vh,34px);font-weight:400;position:relative}.project-ref-other{opacity:.72;font-weight:400}.project-nav{z-index:2;cursor:pointer;color:currentColor;opacity:.18;background:0 0;border:none;width:12vw;min-width:52px;max-width:90px;height:42vh;font-size:clamp(34px,6vh,64px);line-height:1;transition:opacity .2s;position:absolute;top:50%;transform:translateY(-50%)}.project-nav:hover{opacity:.6}.project-nav.prev{left:0}.project-nav.next{right:0}.project-controls{z-index:3;gap:6px;transition:opacity .3s;display:flex;position:absolute;top:16px;right:16px}.project-controls button{cursor:pointer;color:#1d2b36;background:#ffffff8c;border:1px solid #00000029;border-radius:8px;min-width:42px;height:38px;padding:0 10px;font-family:Malgun Gothic,sans-serif;font-size:14px}.project-controls button:hover:not(:disabled){background:#ffffffd9}.project-controls button:disabled{opacity:.35;cursor:default}.project-controls button.on{background:#17558a33;border-color:#17558a73}.project-close{font-size:16px!important}.project-font-wrap{position:relative}.project-font-btn{min-width:56px}.project-font-menu{color:#1d2b36;background:#fffffffa;border:1px solid #00000024;border-radius:10px;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 28px #00000040}.project-font-menu button{width:100%;height:auto;min-height:36px;color:inherit;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:baseline;gap:10px;padding:6px 12px;font-size:15px;display:flex}.project-font-menu button:hover{background:#00000014}.project-font-menu button.sel{background:#17558a29}.project-font-name{opacity:.75;min-width:58px;font-family:Malgun Gothic,sans-serif;font-size:13px}.project-font-sample{font-size:17px}.project-view.hide-ui .project-controls{opacity:0;pointer-events:none}.project-view.hide-ui .project-nav{opacity:0}@media (width<=600px){.project-stage{padding:7vh 12vw 2vh}.project-ref{padding:0 12vw 8vh}.project-nav{min-width:44px;height:60vh}}