.container{min-height:100dvh;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}@supports (min-height:100dvh){.container{min-height:100dvh}}.main-content{background:#fff;border-radius:24px;box-shadow:0 4px 20px rgba(0,0,0,.08);width:100%;max-width:380px;height:100dvh;height:100vh;display:flex;flex-direction:column;overflow:hidden}@supports (height:100dvh){.main-content{height:100dvh}}.header{flex-shrink:0;text-align:center;padding:24px 24px 16px;border-bottom:1px solid #e5e7eb}.title{font-size:1.75rem;font-weight:700;margin:0 0 4px;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:.875rem;color:#6b7280;margin:0}.app-footer{flex-shrink:0;padding:16px 24px;border-top:1px solid #e5e7eb}.auth-section{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:16px}.auth-message{color:#6b7280;font-size:14px;margin:0}.logged-in-content,.summary-content{flex:1 1;display:flex;flex-direction:column;gap:24px;padding:24px;overflow-y:auto}.user-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid #e5e7eb}:root.dark .main-content{background:#1f2937;box-shadow:0 4px 20px rgba(0,0,0,.3)}:root.dark .header{border-bottom-color:#374151}:root.dark .auth-message,:root.dark .subtitle{color:#9ca3af}:root.dark .app-footer{border-top-color:#374151}:root.dark .user-header{border-bottom-color:#374151}