:root{--ff-bg: #f1f5f9;--ff-surface: #ffffff;--ff-text: #334155;--ff-primary: #2563eb;--ff-inner-bg: #f8fafc;--ff-inner-border: #e2e8f0;--ff-font-size: 18px;--ff-accent-star: #fde047;--ff-accent-heart: #ef4444;--ff-accent-share: #10b981;--ff-tabbar-height: 64px;--ff-safe-top: env(safe-area-inset-top, 0px);--ff-safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ff-bg);color:var(--ff-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:var(--ff-font-size);transition:background-color .2s ease,color .2s ease}button{font:inherit;color:inherit}.ff-app{display:flex;flex-direction:column;min-height:100%}.ff-screen{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:calc(var(--ff-tabbar-height) + var(--ff-safe-bottom) + 16px);max-width:600px;margin:0 auto}.ff-tabbar{position:fixed;left:0;right:0;bottom:0;display:flex;height:calc(var(--ff-tabbar-height) + var(--ff-safe-bottom));padding-bottom:var(--ff-safe-bottom);background:var(--ff-surface);border-top:1px solid var(--ff-inner-border);z-index:10;max-width:600px;margin:0 auto}.ff-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:none;cursor:pointer;color:var(--ff-text);opacity:.6;font-size:12px}.ff-tab[aria-current=page]{opacity:1;color:var(--ff-primary)}.ff-inner-card{background:var(--ff-inner-bg);border:1px solid var(--ff-inner-border);border-radius:16px;padding:24px}