@font-face{font-family:Hakgyoansim;src:url(/assets/Hakgyoansim-zbr8cR2F.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--purple-pink-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--red-peach-gradient: linear-gradient(135deg, #f43f5e 0%, #fb923c 100%);--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .18);--shadow-soft: 0 8px 32px 0 rgba(31, 38, 135, .37)}*{box-sizing:border-box;font-family:Hakgyoansim,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0;padding:0;overflow:hidden;background:#0c0c0c}.seo-content{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#ladder-scroll-container{position:fixed;inset:0;overflow:auto;z-index:1}#ladder-scroll-container::-webkit-scrollbar{width:6px;height:6px}#ladder-scroll-container::-webkit-scrollbar-track{background:transparent}#ladder-scroll-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}#ladder-scroll-container{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}#loading-overlay{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:#000;transition:opacity .4s ease}#loading-overlay.fade-out{opacity:0;pointer-events:none}#loading-overlay .spinner{width:28px;height:28px;border:2px solid rgba(255,255,255,.15);border-top-color:#fff9;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#ladder-canvas{display:block}#ladder-ui{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;pointer-events:none}.ladder-panel{pointer-events:auto;background:#161616f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:32px;max-width:520px;width:90%;max-height:85vh;overflow-y:auto;box-shadow:0 8px 40px #00000080;animation:panel-appear .35s cubic-bezier(.4,0,.2,1)}.ladder-panel::-webkit-scrollbar{width:4px}.ladder-panel::-webkit-scrollbar-track{background:transparent}.ladder-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.ladder-panel{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}@keyframes panel-appear{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes panel-slide-up{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.ladder-title{color:#fff;font-size:20pt;font-weight:700;margin:0 0 8px;text-align:center}.ladder-desc{color:#fff9;font-size:11pt;margin:0 0 24px;text-align:center}.ladder-hint{color:#ffffff80;font-size:11pt;margin:0;flex:1}.ladder-play-bar{pointer-events:auto;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#1616160d;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);border:1px solid rgba(255,255,255,.03);border-radius:16px;padding:12px 20px;display:flex;flex-direction:row;align-items:center;gap:16px;max-width:520px;width:auto;white-space:nowrap;box-shadow:none;animation:panel-slide-up .35s cubic-bezier(.4,0,.2,1);opacity:.15;transition:opacity .3s,background .3s,border-color .3s,box-shadow .3s,backdrop-filter .3s}.ladder-play-bar:hover{opacity:1;background:#161616f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-color:#ffffff1a;box-shadow:0 8px 40px #00000080}.ladder-play-hint{color:#ffffff80;font-size:11pt;white-space:nowrap}.ladder-play-buttons{display:flex;flex-direction:row;gap:8px;flex-shrink:0}.ladder-btn-inline{display:inline-block;width:auto;padding:8px 16px;font-size:11pt;margin-top:0;white-space:nowrap}.ladder-stepper{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:24px}.ladder-stepper-btn{width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:#fff;font-size:18pt;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.ladder-stepper-btn:hover{background:#ffffff26}.ladder-stepper-btn:active{transform:scale(.95)}.ladder-stepper-value{color:#fff;font-size:28pt;font-weight:700;min-width:60px;text-align:center}.ladder-btn{display:block;width:100%;padding:14px 20px;border:none;border-radius:14px;font-size:12pt;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff;margin-top:8px}.ladder-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000004d}.ladder-btn:active{transform:translateY(0)}.ladder-btn-primary{background:var(--red-peach-gradient)}.ladder-btn-primary:hover{box-shadow:0 4px 20px #f43f5e66}.ladder-btn-secondary{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ladder-btn-secondary:hover{background:#ffffff2e}.ladder-btn-small{padding:6px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:#ffffffb3;font-size:10pt;font-weight:600;cursor:pointer;transition:all .2s}.ladder-btn-small:hover{background:#ffffff26;color:#fff}.ladder-btn-group{display:flex;gap:8px;margin-top:16px}.ladder-btn-group .ladder-btn{flex:1;margin-top:0}.ladder-input-panel{max-width:600px}.ladder-section{margin-bottom:20px}.ladder-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ladder-section-label{color:#fffc;font-size:11pt;font-weight:600}.ladder-section-label-wrap{display:flex;align-items:center;gap:4px}.ladder-icon-btn{background:none;border:none;padding:4px;cursor:pointer;color:#fff6;display:flex;align-items:center;justify-content:center;transition:color .2s}.ladder-icon-btn:hover{color:#fffc}.ladder-paste-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#0009;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.ladder-paste-modal{background:#161616f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:24px;max-width:420px;width:90%;animation:panel-appear .25s cubic-bezier(.4,0,.2,1)}.ladder-paste-title{color:#fff;font-size:14pt;font-weight:700;margin:0 0 4px}.ladder-paste-hint{color:#ffffff73;font-size:10pt;margin:0 0 12px;line-height:1.4}.ladder-paste-textarea{width:100%;background:#ffffff0f;border:1.5px solid rgba(255,255,255,.12);border-radius:10px;color:#fff;font-size:11pt;font-family:inherit;padding:10px 12px;resize:vertical;outline:none;transition:border-color .2s}.ladder-paste-textarea::placeholder{color:#fff3}.ladder-paste-textarea:focus{border-color:#ffffff4d}.ladder-paste-textarea.shake{animation:shake .4s ease;border-color:#f43f5eb3}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.ladder-paste-error{color:#f43f5e;font-size:10pt;font-weight:600;margin:8px 0 0;min-height:1.2em}.ladder-items{display:flex;flex-direction:column;gap:6px}.ladder-input-row{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);transition:all .2s}.ladder-input-row:hover{background:#ffffff14}.sortable-ghost{opacity:.7}.sortable-chosen{background:#ffffff1f!important;border-color:#ffffff40!important;box-shadow:0 8px 24px #0006;transform:scale(1.02) translateY(-2px);z-index:10}.sortable-drag{opacity:1!important;background:#1e1e37f2!important;border-color:#ffffff4d!important;box-shadow:0 12px 32px #00000080,0 0 0 1px #ffffff1a;transform:scale(1.03);border-radius:10px}.ladder-input-handle{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#ffffff40;font-size:16px;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;border-radius:6px;transition:all .2s}.ladder-input-handle:hover{color:#ffffff80;background:#ffffff14}.ladder-input-handle:active{cursor:grabbing}.ladder-input-avatar{width:36px;height:36px;border-radius:50%;background:#ffffff1a;background-size:cover;background-position:center;flex-shrink:0;border:1.5px solid rgba(255,255,255,.15);transition:border-color .2s;cursor:grab;touch-action:none}.ladder-input-avatar.has-image{border-color:#a855f780}.ladder-input-field{flex:1;background:transparent;border:none;color:#fff;font-size:12pt;font-weight:500;padding:8px 4px;outline:none}.ladder-input-field::placeholder{color:#ffffff40}.ladder-results-list{margin:16px 0;max-height:50vh;overflow-y:auto}.ladder-results-list::-webkit-scrollbar{width:4px}.ladder-results-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.ladder-result-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:#ffffff0d;margin-bottom:6px;transition:background .2s}.ladder-result-row:hover{background:#ffffff1a}.ladder-result-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.ladder-result-name{color:#fff;font-size:12pt;font-weight:500;flex:1}.ladder-result-name:last-child{text-align:right}.ladder-result-arrow{color:#fff6;font-size:14pt;flex-shrink:0}@media screen and (max-width:768px){.ladder-panel{width:95%;padding:24px 20px;border-radius:20px}.ladder-title{font-size:16pt}.ladder-stepper-value{font-size:24pt}.ladder-input-panel{max-width:100%}.ladder-play-bar{bottom:1rem;flex-direction:column;gap:8px;width:90%;max-width:90%;white-space:normal;text-align:center}.ladder-play-hint{white-space:normal}}