:root{color-scheme:dark;--bg:#0c0e12;--surface:#17130f;--surface-raised:#211b16;--border:#68563d;--border-strong:#846a43;--muted:#b9aa8d;--text-soft:#d9caaa;--text:#f4ead5;--text-bright:#fff7e7;--gold:#c79b4d;--gold-bright:#e8bd70;--moss:#809b5a;--danger:#d45f53;--danger-soft:#ffaaa1;--blue:#88b9cc;--shadow:rgb(0 0 0/.58);--focus:#f2ca7f;--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.5rem;--s6:2rem;--s7:3rem;--s8:4rem;--r1:.25rem;--r2:.5rem;--page:76rem;--reading:48rem;--ease:180ms cubic-bezier(.22,1,.36,1);font-family:Georgia,"Noto Serif KR",serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#121218,var(--bg) 34rem)}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a{color:inherit}:focus-visible{outline:.1875rem solid var(--focus);outline-offset:var(--s1)}::selection{background:var(--gold);color:var(--surface)}.site-header{min-height:4.5rem;display:flex;align-items:center;justify-content:space-between;gap:var(--s5);padding:var(--s3) max(var(--s5),calc((100vw - var(--page))/2));border-bottom:1px solid var(--border);background:rgb(12 14 18/.92);position:-webkit-sticky;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem)}.brand-link{display:inline-flex;align-items:center;gap:var(--s3);border:0;padding:0;font-weight:700;text-decoration:none;letter-spacing:.04em}.brand-mark{width:2.25rem;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold-bright);font:700 .75rem/1 Georgia,serif}.site-nav{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s1);margin:0}.site-nav a{border:0;padding:var(--s3) var(--s4);color:var(--text-soft);text-decoration:none;transition:color var(--ease),background var(--ease)}.site-nav a:hover{color:var(--text-bright);background:var(--surface-raised)}main{min-height:calc(100vh - 4.5rem)}.page-shell{width:min(var(--page),100%);margin-inline:auto;padding:var(--s7) var(--s5) var(--s8)}.page-intro{max-width:var(--reading);margin-bottom:var(--s7)}.detail-title h1,.page-intro h1,.profile-copy h1{margin:var(--s2) 0 var(--s4);font-size:clamp(2.5rem,7vw,5.5rem);line-height:.98;letter-spacing:-.04em;text-wrap:balance}.detail-description,.page-intro>p:last-child{color:var(--text-soft);font-size:1.125rem;line-height:1.7}.eyebrow{margin:0;color:var(--gold-bright);letter-spacing:.16em;font:700 .75rem/1.4 ui-monospace,monospace;text-transform:uppercase}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.filter-bar{display:grid;grid-template-columns:minmax(14rem,2fr) repeat(3,minmax(9rem,1fr));grid-gap:var(--s4);gap:var(--s4);align-items:end;margin-bottom:var(--s7);padding:var(--s5);border-block:1px solid var(--border);background:var(--surface)}.comment-form,.filter-bar label,.moderation-form label,.report-panel label{display:grid;grid-gap:var(--s2);gap:var(--s2)}.comment-form>label,.filter-bar label>span,.moderation-form label>span,.report-panel label>span{color:var(--text-soft);font-size:.875rem;font-weight:700}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:var(--r1);background:var(--bg);color:var(--text-bright);padding:var(--s3) var(--s4)}input:hover,select:hover,textarea:hover{border-color:var(--border-strong)}textarea{resize:vertical;line-height:1.6}.button-row,.comment-form-footer,.filter-actions,.primary-actions{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}.button{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;gap:var(--s2);border:1px solid var(--border-strong);border-radius:var(--r1);padding:var(--s3) var(--s4);background:transparent;color:var(--text);font-weight:700;text-decoration:none;cursor:pointer;transition:transform var(--ease),border-color var(--ease),background var(--ease),color var(--ease)}.button:hover:not(:disabled){border-color:var(--gold-bright);transform:translateY(-.125rem)}.button:disabled{opacity:.55;cursor:wait}.button.primary{border-color:var(--gold);background:var(--gold);color:var(--surface)}.button.primary:hover:not(:disabled){background:var(--gold-bright)}.button.subtle{border-color:transparent;color:var(--muted)}.button.danger{border-color:var(--danger);color:var(--danger-soft)}.button-large{min-height:3.5rem;padding-inline:var(--s6)}.text-button{border:0;padding:var(--s1);background:transparent;color:var(--gold-bright);text-decoration:underline;text-underline-offset:var(--s1);cursor:pointer}.danger-text{color:var(--danger-soft)}.section-heading{display:flex;align-items:center;gap:var(--s4);margin-bottom:var(--s5)}.section-heading h2{margin:0;font-size:1.35rem}.section-heading>div h2{margin-block:var(--s2)}.section-heading>div p:last-child{margin:0}.section-rule{height:1px;flex:1 1;background:var(--border)}.level-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--s5);gap:var(--s5)}.level-card{min-width:0;display:flex;flex-direction:column;position:relative;border:1px solid var(--border);border-radius:var(--r2);background:var(--surface);box-shadow:0 var(--s3) var(--s6) var(--shadow);transition:transform var(--ease),border-color var(--ease);overflow:hidden}.level-card:hover{transform:translateY(-.25rem);border-color:var(--gold)}.level-card-topline{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}.level-card>.level-card-topline{padding:var(--s4) var(--s5);border-bottom:1px solid var(--border)}.level-card code,.level-card-topline code{color:var(--muted);font:.75rem ui-monospace,monospace;letter-spacing:.08em}.difficulty{display:inline-flex;align-items:center;border:1px solid;border-radius:99rem;padding:var(--s1) var(--s3);font:700 .75rem ui-monospace,monospace}.difficulty-easy{color:var(--moss)}.difficulty-normal{color:var(--blue)}.difficulty-expert{color:var(--gold-bright)}.difficulty-super_expert{color:var(--danger-soft)}.level-card-copy{padding:var(--s5) var(--s5) var(--s3)}.level-card h2{margin:0 0 var(--s3);font-size:1.4rem}.level-card-copy p{display:-webkit-box;margin:0;overflow:hidden;color:var(--text-soft);line-height:1.55;-webkit-line-clamp:3;-webkit-box-orient:vertical}.text-link{border:0;padding:0;color:var(--gold-bright);text-decoration:underline;text-underline-offset:var(--s1)}.stretched-link{color:var(--text-bright);text-decoration:none}.stretched-link:after{content:"";position:absolute;inset:0;z-index:1}.tag-list{display:flex;flex-wrap:wrap;gap:var(--s2);margin:0;padding:0 var(--s5) var(--s4);list-style:none}.tag-list li{color:var(--gold-bright);font-size:.8rem}.compact-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:auto 0 0;padding:var(--s4) var(--s5);border-top:1px solid var(--border)}.compact-stats div{min-width:0}.compact-stats dt,.profile-stats dt,.report-facts dt,.stat-ribbon dt{color:var(--muted);font-size:.75rem}.compact-stats dd,.profile-stats dd,.stat-ribbon dd{margin:var(--s1) 0 0;font-weight:700}.level-card footer{display:flex;gap:var(--s2);padding:0 var(--s5) var(--s5);color:var(--muted);font-size:.875rem}.profile-inline{position:relative;z-index:2;border:0;padding:0;color:var(--text)}.breadcrumb{display:flex;gap:var(--s2);margin-bottom:var(--s6);color:var(--muted);font-size:.875rem}.level-detail{border-block:1px solid var(--border)}.detail-hero{display:grid;grid-template-columns:minmax(0,1fr) 16rem;grid-gap:var(--s7);gap:var(--s7);padding:var(--s7) 0}.detail-title .level-card-topline{justify-content:flex-start}.detail-title h1{max-width:14ch}.detail-description{max-width:var(--reading);white-space:pre-wrap}.detail-title .tag-list{padding:var(--s4) 0 0}.creator-plaque{align-self:start;display:grid;grid-gap:var(--s2);gap:var(--s2);padding:var(--s5);border-left:.25rem solid var(--gold);background:var(--surface)}.plaque-label{color:var(--muted);font-size:.75rem}.creator-name{border:0;padding:0;color:var(--text-bright);font-size:1.25rem;font-weight:700}.creator-plaque time{margin-top:var(--s3);color:var(--muted);font-size:.8rem}.stat-ribbon{display:grid;grid-template-columns:1fr auto;grid-gap:var(--s5);gap:var(--s5);padding:var(--s5) 0;border-top:1px solid var(--border)}.stat-ribbon dl{display:grid;grid-template-columns:repeat(4,minmax(6rem,1fr));margin:0}.stat-ribbon dd{font-size:1.5rem}.difficulty-note{display:grid;min-width:10rem;padding-left:var(--s5);border-left:1px solid var(--border)}.difficulty-note small,.difficulty-note span{color:var(--muted)}.difficulty-note strong{font-size:1.25rem}.primary-actions{padding:var(--s6) 0}.action-with-feedback{display:grid}.like-button.active{border-color:var(--gold);color:var(--gold-bright)}.first-clear{margin:var(--s5) 0 var(--s7);padding:var(--s5);border:1px solid var(--border);background:var(--surface)}.first-clear h2{margin:var(--s2) 0}.comments-section{margin-top:var(--s8)}.comment-form{max-width:var(--reading);margin-bottom:var(--s5);padding:var(--s5);border:1px solid var(--border);background:var(--surface)}.comment-form-footer{justify-content:space-between}.comment-list,.moderation-list{margin:var(--s5) 0 0;padding:0;list-style:none}.comment-item{padding:var(--s5) 0;border-top:1px solid var(--border)}.comment-item footer,.comment-item header,.moderation-card>header{display:flex;justify-content:space-between;align-items:center;gap:var(--s3)}.comment-item time,.moderation-card time{color:var(--muted);font-size:.8rem}.comment-item>p{line-height:1.7;white-space:pre-wrap}.comment-item footer{justify-content:flex-start}.report-control{position:relative}.report-control:not(.compact){margin-left:auto}.report-panel{width:min(28rem,calc(100vw - var(--s7)));display:grid;grid-gap:var(--s4);gap:var(--s4);position:absolute;right:0;top:calc(100% + var(--s2));z-index:10;padding:var(--s5);border:1px solid var(--border-strong);border-radius:var(--r2);background:var(--surface-raised);box-shadow:0 var(--s5) var(--s8) var(--shadow)}.report-panel h3{margin:0}.report-panel p{line-height:1.5}.inline-error,.inline-success{padding:var(--s3);border-left:.1875rem solid}.inline-error{border-color:var(--danger);color:var(--danger-soft)}.inline-success{border-color:var(--moss);color:var(--text)}.empty-inline,.loading-inline{padding:var(--s6);border:1px dashed var(--border);color:var(--muted)}.empty-inline h2,.empty-inline h3{margin-top:0;color:var(--text)}.profile-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:var(--s6);gap:var(--s6);align-items:start;padding:var(--s6) 0;border-block:1px solid var(--border)}.profile-avatar{width:7rem;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--gold);background:var(--surface);color:var(--gold-bright);font-size:3rem}.profile-copy h1{margin-bottom:var(--s2);font-size:clamp(2.5rem,6vw,4.5rem)}.profile-copy>p:last-child{max-width:var(--reading);line-height:1.7;white-space:pre-wrap}.profile-handle{margin:0;color:var(--muted);font-family:ui-monospace,monospace}.profile-actions{display:grid;justify-items:end;grid-gap:var(--s3);gap:var(--s3)}.profile-stats{display:flex;gap:var(--s7);margin:0 0 var(--s7);padding:var(--s5) 0}.profile-stats dd{font-size:1.5rem}.moderation-list{display:grid;grid-gap:var(--s5);gap:var(--s5)}.moderation-card{padding:var(--s5);border:1px solid var(--border);background:var(--surface)}.moderation-card h2{margin:var(--s2) 0 0}.count-badge,.target-kind{display:inline-flex;padding:var(--s1) var(--s2);border:1px solid var(--border);color:var(--muted);font:.75rem ui-monospace,monospace}.report-facts{display:grid;grid-template-columns:1fr 1fr 2fr;grid-gap:var(--s5);gap:var(--s5);margin:var(--s5) 0;padding:var(--s4) 0;border-block:1px solid var(--border)}.report-facts dd{margin:var(--s2) 0 0;line-height:1.5}.moderation-form{display:grid;grid-template-columns:minmax(16rem,1fr) auto;grid-gap:var(--s4);gap:var(--s4);align-items:end}.moderation-form .inline-error,.moderation-form .inline-success{grid-column:1/-1}.status-notice{max-width:var(--reading);display:grid;grid-template-columns:auto 1fr;grid-gap:var(--s5);gap:var(--s5);margin:var(--s7) auto;padding:var(--s6);border:1px solid var(--border);background:var(--surface)}.status-notice h2{margin:0 0 var(--s2)}.status-notice .muted{line-height:1.6}.status-glyph{width:2.5rem;height:2.5rem;display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold-bright);font-size:1.25rem}.status-error{border-color:var(--danger)}.status-error .status-glyph{border-color:var(--danger);color:var(--danger-soft)}.status-success .status-glyph{border-color:var(--moss);color:var(--moss)}.status-action{margin-top:var(--s5)}.loading-panel{min-height:45vh;display:flex;align-items:center;justify-content:center;gap:var(--s4);color:var(--text-soft)}.loading-rune{width:1.5rem;aspect-ratio:1;border:.125rem solid var(--border);border-top-color:var(--gold-bright);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.auth-card,.hero{width:min(44rem,100%);border:1px solid var(--border);padding:clamp(var(--s6),6vw,var(--s8));background:var(--surface);box-shadow:0 var(--s5) var(--s8) var(--shadow)}.auth-shell,main:has(>.hero){display:grid;place-items:center;padding:var(--s6)}.auth-card h1,.hero h1{margin:var(--s2) 0 var(--s4);font-size:clamp(3rem,10vw,6rem);line-height:.95}.hero nav{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s6)}.hero nav a{border:1px solid var(--border-strong);padding:var(--s3) var(--s4);text-decoration:none}.auth-shell{background:radial-gradient(circle at top,#332817,var(--bg) 55%)}.auth-card{width:min(30rem,100%)}.auth-form{display:grid;grid-gap:var(--s4);gap:var(--s4);margin:var(--s5) 0}.auth-form label{display:grid;grid-gap:var(--s2);gap:var(--s2);color:var(--text-soft)}.auth-card button,.auth-form button{width:100%}.auth-card button.secondary{margin-top:var(--s3);background:transparent;color:var(--text)}.form-error{border-left:.1875rem solid var(--danger);padding-left:var(--s3);color:var(--danger-soft)}.auth-card>p:last-child{margin-top:var(--s5);color:var(--muted)}.auth-card>p a{border:0;padding:0;color:var(--gold-bright)}@media(max-width:62rem){.filter-bar,.level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-wide{grid-column:1/-1}.detail-hero{grid-template-columns:1fr}.creator-plaque{max-width:24rem}.report-facts{grid-template-columns:1fr 1fr}.report-facts div:last-child{grid-column:1/-1}}@media(max-width:42rem){.site-header{position:static;align-items:flex-start}.site-nav{justify-content:flex-end}.site-nav a{padding:var(--s2);font-size:.85rem}.page-shell{padding:var(--s6) var(--s4) var(--s7)}.filter-bar,.level-grid,.moderation-form,.profile-hero,.stat-ribbon{grid-template-columns:1fr}.filter-wide{grid-column:auto}.stat-ribbon dl{grid-template-columns:repeat(2,1fr);gap:var(--s4)}.difficulty-note{padding:var(--s4) 0 0;border-left:0;border-top:1px solid var(--border)}.primary-actions>*{width:100%}.report-control:not(.compact){margin-left:0}.report-panel{position:fixed;inset:auto var(--s4) var(--s4);width:auto;max-height:calc(100vh - var(--s7));overflow:auto}.profile-avatar{width:5rem}.profile-actions{justify-items:start}.profile-stats{gap:var(--s5)}.report-facts{grid-template-columns:1fr}.report-facts div:last-child{grid-column:auto}.comment-item header{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}