@tailwind base;@tailwind components;@tailwind utilities;:root{--phi-gold:#ba7517;--phi-gold-light:#d4921e;--deep-blue:#1a4e8a;--deep-blue-light:#2563b0}@layer base{html{font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}body{@apply bg-white text-gray-900}}@layer components{.btn-primary{@apply inline-flex items-center justify-center px-6 py-3 rounded-xl font-semibold text-white transition-all duration-200;background-color:var(--phi-gold)}.btn-primary:hover{background-color:var(--phi-gold-light);transform:translateY(-1px);box-shadow:0 4px 20px rgba(186,117,23,.4)}.btn-secondary{@apply inline-flex items-center justify-center px-6 py-3 rounded-xl font-semibold transition-all duration-200;border:2px solid var(--phi-gold);color:var(--phi-gold)}.btn-secondary:hover{background-color:rgba(186,117,23,.08)}.card{@apply bg-white rounded-2xl shadow-sm border border-gray-100 p-6}.tutor-bubble{@apply rounded-2xl rounded-tl-sm p-4 text-sm leading-relaxed max-w-xs;background-color:var(--deep-blue);color:#fff}.child-bubble{@apply rounded-2xl rounded-tr-sm p-4 text-sm leading-relaxed max-w-xs bg-gray-100 text-gray-900 ml-auto}}.phira-app-shell{min-height:100dvh;display:flex;flex-direction:column}.phira-app-main{flex:1 0 auto;display:flex;flex-direction:column}