body{font-family:'Inter', sans-serif;background-color:#f3f4f6;color:#374151}.container{max-width:800px;margin:0 auto;padding:2rem;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.card{background-color:#ffffff;border-radius:1rem;box-shadow:0 10px 15px -3px #000,0 4px 6px -2px #000;padding:2rem}.title{font-size:2.25rem;font-weight:700;color:#1f2937;text-align:center;margin-bottom:1rem}.subtitle{font-size:1.125rem;color:#6b7280;text-align:center;margin-bottom:2rem}.button-group{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.btn{padding:0.75rem 1.5rem;border-radius:9999px;font-weight:600;transition:all 0.2s ease-in-out;border:none;cursor:pointer;box-shadow:0 4px 6px -1px #000,0 2px 4px -1pxrgb 0,0,0}.btn-blue{background-color:#2563eb;color:#ffffff}.btn-blue:hover{background-color:#1e40af;transform:translateY(-2px)}.btn-purple{background-color:#9333ea;color:#ffffff}.btn-purple:hover{background-color:#7e22ce;transform:translateY(-2px)}.btn-green{background-color:#16a34a;color:#ffffff}.btn-green:hover{background-color:#15803d;transform:translateY(-2px)}#output{margin-top:2rem;padding:1.5rem;background-color:#e5e7eb;border-radius:0.75rem;min-height:100px;line-height:1.6}#loading-indicator{display:none;text-align:center;margin-top:1rem;color:#6b7280}@media (max-width: 640px){.container{padding:1rem}.title{font-size:1.75rem}.button-group{flex-direction:column}.btn{width:100%}}.auth-label{font-size:2rem;color:#6b7280}.auth-id{font-size:2rem;font-weight:600;color:#1f2937;word-break:break-all}.nav-bar{@apply bg-white shadow-md rounded-b-xl px-6 py-3;position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;justify-content:space-between;align-items:center}.logo-container{width:2.25rem;height:2.25rem;margin-left:10px}.auth-container{@apply flex items-center gap-2}.auth-status-text{@apply text-sm text-gray-500 hidden sm:block}.auth-button{@apply btn px-4 py-2 text-sm;margin-right:10px}.top-pub{position:fixed;top:0;left:0;right:0;z-index:50;background-color:#bfdbfe;background-color:#bfdbfe;text-align:center;font-size:0.875rem;font-weight:600;padding:0.5rem;box-shadow:0 4px 6px -1px #000,0 2px 4px -2px #000}.app-footer{@apply bg-gray-50 border-t border-gray-200 py-4 text-gray-600 text-sm mt-8}