*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#ff6b35;--color-primary-light:#ff8c5a;--color-primary-dark:#e05520;--color-bg:#faf8f5;--color-surface:#fff;--color-surface-2:#f5f0eb;--color-text:#1a1a1a;--color-text-muted:#857b72;--color-border:#dcd4c9;--color-status-lunch:#3dbb5c;--color-status-dinner:#1e88e5;--color-status-coffee:#fb8c00;--color-status-pass:#a8a29b;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--shadow-sm:0 1px 4px #00000014;--shadow-md:0 4px 16px #0000001f;--font-size-2xs:12px;--font-size-xs:14px;--font-size-sm:16px;--font-size-base:18px;--font-size-lg:20px;--font-size-xl:24px;--font-size-2xl:32px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--max-width:430px}html{font-size:var(--font-size-base);-webkit-text-size-adjust:100%}body{color:var(--color-text);background-color:#d4b896;justify-content:center;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Noto Sans KR,Apple SD Gothic Neo,sans-serif;line-height:1.5;display:flex}#root{width:100%;max-width:var(--max-width);background:var(--color-bg);flex-direction:column;min-height:100dvh;display:flex;position:relative}@keyframes carouselUp{0%{opacity:0;transform:translateY(60%)}to{opacity:1;transform:translateY(0)}}@keyframes carouselDown{0%{opacity:0;transform:translateY(-60%)}to{opacity:1;transform:translateY(0)}}@keyframes viewModeFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.view-mode-content{animation:.18s viewModeFadeIn}.page{padding:var(--spacing-md);padding-bottom:calc(var(--spacing-xl) + env(safe-area-inset-bottom));flex:1}.btn{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:14px var(--spacing-lg);border-radius:var(--radius-full);font-size:var(--font-size-base);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border:none;font-weight:600;transition:opacity .15s,transform .1s;display:inline-flex}.btn:active{opacity:.9;transform:scale(.97)}.btn-primary{background:var(--color-primary);color:#fff;width:100%}.btn-secondary{background:var(--color-surface-2);color:var(--color-text);width:100%}.btn-ghost{color:var(--color-primary);background:0 0}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm)}.input{width:100%;padding:14px var(--spacing-md);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--color-surface);color:var(--color-text);outline:none;transition:border-color .15s}.input:focus{border-color:var(--color-primary)}.text-muted{color:var(--color-text-muted);font-size:var(--font-size-sm)}.text-center{text-align:center}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}