:root{--moods-background: #0d0d0d;--moods-elevated: #1a1a1a;--moods-card: #222222;--moods-primary: #f5f5f5;--moods-primary-variant: #e0e0e0;--moods-on-primary: #111111;--moods-text: #f4f4f5;--moods-muted: #a1a1aa;--moods-hairline: rgba(255, 255, 255, .09);--moods-success: #4ade80;--moods-error: #f87171;--moods-info: #7dd3fc;--moods-radius: 20px}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{background:var(--moods-background);color:var(--moods-text);font-family:Inter,Segoe UI,system-ui,-apple-system,Helvetica Neue,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}.portal-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:32px 20px 24px;gap:28px;background:radial-gradient(60% 45% at 18% 0%,rgba(125,211,252,.1),transparent 70%),radial-gradient(55% 45% at 88% 8%,rgba(244,114,182,.09),transparent 72%),var(--moods-background)}.portal-header{display:flex;justify-content:center;width:100%}.portal-wordmark{width:168px;height:auto;display:block}.portal-main{width:100%;max-width:460px;display:flex;flex-direction:column;gap:20px;flex:1}.account-card{background:var(--moods-elevated);border:1px solid var(--moods-hairline);border-radius:var(--moods-radius);padding:28px 24px;box-shadow:0 24px 60px #00000073}.portal-aside{background:var(--moods-card);border:1px solid var(--moods-hairline);border-radius:var(--moods-radius);padding:20px 22px}.account-card h1{margin:0 0 12px;font-size:1.5rem;line-height:1.25;letter-spacing:-.01em}.eyebrow{margin:0 0 6px;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--moods-muted)}.lede{margin:0 0 20px;color:var(--moods-muted)}.hint{margin:14px 0 0;font-size:.86rem;color:var(--moods-muted)}.state{border-radius:14px;padding:14px 16px;margin:0 0 4px;border:1px solid var(--moods-hairline);background:#ffffff08}.state p{margin:0}.state-loading{display:flex;align-items:center;gap:12px;color:var(--moods-muted)}.state-success{border-color:#4ade8059;background:#4ade8014}.state-error{border-color:#f8717161;background:#f8717117;color:#fecaca}.state-info{border-color:#7dd3fc52;background:#7dd3fc12}.spinner{width:18px;height:18px;flex:0 0 18px;border-radius:50%;border:2px solid rgba(255,255,255,.18);border-top-color:var(--moods-primary);animation:moods-spin .85s linear infinite}@keyframes moods-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:2.4s}}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.primary-action,.secondary-action{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:12px;font:inherit;font-weight:600;padding:12px 20px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:46px;transition:background .12s ease,border-color .12s ease,opacity .12s ease}.primary-action{background:var(--moods-primary);color:var(--moods-on-primary);border:1px solid var(--moods-primary);width:100%}.primary-action.compact{width:auto;white-space:nowrap}.primary-action:hover:not(:disabled){background:var(--moods-primary-variant)}.secondary-action{background:transparent;color:var(--moods-text);border:1px solid var(--moods-hairline)}.secondary-action:hover:not(:disabled){border-color:#ffffff3d}.primary-action:disabled,.secondary-action:disabled{opacity:.55;cursor:not-allowed}.primary-action:focus-visible,.secondary-action:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--moods-info);outline-offset:2px}.account-form{display:flex;flex-direction:column;gap:8px}.account-form label{font-size:.86rem;font-weight:600;color:var(--moods-muted)}.account-form input{font:inherit;color:var(--moods-text);background:var(--moods-card);border:1px solid var(--moods-hairline);border-radius:12px;padding:12px 14px;min-height:46px;margin-bottom:6px;width:100%}.account-form input:focus{border-color:#ffffff47}.account-form .primary-action{margin-top:10px}.channel-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.channel{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:var(--moods-card);border:1px solid var(--moods-hairline);border-radius:14px;padding:14px 16px}.channel-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 190px}.channel-body small{color:var(--moods-muted)}.channel-value{font-size:.86rem;color:var(--moods-muted);overflow-wrap:anywhere}.access-steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;color:var(--moods-muted);font-size:.92rem}.access-steps strong{color:var(--moods-text)}.portal-footer{display:flex;align-items:center;gap:10px;color:var(--moods-muted);font-size:.82rem;letter-spacing:.02em}.portal-footer a{color:var(--moods-muted)}@media (max-width: 430px){.portal-shell{padding:24px 14px 20px;gap:22px}.account-card,.portal-aside{padding:22px 18px;border-radius:16px}.account-card h1{font-size:1.32rem}.portal-wordmark{width:140px}.channel .primary-action.compact{width:100%}}@media (min-width: 900px){.portal-shell{padding-top:56px}.portal-main{max-width:520px}}