body{display:flex;flex-direction:column;align-items:center;justify-content:center}.container{background:var(--color-bg-white, white);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-lg, 0 20px 60px rgba(0, 0, 0, 0.3));max-width:600px;width:100%;padding:40px}p{color:var(--color-text-muted, #666);margin-bottom:30px}#result,button{border-radius:var(--radius, 6px)}button{background:var(--color-secondary, #667eea);color:#fff;border:0;padding:12px 24px;font-size:16px;cursor:pointer;width:100%;transition:var(--transition, background 0.2s)}button:hover{background:var(--color-secondary-hover, #5568d3)}#result{margin-top:20px;padding:15px;background:var(--color-bg-gray-100, #f5f5f5);display:none}.url{word-break:break-all;color:var(--color-secondary, #667eea);font-weight:600;margin:10px 0}.copy-btn{margin-top:10px;background:var(--color-success, #48bb78)}.copy-btn:hover{background:var(--color-success-hover, #38a169)}@media (max-width:768px){.container{padding:20px}.user-info-desktop{display:none!important}.user-info-mobile{display:block!important}.dashboard-title{font-size:18px!important}.landing-title{display:none}.sign-in-btn{padding:10px!important;min-width:40px;width:40px!important;justify-content:center!important}.sign-in-text{display:none}}