.hc{--hc-panel:#241a12;--hc-panel-2:#2e2218;--hc-panel-3:#3a2c1f;--hc-frame:#4a3a28;--hc-gold:#c9a45c;--hc-gold-dim:#7a6340;--hc-text:#efe6d4;--hc-muted:#a8977c;--hc-night:#0d0a07;--hc-img:#1a130d;--hc-safe-t:env(safe-area-inset-top,0px);--hc-safe-r:env(safe-area-inset-right,0px);--hc-safe-b:env(safe-area-inset-bottom,0px);--hc-safe-l:env(safe-area-inset-left,0px);--hc-safe-x:max(var(--hc-safe-l), var(--hc-safe-r));--hc-safe-y:max(var(--hc-safe-t), var(--hc-safe-b));--hc-edge:12px;z-index:10;pointer-events:none;color:var(--hc-text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;word-break:keep-all;overflow-wrap:anywhere;font-family:Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-size:14px;font-weight:400;line-height:1.5;position:fixed;inset:0}.hc *,.hc :before,.hc :after{box-sizing:border-box}.hc [hidden]{display:none!important}.hc h1,.hc h2,.hc h3,.hc p{margin:0;font-weight:400}.hc button{font:inherit;color:inherit;pointer-events:auto;cursor:pointer;appearance:none;touch-action:manipulation;margin:0}.hc button:disabled{cursor:default}.hc button:focus{outline:none}.hc button:focus-visible{outline:2px solid var(--hc-gold);outline-offset:3px}.hc.popup-open .hc-hud,.hc.popup-open .hc-line,.hc.popup-open .hc-breath{visibility:hidden}.hc-round{border:1px solid var(--hc-gold);background:var(--hc-panel);width:44px;height:44px;color:var(--hc-gold);border-radius:50%;place-items:center;padding:0;transition:background-color .2s,transform .15s,width .3s,height .3s;display:grid;position:relative}.hc-round>svg:not(.hc-ring){width:22px;height:22px}@media (hover:hover){.hc-round:hover{background:var(--hc-panel-3)}}.hc-round:active{transform:scale(.95)}.hc-badge{border:2px solid var(--hc-panel);background:var(--hc-gold);border-radius:50%;width:12px;height:12px;position:absolute;top:0;right:0}.hc-chip{max-width:calc(100vw - 32px - 2 * var(--hc-safe-x));border:1px solid var(--hc-gold-dim);background:var(--hc-panel);color:var(--hc-text);text-align:center;opacity:0;border-radius:999px;padding:7px 14px;font-size:13px;line-height:1.4;transition:opacity .4s}.hc-chip.on{opacity:1}.hc-line{top:24%;left:calc(24px + var(--hc-safe-x));right:calc(24px + var(--hc-safe-x));letter-spacing:.02em;text-align:center;color:var(--hc-text);opacity:0;font-size:18px;line-height:1.6;transition:opacity .9s;position:absolute;transform:translateY(-50%)}.hc-line.on{opacity:1}.hc-breath{opacity:0;place-items:center;width:168px;height:168px;margin:-84px 0 0 -84px;transition:opacity .6s;display:grid;position:absolute;top:50%;left:50%}.hc-breath.on{opacity:1}.hc-breath-ring{border:1.5px solid var(--hc-gold);border-radius:50%;transition:transform 4s ease-in-out;position:absolute;inset:0;transform:scale(.5)}.hc-breath-ring[data-phase=in]{transform:scale(1)}.hc-breath-label{letter-spacing:.04em;font-size:15px;position:relative}.hc-hud{position:absolute;inset:0}.hc-top{padding:calc(var(--hc-edge) + var(--hc-safe-t)) calc(var(--hc-edge) + var(--hc-safe-r)) 0 calc(var(--hc-edge) + var(--hc-safe-l));justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:0;left:0;right:0}.hc-top-group{gap:8px;display:flex}.hc-top-center{top:calc(var(--hc-edge) + var(--hc-safe-t));justify-content:center;align-items:center;height:44px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hc-presence{border:1px solid var(--hc-frame);background:var(--hc-panel);color:var(--hc-muted);font-variant-numeric:tabular-nums;border-radius:14px;padding:3px 12px;font-size:13px;line-height:20px}.hc-toast{top:calc(var(--hc-edge) + var(--hc-safe-t) + 44px + 8px);width:max-content;transition-duration:.3s;position:absolute;left:50%;transform:translate(-50%)}.hc-bottom{padding:0 16px calc(16px + var(--hc-safe-b));flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.hc-hint{width:max-content}.hc-actions{justify-content:center;gap:12px;display:flex}.hc-act{flex-direction:column;align-items:center;gap:6px;width:52px;transition:width .3s;display:flex}.hc-act-btn{width:52px;height:52px}.hc-act-btn>svg:not(.hc-ring){width:26px;height:26px}.hc-act-label{white-space:nowrap;color:var(--hc-text);font-size:12px;line-height:1.2}.hc-actions.collapsed .hc-act{width:44px}.hc-actions.collapsed .hc-act-btn{width:44px;height:44px}.hc-actions.collapsed .hc-act-btn>svg:not(.hc-ring){width:22px;height:22px}.hc-actions.collapsed .hc-act-label{display:none}.hc-ring{pointer-events:none;width:calc(100% + 12px);height:calc(100% + 12px);position:absolute;inset:-6px;overflow:visible;transform:rotate(-90deg)}.hc-ring circle{fill:none;stroke-width:2px}.hc-ring-track{stroke:var(--hc-panel-3)}.hc-ring-prog{stroke:var(--hc-gold);stroke-dasharray:1 1;stroke-dashoffset:1px;transition:stroke-dashoffset .6s linear}.hc-entry{z-index:10;padding:calc(24px + var(--hc-safe-y)) calc(24px + var(--hc-safe-x));background:var(--hc-night);text-align:center;pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;transition:opacity .8s;display:flex;position:absolute;inset:0}.hc-entry.out{opacity:0;pointer-events:none}.hc-entry-title{letter-spacing:.24em;text-indent:.24em;color:var(--hc-text);font-size:44px;font-weight:500;line-height:1.2}.hc-entry-rule{background:var(--hc-gold);width:28px;height:1px;margin:18px 0;display:block}.hc-entry-sub{letter-spacing:.04em;text-indent:.04em;color:var(--hc-muted);font-size:15px}.hc-entry-presence{color:var(--hc-gold);letter-spacing:.02em;margin-top:10px;font-size:13px}.hc-entry-ex{letter-spacing:.04em;text-indent:.04em;color:var(--hc-text);margin-top:18px;font-size:16px}.hc-entry.choosing{justify-content:flex-start;overflow-y:auto}.hc-entry.choosing>:first-child{margin-top:auto}.hc-entry.choosing>:last-child{margin-bottom:auto}.hc-chooser{justify-items:center;gap:12px;width:min(520px,100%);margin-top:36px;display:grid}.hc-chooser-prompt{color:var(--hc-muted);font-size:14px}.hc-cards{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;display:flex}.hc .hc-card{border:1px solid var(--hc-frame);background:var(--hc-panel);max-width:calc(50% - 5px);min-height:92px;color:var(--hc-text);text-align:center;border-radius:10px;flex:220px;align-content:center;justify-items:center;gap:4px;padding:14px 16px;transition:background-color .2s,border-color .2s;display:grid}.hc .hc-card[aria-current=true]{border-color:var(--hc-gold)}@media (hover:hover){.hc .hc-card:hover{background:var(--hc-panel-3)}}.hc-card-title{letter-spacing:.04em;font-size:16px}.hc-card-line{color:var(--hc-muted);font-size:12.5px;line-height:1.5}.hc-card-presence{color:var(--hc-gold);font-size:12px}.hc .hc-entry-link{height:44px;color:var(--hc-muted);text-decoration:underline;-webkit-text-decoration-color:var(--hc-gold-dim);text-decoration-color:var(--hc-gold-dim);text-underline-offset:4px;background:0 0;border:0;padding:0 14px;font-size:13px}@media (hover:hover){.hc .hc-entry-link:hover{color:var(--hc-text)}}.hc-class{justify-items:center;gap:10px;width:min(300px,100%);display:grid}.hc-class-row{gap:8px;width:100%;display:flex}.hc-class-input{border:1px solid var(--hc-frame);background:var(--hc-panel);min-width:0;height:44px;color:var(--hc-text);font:inherit;letter-spacing:.18em;text-align:center;-webkit-user-select:text;user-select:text;border-radius:22px;flex:auto;padding:0 14px;font-size:16px}.hc-class-input::placeholder{color:var(--hc-muted);letter-spacing:.02em}.hc-class-input:focus{border-color:var(--hc-gold);outline:none}.hc .hc-class-join{flex:0 0 72px;height:44px}.hc .hc-class-make,.hc .hc-class-copy,.hc .hc-class-retry{flex:none;width:100%;height:44px;font-size:14px}.hc .hc-btn:disabled{opacity:1;color:var(--hc-muted);border-color:var(--hc-gold-dim);background:var(--hc-panel-2)}.hc-class-error{color:#e3a27a;margin-top:-2px;font-size:13px}.hc-class-note{color:var(--hc-muted);font-size:13px}.hc-class-code{border:1px solid var(--hc-gold);background:var(--hc-panel);border-radius:8px;align-items:baseline;gap:10px;padding:8px 16px;display:flex}.hc-class-label{color:var(--hc-muted);font-size:12px}.hc-class-value{letter-spacing:.2em;color:var(--hc-gold);font-variant-numeric:tabular-nums;font-size:20px}.hc-class-link{color:var(--hc-muted);-webkit-user-select:text;user-select:text;font-size:12px}.hc-entry-cta{flex-direction:column;align-items:center;gap:14px;margin-top:44px;display:flex}.hc-seal{border:1px solid var(--hc-gold);outline:1px solid var(--hc-gold-dim);outline-offset:2px;background:var(--hc-panel);color:var(--hc-gold);letter-spacing:.04em;border-radius:3px;padding:3px 10px;font-size:12px;line-height:1.5}.hc-entry-slot{place-items:center;width:216px;height:52px;display:grid}.hc-entry-loader{justify-items:center;gap:10px;width:100%;display:grid}.hc-entry-bar{background:var(--hc-panel-3);width:100%;height:2px;overflow:hidden}.hc-entry-fill{background:var(--hc-gold);width:0;height:100%;transition:width .3s}.hc-entry-pct{color:var(--hc-muted);font-variant-numeric:tabular-nums;font-size:12px;line-height:1}.hc-entry-btn{border:1px solid var(--hc-gold);outline:1px solid var(--hc-frame);outline-offset:3px;background:var(--hc-panel);width:100%;height:52px;color:var(--hc-text);letter-spacing:.06em;text-indent:.06em;border-radius:26px;padding:0;font-size:16px;transition:background-color .2s}@media (hover:hover){.hc-entry-btn:hover:enabled{background:var(--hc-panel-3)}}.hc-entry-btn:disabled{color:var(--hc-muted);border-color:var(--hc-gold-dim)}.hc-entry-sound{color:var(--hc-muted);justify-content:center;align-items:center;gap:6px;font-size:13px;display:flex}.hc-entry-sound svg{flex:none;width:16px;height:16px}.hc-layer{z-index:20;padding:calc(16px + var(--hc-safe-y)) calc(16px + var(--hc-safe-x));pointer-events:auto;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hc-panel{border:1px solid var(--hc-gold);background:var(--hc-panel);-webkit-user-select:text;user-select:text;border-radius:12px;outline:none;flex-direction:column;width:100%;max-height:100%;display:flex;position:relative}.hc-panel:before{content:"";border:1px solid var(--hc-frame);pointer-events:none;border-radius:9px;position:absolute;inset:4px}.hc-panel.w-notebook{max-width:760px}.hc-panel.w-info{max-width:480px}.hc-panel.w-exit{max-width:340px}.hc-panel-head{flex:none;grid-template-columns:44px 1fr 44px;align-items:center;gap:4px;padding:10px 10px 2px;display:grid}.hc-panel-title{letter-spacing:.04em;text-align:center;font-size:18px;font-weight:500;line-height:1.4}.hc-close{width:44px;height:44px;color:var(--hc-gold);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.hc-close svg{width:18px;height:18px}@media (hover:hover){.hc-close:hover{background:var(--hc-panel-3)}}.hc-panel-body{overscroll-behavior:contain;touch-action:pan-y;flex:auto;min-height:0;margin:0 6px 6px;padding:10px 14px 14px;overflow-y:auto}.hc-credits{color:var(--hc-muted);text-align:center;margin-top:18px;font-size:11px;line-height:1.6}.hc-nb-stats{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 20px;margin-bottom:16px;display:flex}.hc-nb-time{font-variant-numeric:tabular-nums;font-size:15px}.hc-stamps{gap:10px;display:flex}.hc-stamp{border:1.5px dashed var(--hc-gold-dim);width:44px;height:44px;color:var(--hc-muted);border-radius:50%;place-items:center;font-size:12px;line-height:1;display:grid}.hc-stamp.on{border:1.5px solid var(--hc-gold);background:var(--hc-gold);color:var(--hc-panel);transform:rotate(-8deg)}.hc-nb-grid{--nb-cols:4;--nb-gap:12px;justify-content:center;gap:var(--nb-gap);flex-wrap:wrap;display:flex}.hc-nb-item{flex:0 0 calc((100% - (var(--nb-cols) - 1) * var(--nb-gap)) / var(--nb-cols));border:1px solid var(--hc-frame);background:var(--hc-panel-2);text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:8px 8px 10px;display:flex}.hc-nb-frame{aspect-ratio:1;background:var(--hc-img);border-radius:5px;width:100%;margin-bottom:4px;overflow:hidden}.hc-nb-img{object-fit:cover;-webkit-user-drag:none;width:100%;height:100%;display:block}.hc-nb-item.unfound .hc-nb-img{filter:brightness(0) drop-shadow(1px 0 0 var(--hc-gold)) drop-shadow(-1px 0 0 var(--hc-gold)) drop-shadow(0 1px 0 var(--hc-gold)) drop-shadow(0 -1px 0 var(--hc-gold))}.hc-nb-title{color:var(--hc-text);font-size:13px;line-height:1.35}.hc-nb-line{color:var(--hc-muted);font-size:12px;line-height:1.45}.hc-sec-title{letter-spacing:.08em;text-indent:.08em;text-align:center;color:var(--hc-gold);margin-bottom:8px;font-size:12px}.hc-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.hc-ctrl-block{border:1px solid var(--hc-frame);background:var(--hc-panel-2);border-radius:8px;padding:10px 12px}.hc-ctrl-head{text-align:center;color:var(--hc-muted);margin-bottom:6px;font-size:12px}.hc-ctrl-row{justify-content:space-between;gap:8px;padding:3px 0;font-size:13px;display:flex}.hc-key{color:var(--hc-gold);white-space:nowrap}.hc-ctrl-act{white-space:nowrap}.hc-settings{gap:8px;margin-top:14px;display:grid}.hc-setting{border:1px solid var(--hc-frame);background:var(--hc-panel-2);border-radius:999px;justify-content:space-between;align-items:center;gap:12px;padding:4px 4px 4px 12px;display:flex}.hc-seg{border:1px solid var(--hc-gold-dim);border-radius:999px;padding:0;display:flex;overflow:hidden}.hc-seg button{min-width:64px;height:44px;color:var(--hc-muted);background:0 0;border:0;padding:0 14px;font-size:13px}.hc-seg button[aria-pressed=true]{background:var(--hc-gold);color:var(--hc-panel)}.hc-exit-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.hc-exit-stat{border:1px solid var(--hc-frame);background:var(--hc-panel-2);border-radius:8px;justify-items:center;gap:2px;padding:10px 8px;display:grid}.hc-exit-label{color:var(--hc-muted);font-size:12px}.hc-exit-value{font-variant-numeric:tabular-nums;font-size:16px}.hc .hc-exit-zep{width:100%;margin-top:10px}.hc-exit-note{color:var(--hc-muted);text-align:center;margin-top:12px;font-size:13px}.hc-btn-row{gap:10px;display:flex}.hc-btn{border:1px solid var(--hc-gold);background:var(--hc-panel-2);height:48px;color:var(--hc-text);border-radius:24px;flex:1 1 0;padding:0 12px;font-size:15px;transition:background-color .2s}.hc-btn.primary{background:var(--hc-gold);color:var(--hc-panel)}@media (hover:hover){.hc-btn:hover{background:var(--hc-panel-3)}.hc-btn.primary:hover{background:#d6b46e}}@media (width<=640px){.hc-layer{padding:calc(12px + var(--hc-safe-y)) calc(12px + var(--hc-safe-x))}}@media (width<=560px){.hc .hc-card{max-width:none}.hc-nb-grid{--nb-cols:2;--nb-gap:10px}.hc-line{font-size:16px}}@media (width<=480px){.hc-controls{grid-template-columns:1fr}.hc-entry-title{font-size:38px}.hc-breath{width:148px;height:148px;margin:-74px 0 0 -74px}}@media (height<=640px){.hc-ctrl-row{padding:1px 0}.hc-settings{margin-top:10px}.hc-credits{margin-top:12px}}