:root{color:#e8e8e8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0a0a0a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Malgun Gothic,맑은 고딕,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background:#0a0a0a;min-height:100vh;margin:0}#app{width:100%;min-height:100vh;padding:16px;display:block}@media (width>=481px){body{background:#050505;justify-content:center;display:flex}#app{max-width:480px}}.home-header{text-align:center;padding:24px 8px 20px}.home-title{letter-spacing:-1px;color:#f2f2f2;margin-bottom:6px;font-size:32px;font-weight:900}.home-subtitle{color:#6b7684;letter-spacing:1px;text-transform:uppercase;font-size:12px;font-weight:500}.case-list{flex-direction:column;gap:10px;margin-top:8px;display:flex}.case-card{cursor:pointer;background:#191919;border:1px solid #262626;border-radius:12px;padding:14px 16px;transition:background .15s,transform .1s}.case-card:active{background:#222;transform:scale(.99)}.case-card-title{color:#f2f2f2;margin-bottom:4px;font-size:16px;font-weight:700}.case-card-meta{color:#8b95a1;gap:8px;font-size:11px;display:flex}.difficulty-badge{letter-spacing:.5px;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800;display:inline-block}.difficulty-badge.difficulty-하{color:#4ec2c2;background:#143a3a}.difficulty-badge.difficulty-중{color:#d4a04e;background:#3a2d14}.difficulty-badge.difficulty-상{color:#d64e4e;background:#3a1414}.case-detail{flex-direction:column;gap:16px;display:flex}.case-back{color:#8b95a1;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:4px 8px;font-size:13px}.case-title{letter-spacing:-.5px;margin-bottom:4px;font-size:24px;font-weight:800}.case-subtitle{color:#8b95a1;margin-bottom:12px;font-size:12px}.case-brief{color:#d0d0d0;white-space:pre-line;background:#141414;border-left:3px solid #3a3a3a;border-radius:4px;padding:16px;font-size:14px;line-height:1.7}.case-images{scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;margin:0 -4px;padding:0 4px;display:flex;overflow-x:auto}.case-images::-webkit-scrollbar{display:none}.case-shot{scroll-snap-align:start;flex:0 0 86%;max-width:440px;margin:0;position:relative}.case-shot:only-child{flex-basis:100%}.case-image{aspect-ratio:768/722;object-fit:cover;cursor:zoom-in;background:#202020;border-radius:10px;width:100%;display:block}.case-image-locked{filter:brightness(.35)blur(14px);cursor:default}.case-shot-locked{border-radius:10px;overflow:hidden}.case-shot figcaption{color:#e8e8e8;text-align:center;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}.lightbox{z-index:200;cursor:zoom-out;background:#000000eb;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.lightbox img{border-radius:8px;max-width:100%;max-height:100%}.qa-panel{flex-direction:column;gap:8px;margin-top:8px;display:flex}.qa-counter{color:#6b7684;text-align:right;font-size:12px}.qa-history{flex-direction:column;gap:6px;max-height:240px;display:flex;overflow-y:auto}.qa-item{background:#141414;border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.qa-q{color:#d0d0d0;font-size:13px}.qa-a{font-size:12px;font-weight:700}.qa-a-yes{color:#4ec27a}.qa-a-no{color:#d64e4e}.qa-a-maybe{color:#d4a04e}.qa-a-irrelevant{color:#6b7684}.qa-input-row{gap:8px;margin-top:8px;display:flex}.qa-input{color:#f2f2f2;background:#141414;border:1px solid #2a2a2a;border-radius:8px;flex:1;padding:10px 12px;font-family:inherit;font-size:14px}.qa-input:focus{border-color:#4a4a4a;outline:none}.qa-button{color:#0a0a0a;cursor:pointer;background:#f2f2f2;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:700}.qa-button:disabled{color:#666;cursor:not-allowed;background:#333}.qa-loading-answer{color:#6b7684;padding:4px 0;font-size:12px}.solve-panel{background:#141414;border-radius:12px;margin-top:12px;padding:16px}.solve-title{color:#f2f2f2;margin-bottom:8px;font-size:14px;font-weight:700}.solve-textarea{color:#f2f2f2;resize:vertical;background:#0a0a0a;border:1px solid #2a2a2a;border-radius:8px;width:100%;min-height:100px;padding:10px;font-family:inherit;font-size:14px}.solve-submit{color:#0a0a0a;cursor:pointer;background:#d4a04e;border:none;border-radius:8px;width:100%;margin-top:8px;padding:10px;font-size:14px;font-weight:800}.result-panel{text-align:center;border-radius:12px;margin-top:16px;padding:20px}.result-perfect{background:linear-gradient(135deg,#143a3a,#1a4a4a)}.result-substantial{background:linear-gradient(135deg,#143a3a,#2a3a3a)}.result-partial{background:linear-gradient(135deg,#3a2d14,#3a3a2a)}.result-incorrect{background:linear-gradient(135deg,#3a1414,#4a2a2a)}.result-grade{letter-spacing:-1px;margin-bottom:8px;font-size:32px;font-weight:900}.result-detail{color:#d0d0d0;font-size:12px;line-height:1.5}.bgm-toggle{color:#f2f2f2;cursor:pointer;z-index:100;background:#141414d9;border:1px solid #2a2a2a;border-radius:18px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:14px;display:flex;position:fixed;top:16px;right:16px}.ad-slot{min-height:96px;margin-top:16px}