.landing-wrapper{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex}.landing-container{text-align:center;width:100%;max-width:500px;padding:40px 30px;border-radius:20px 80px/80px 20px!important}.landing-header{margin-bottom:24px}.landing-tagline{color:var(--text-secondary);word-break:keep-all;font-size:16px;line-height:1.5}.auth-section{flex-direction:column;align-items:center;gap:30px;display:flex}.sketch-notebook-art{background:var(--highlight-yellow);border:2px dashed var(--stroke-color);text-align:left;border-radius:12px;flex-direction:column;gap:12px;width:100%;padding:20px;display:flex}.art-line{font-family:var(--font-handwritten);color:var(--stroke-color);font-size:20px;font-weight:700}.login-actions{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.login-notice{color:var(--text-secondary);font-size:11px}.portal-section{flex-direction:column;align-items:center;gap:30px;display:flex}.user-profile-box{flex-direction:column;align-items:center;gap:10px;display:flex}.user-avatar{border:2px solid var(--stroke-color);width:80px;height:80px;box-shadow:2px 2px 0px var(--stroke-color);object-fit:cover;border-radius:50%}.user-avatar-placeholder{border:2px solid var(--stroke-color);width:80px;height:80px;box-shadow:2px 2px 0px var(--stroke-color);background:var(--highlight-yellow);font-size:36px;font-family:var(--font-handwritten);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.user-welcome{font-family:var(--font-handwritten);margin:0;font-size:28px;font-weight:700}.user-email{color:var(--text-secondary);margin-top:-6px;font-size:13px}.portal-actions{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.portal-btn{width:100%;max-width:320px;height:48px;text-decoration:none;font-size:15px!important;font-family:var(--font-standard)!important;border-radius:12px!important;justify-content:center!important}.portal-btn--view{gap:8px}.user-url-display{text-align:left;background:var(--card-bg-hover);border:1.5px solid var(--stroke-color);border-radius:8px;flex-direction:column;gap:6px;width:100%;max-width:320px;padding:12px;display:flex}.url-label{color:var(--text-secondary);font-size:12px;font-weight:700}.url-code{word-break:break-all;color:var(--stroke-color);background:#00000008;border-radius:4px;padding:4px 6px;font-family:monospace;font-size:13px}.portal-logout-btn{width:100%;max-width:150px;margin-top:10px;font-size:14px!important;font-family:var(--font-standard)!important;border-radius:8px!important;padding:8px 12px!important}.loading-screen{background:var(--bg-color);z-index:999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.spinner{border:3px solid #0000000d;border-top-color:var(--stroke-color);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}