*{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{margin:0;background:#fbe4d8}a{color:#b23b1e}a:hover{color:#8f2e17}@keyframes fadeUp{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes splashPulse{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.splash-dot{width:6px;height:6px;border-radius:999px;background:var(--brand);animation:splashPulse 1.1s ease-in-out infinite}.app{--desk: #fbe4d8;--bg: #fff6f2;--card: #ffffff;--ink: #2b1810;--sub: #8a7268;--line: #f1ddd2;--chip: #fbeee6;--brand: #d14a2c;--brand-deep: #b23b1e;--brand-soft: #fde3d6;--green: #16a34a;--green-deep: #15803d;--green-soft: #dcfce7;--red: #dc2626;--red-soft: #fee2e2;--amber-soft: #fef9c3;--amber: #a16207;--blue-soft: #dbeafe;--blue: #1d4ed8;--tab: #ffffff;--dim: #c4a99c;--shadow: 0 4px 14px rgba(180, 80, 40, .1)}.app.dark{--desk: #1a100c;--bg: #1f1410;--card: #2a1b15;--ink: #f5e9e3;--sub: #b39a8c;--line: #3d2a21;--chip: #332019;--brand: #e8623f;--brand-deep: #f4906f;--brand-soft: #3d2117;--green: #22c55e;--green-deep: #4ade80;--green-soft: #173a26;--red: #f87171;--red-soft: #3a1f1f;--amber-soft: #3a331a;--amber: #eab308;--blue-soft: #1c2a44;--blue: #93b4f5;--tab: #1d1310;--dim: #6b564a;--shadow: 0 4px 14px rgba(0, 0, 0, .35)}.app.fs-1{--qt: 18px;--ct: 14.5px}.app.fs-2{--qt: 20px;--ct: 16px}.app.fs-3{--qt: 22px;--ct: 17.5px}.app.fs-4{--qt: 25px;--ct: 19.5px}.app{height:100vh;height:100dvh;background:var(--desk);display:flex;justify-content:center;align-items:center;font-family:Pretendard Variable,Pretendard,system-ui,sans-serif}.phone{width:100%;max-width:430px;background:var(--bg);height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 0 40px #b450281f}@media (min-width: 431px){.phone{max-height:900px;border-radius:32px}}@media (min-width: 700px){.phone{max-width:820px;max-height:1000px}}.screen{flex:1;display:flex;flex-direction:column;overflow:hidden}.screen-scroll{flex:1;overflow-y:auto;padding:20px 18px 12px;display:flex;flex-direction:column;gap:14px}.screen-scroll>*{flex-shrink:0}.media-placeholder{background:repeating-linear-gradient(45deg,var(--chip),var(--chip) 10px,var(--line) 10px,var(--line) 20px);border:1.5px dashed var(--dim);border-radius:16px;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-family:ui-monospace,monospace;font-size:11.5px;color:var(--sub);text-align:center}.ad-placeholder{background:repeating-linear-gradient(45deg,var(--chip),var(--chip) 8px,var(--line) 8px,var(--line) 16px);border:1.5px dashed var(--dim);border-radius:14px;padding:12px;text-align:center;font-family:ui-monospace,monospace;font-size:11px;color:var(--sub)}