@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css");:root{--brand:#d97757;--brand-deep:#bf5b3e;--brand-dark:#8f3d24;--cream:#fbf4ea;--ink:#2a1f16;--ink-soft:#5c4b3c;--peach:#f4dfc9;--peach-line:#e7c6a4}*{box-sizing:border-box;margin:0;padding:0}html{font-size:124%}body{background:#efe6da;color:var(--ink);font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,-apple-system,sans-serif;font-weight:500;-webkit-text-size-adjust:100%}button{-moz-appearance:none;appearance:none;-webkit-appearance:none;font-family:inherit;cursor:pointer}img,video{display:block;max-width:100%}.app-shell{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px 12px}.frame{height:min(calc(100dvh - 48px),676px);width:auto;max-width:100%;aspect-ratio:9/16;background:var(--cream);border-radius:26px;border:2px solid var(--ink);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 28px rgba(42,31,22,.18)}@media (max-width:480px){.app-shell{display:block;padding:0}.frame{max-width:none;width:100%;height:auto;min-height:100dvh;aspect-ratio:auto;overflow:visible;border-radius:0;border:none;box-shadow:none}}.chrome{gap:8px;padding:12px 14px;background:var(--brand);color:var(--cream)}.chrome,.dot{display:flex;align-items:center;flex:none}.dot{width:24px;height:24px;border-radius:50%;background:var(--cream);color:var(--brand-dark);font-size:.6875rem;justify-content:center}.dot,.wordmark{font-weight:800}.wordmark{font-size:.8125rem}.body-scroll{flex:1 1;min-height:0;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.bubble{background:var(--peach);border-radius:12px;padding:12px 14px;white-space:pre-line}.bubble,.q-text{font-size:.8125rem;line-height:1.6}.q-text{font-weight:700}.opt-list{display:flex;flex-direction:column;gap:10px}.opt-btn{width:100%;text-align:left;border-radius:12px;padding:12px 14px;font-size:.8125rem;font-weight:500;line-height:1.5;border:1.5px solid var(--peach-line);background:var(--cream);color:var(--ink)}.opt-btn.selected{background:var(--brand);border-color:var(--brand-dark);color:var(--cream)}.upload-row{width:100%;text-align:left;border:1.5px solid var(--peach-line);border-radius:12px;padding:12px 14px;background:var(--cream);color:var(--ink);font-size:.8125rem;font-weight:500;line-height:1.5}.upload-row.pending{border-style:dashed;border-color:var(--brand-deep);color:var(--brand-dark);background:transparent}.btn-primary{width:100%;padding:15px 16px;border-radius:14px;border:none;background:var(--brand);color:var(--cream);font-weight:800;font-size:1.0625rem}.btn-primary:active{background:var(--brand-deep);transform:scale(.97)}.btn-primary:disabled{opacity:.4}.btn-primary.on-brand{background:var(--cream);color:var(--brand-dark)}.btn-primary.on-hero{border:1.5px solid var(--cream)}.btn-primary.on-brand:active{background:var(--peach)}.util-btn{padding:8px 14px;border:1px solid var(--brand);border-radius:18px;background:var(--cream);color:var(--brand-dark);font-weight:700;font-size:.75rem;white-space:nowrap}.util-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.row-between{display:flex;align-items:center;justify-content:space-between;gap:8px}.sec-label{font-weight:700;font-size:.75rem}.sec-body{font-size:.8125rem;line-height:1.7;white-space:pre-line}.hr{height:2px;border:none;background:var(--brand-deep);opacity:.35}.hook-badge{background:var(--brand-dark);color:var(--cream);font-weight:800;font-size:.8125rem;padding:10px 12px;border-radius:10px}.tagrow{display:flex;gap:6px;flex-wrap:wrap}.tag{background:var(--cream);border:1px solid var(--peach-line);color:var(--brand-dark);font-size:.6875rem;padding:4px 10px;border-radius:14px}.hero-wrap{flex:1 1;min-height:0;background:var(--brand);position:relative;display:flex;align-items:center;justify-content:center}.hero-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-title{color:var(--cream);font-weight:800;font-size:1.5rem;text-align:center;padding:0 18px;line-height:1.4}.hero-panel{position:absolute;left:0;right:0;bottom:0;padding:18px}.pwa-install{display:block;width:100%;margin-top:10px;padding:10px 12px;border:1px solid #ffffffb3;border-radius:16px;background:#fbf4eaf2;color:var(--brand-dark);font-size:.7rem;font-weight:700}.pwa-dialog{position:fixed;inset:0;margin:auto;width:min(360px,calc(100% - 32px));padding:24px;border:0;border-radius:20px;background:var(--cream);color:var(--ink)}.pwa-dialog::-webkit-backdrop{background:#2a1f1699}.pwa-dialog::backdrop{background:#2a1f1699}.pwa-dialog h2{font-size:1rem;margin-bottom:16px}.pwa-dialog p{font-size:.8rem;line-height:1.7;margin-bottom:16px}.pwa-dialog .pwa-note{color:var(--ink-soft);font-size:.65rem}.media-scroll{flex:1 1;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.media-top{gap:16px}.media-footer,.media-top{padding:16px;display:flex;flex-direction:column}.media-footer{background:var(--brand);align-items:center;gap:10px;margin-top:auto}.media-footer .btn-primary{margin-top:4px}.card-square{width:100%;background:var(--brand);display:flex;align-items:center;justify-content:center;overflow:hidden}.card-square img{width:100%;height:100%;object-fit:contain}.closing-msg{color:var(--cream);font-size:.8125rem;line-height:1.6;text-align:center}.spinner-text{text-align:center;padding:20px}.caption,.spinner-text{font-size:.75rem;color:var(--ink-soft)}.hidden-file{display:none}.pager{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.pager>.card-square{flex:none;width:100%;scroll-snap-align:center}