.app-container{width:100%;min-height:100dvh;background:var(--bg-cream)}.splash{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;gap:12px}.splash-logo{width:82px;height:82px;object-fit:contain;animation:pulse 1.2s ease-in-out infinite}.splash-title{font-family:var(--font-serif);font-size:22px;color:var(--text-primary);font-weight:600}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.85}}:root{--bg-cream: #F5F4F0;--bg-card: #FFFFFF;--bg-input: #EFEEEA;--bg-overlay: rgba(250, 249, 245, .95);--text-primary: #1B1C1A;--text-secondary: #444748;--text-muted: #747878;--text-white: #FFFFFF;--border-light: rgba(26, 26, 26, .08);--border-medium: rgba(26, 26, 26, .15);--accent-coral: #E07060;--accent-amber: #B7812E;--accent-sage: #496453;--accent-sky: #5A8FB0;--accent-lavender: #8A7AB8;--accent-rose: #C0708A;--accent-terra: #A0654A;--accent-olive: #7A8070;--star-on: #D4A843;--star-off: #E8E0D0;--shadow-sm: 0 12px 30px -24px rgba(26,26,26,.28);--shadow-md: 0 24px 40px -28px rgba(26,26,26,.3);--shadow-lg: 0 30px 56px -30px rgba(26,26,26,.34);--radius-sm: 12px;--radius-md: 18px;--radius-lg: 28px;--radius-full: 999px;--font-serif: "Noto Serif SC", "Playfair Display", Georgia, serif;--font-sans: Inter, "Noto Sans SC", -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", sans-serif;--tabbar-height: 88px;--bottom-nav-space: calc(var(--tabbar-height) + var(--safe-bottom) + 40px);--bottom-sticky-offset: calc(var(--safe-bottom) + 92px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;font-family:var(--font-sans);font-size:15px;color:var(--text-primary);background:var(--bg-cream);-webkit-font-smoothing:antialiased;overscroll-behavior:none}input,textarea,select,button{font-family:var(--font-sans);font-size:16px}img{max-width:100%;display:block}.page{display:flex;flex-direction:column;min-height:100dvh;max-width:480px;margin:0 auto;background:var(--bg-cream);position:relative}.page-content{flex:1;overflow-y:auto;padding:0 0 var(--bottom-nav-space)}.card{background:#ffffffc7;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.46);box-shadow:var(--shadow-sm);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 20px;border-radius:var(--radius-full);border:none;font-size:15px;font-weight:700;cursor:pointer;transition:opacity .15s,transform .1s,background .15s,border-color .15s;min-height:44px;text-decoration:none}.btn:active{transform:scale(.97);opacity:.88}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--text-primary);color:var(--text-white);box-shadow:0 14px 24px -18px #1a1a1a8c}.btn-outline{background:#ffffffb8;color:var(--text-primary);border:1px solid var(--border-medium)}.btn-ghost{background:#ffffff9e;color:var(--text-secondary);border:1px solid var(--border-light)}.btn-danger{background:#fee2e2;color:#dc2626}.btn-full{width:100%}.input-field{width:100%;background:#ffffffb8;border:1px solid var(--border-medium);border-radius:var(--radius-sm);padding:12px 14px;font-size:16px;color:var(--text-primary);outline:none;transition:border-color .15s,box-shadow .15s,background .15s}.input-field:focus{border-color:#4964538c;background:#ffffffeb;box-shadow:0 0 0 3px #4964531f}.input-field::placeholder{color:var(--text-muted)}.section-title{font-family:var(--font-serif);font-size:22px;font-weight:700;color:var(--text-primary);margin:0}.badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:500;background:#ffffffb3;border:1px solid var(--border-light);color:var(--text-secondary)}.toast-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;pointer-events:none}.toast{background:#1b1c1aeb;color:#fff;padding:10px 20px;border-radius:var(--radius-full);font-size:14px;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-md)}.spinner{width:24px;height:24px;border:2.5px solid var(--border-light);border-top-color:var(--text-secondary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.divider{height:1px;background:var(--border-light);margin:16px 0}.tag{display:inline-block;padding:3px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:500;background:#ffffffb3;border:1px solid var(--border-light);color:var(--text-secondary)}.tag-accent{background:#cbead480;border-color:#cbead4;color:#496453}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#17171799;z-index:420;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.empty-state{display:flex;flex-direction:column;align-items:center;padding:60px 24px;gap:12px;text-align:center}.empty-state-icon{font-size:56px;line-height:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.06));margin-bottom:4px}.empty-state-art{width:148px;height:148px;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(26,26,26,.08));margin-bottom:2px}.empty-state-title{font-family:var(--font-serif);font-size:18px;font-weight:600;color:var(--text-primary)}.empty-state-desc{font-size:14px;color:var(--text-muted);line-height:1.6}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.page-enter-active,.page-leave-active{transition:all .25s cubic-bezier(.4,0,.2,1)}.page-enter-from{opacity:0;transform:scale(.96) translateY(8px)}.page-leave-to{opacity:0;transform:scale(1.02)}.slide-up-enter-active{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.slide-up-leave-active{transition:all .2s ease-in}.slide-up-enter-from{opacity:0;transform:translateY(20px)}.slide-up-leave-to{opacity:0;transform:translateY(-10px)}.slide-up-enter-active,.slide-up-leave-active{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.slide-up-enter-from,.slide-up-leave-to{opacity:0;transform:translateY(20px)}::-webkit-scrollbar{width:0;height:0}