@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css";
:root{--bg:#fafafa;--text:#111;--text-secondary:#888;--accent:#ff7c7c;--border:#e5e5e5;--surface:#fff;--partner-a:#ff7c7c;--partner-b:#7cacff;--together:#c4a0ff;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px}*{box-sizing:border-box}html,body{margin:0;padding:0}html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.005em;font-variant-numeric:tabular-nums;min-height:100vh;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}button,input,textarea{font-family:inherit}button{cursor:pointer}.hide-scroll::-webkit-scrollbar{display:none}.hide-scroll{scrollbar-width:none}a{color:inherit;text-decoration:none}.app-shell{background:var(--bg);max-width:480px;min-height:100vh;margin:0 auto;position:relative}.app-content{padding-bottom:84px}.tab-bar{-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);width:100%;max-width:480px;padding-bottom:env(safe-area-inset-bottom,12px);z-index:10;background:#ffffffeb;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab-bar button{color:var(--text-secondary);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:8px 0;display:flex}.tab-bar button.active{color:var(--accent)}.tab-bar button .tab-label{font-size:10px;font-weight:500}.tab-bar button.active .tab-label{font-weight:600}button{-webkit-tap-highlight-color:transparent;transition:transform .12s,opacity .12s}button:active:not(:disabled){transform:scale(.97)}button:disabled{cursor:default}@keyframes with-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.app-content>*{animation:.25s ease-out with-fade-in}@keyframes with-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--border) 0%, var(--bg) 50%, var(--border) 100%);background-size:200% 100%;border-radius:8px;animation:1.6s ease-in-out infinite with-shimmer}
