.recorder{display:flex;flex-direction:column;align-items:center;width:100%}.record-area{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);margin:var(--space-3xl) 0}.record-btn{width:120px;height:120px;border-radius:50%;border:none;background:radial-gradient(circle at 30% 30%,#2dd46e,var(--green));color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-slow) var(--ease-out);box-shadow:0 0 30px var(--green-glow),0 0 80px var(--green-glow);position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.record-btn:active{transform:scale(.94);box-shadow:0 0 50px var(--green-glow-strong),0 0 120px var(--green-glow)}.record-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.record-btn svg{width:44px;height:44px;transition:transform var(--duration-normal) var(--ease-out)}.record-btn--recording{background:radial-gradient(circle at 30% 30%,#f87171,var(--red));box-shadow:0 0 0 0 var(--red-glow);animation:recording-pulse 1.5s ease-out infinite}.record-btn--recording .record-icon-mic{display:none}.record-icon-stop{display:none;width:24px;height:24px;background:#fff;border-radius:4px}.record-btn--recording .record-icon-stop{display:block}.record-indicator{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-md);font-weight:600;color:var(--red)}.record-indicator__dot{width:10px;height:10px;border-radius:50%;background:var(--red);animation:pulse-opacity .8s ease-in-out infinite}.record-timer{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--fg-secondary)}.record-label{font-size:var(--text-base);color:var(--fg-secondary);font-weight:500;text-align:center;transition:color var(--duration-fast) var(--ease-out)}.record-label--recording{color:var(--red);font-weight:600}.recorder .error-inline,.recorder .mic-warning{width:100%;max-width:320px;margin-top:var(--space-md)}.recorder .mic-warning{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);color:var(--status-pending);background:#f59e0b14;border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-md)}.recording-layout{display:flex;flex-direction:column;align-items:center}.recording-layout .page-header{width:100%;margin-bottom:var(--space-2xl)}.text-input-area{width:100%;max-width:320px;display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-xl);transition:opacity var(--duration-normal),transform var(--duration-normal)}.text-input-area--hidden{opacity:0;transform:translateY(8px);pointer-events:none}.processing-steps{width:100%;max-width:320px;display:none;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md)}.processing-steps--visible{display:flex}.processing-step{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--fg-tertiary);transition:all var(--duration-normal) var(--ease-out)}.processing-step--done{color:var(--green);border-color:var(--green-border)}.processing-step--active{color:var(--fg-primary);border-color:var(--border-strong)}.processing-step__icon{width:20px;height:20px;flex-shrink:0}.processing-step__spinner{width:18px;height:18px;border:2px solid var(--border-default);border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.transcript{width:100%;max-width:320px;margin-top:var(--space-md);padding:var(--space-md);font-size:var(--text-sm);color:var(--fg-secondary);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);line-height:1.5}.recording-layout .error-inline{width:100%;max-width:320px;margin-top:var(--space-md)}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:var(--text-xs);font-weight:700;color:#fff;background:var(--green);border-radius:var(--radius-pill)}.draft-group{margin-bottom:var(--space-lg)}.accept-all-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--green-surface);border:1px solid var(--green-border);border-radius:var(--radius-md);margin-bottom:var(--space-md);animation:slide-up var(--duration-slow) var(--ease-out)}.accept-all-bar__label{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);font-weight:600;color:var(--green)}.draft-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);animation:slide-up var(--duration-slow) var(--ease-out)}.draft-card__type{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);color:var(--fg-tertiary);text-transform:uppercase;letter-spacing:.3px;margin-bottom:var(--space-sm)}.draft-card__text{font-size:var(--text-base);color:var(--fg-primary);line-height:1.5;margin-bottom:var(--space-lg)}.draft-notes{font-size:var(--text-sm);color:var(--fg-secondary);line-height:1.5;margin-bottom:var(--space-lg)}.draft-card__actions{display:flex;gap:var(--space-sm)}.draft-card__actions .btn{flex:1;font-size:var(--text-sm);padding:var(--space-sm) var(--space-md);min-height:40px}.draft-card__edit-area{display:block}.draft-card__edit-input{width:100%;padding:var(--space-md);font-family:var(--font-body);font-size:var(--text-base);color:var(--fg-primary);background:var(--bg-input);border:1px solid var(--green);border-radius:var(--radius-md);outline:none;min-height:48px;resize:vertical;margin-bottom:var(--space-md)}.draft-card__edit-actions{display:flex;gap:var(--space-sm)}.draft-card__edit-actions .btn{flex:1;font-size:var(--text-sm)}.draft-card__error{margin-top:var(--space-sm);font-size:var(--text-xs)}.skeleton-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md)}.drafts-error{padding:var(--space-lg) 0}.filter-bar{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--space-xs)}.filter-bar::-webkit-scrollbar{display:none}.record-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md);transition:border-color var(--duration-fast) var(--ease-out);animation:slide-up var(--duration-slow) var(--ease-out)}.record-card--done{border-color:var(--green-border)}.record-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-sm)}.record-card__type{font-size:var(--text-xs);color:var(--fg-tertiary);font-weight:600;letter-spacing:.3px}.record-card__badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--green);background:var(--green-surface);padding:3px 8px;border-radius:var(--radius-pill);flex-shrink:0}.record-card__text{font-size:var(--text-base);color:var(--fg-primary);margin-bottom:var(--space-sm);line-height:1.5}.record-card__meta{font-size:var(--text-xs);color:var(--fg-tertiary);margin-bottom:var(--space-md);line-height:1.5}.record-card__actions{display:flex;gap:var(--space-sm)}.record-card__actions .btn{flex:1;font-size:var(--text-sm);padding:var(--space-sm) var(--space-md);min-height:40px}.record-card--done .record-card__text{text-decoration:line-through;color:var(--fg-tertiary)}.record-card__error{margin-top:var(--space-sm);font-size:var(--text-xs)}.profile-section{margin-bottom:var(--space-xl)}.section-title{font-size:var(--text-xs);font-weight:600;color:var(--fg-tertiary);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-md)}.user-card{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl);display:flex;align-items:center;gap:var(--space-lg);animation:slide-up var(--duration-slow) var(--ease-out)}.user-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--green),#059669);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:700;color:#fff;flex-shrink:0}.user-name{font-size:var(--text-lg);font-weight:600;color:var(--fg-primary)}.user-id{font-size:var(--text-sm);color:var(--fg-tertiary);font-family:var(--font-mono)}.metric-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-sm);display:flex;align-items:center;justify-content:space-between;transition:border-color var(--duration-fast) var(--ease-out);animation:slide-up var(--duration-slow) var(--ease-out)}.metric-card__body{flex:1;min-width:0}.metric-card__label{font-size:var(--text-base);color:var(--fg-secondary)}.metric-card__value-col{text-align:right;flex-shrink:0;margin-left:var(--space-lg)}.metric-card__value{font-family:var(--font-mono);font-size:var(--text-md);font-weight:600;color:var(--fg-primary);text-align:right}.metric-card__limit{font-size:var(--text-xs);color:var(--fg-tertiary);text-align:right;margin-top:2px}.progress-bar{width:100%;height:6px;background:var(--bg-input);border-radius:3px;overflow:hidden;margin-top:var(--space-sm)}.progress-bar__fill{height:100%;background:var(--green);border-radius:3px;transition:width 1s var(--ease-out)}.limit-status{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:500;padding:3px 10px;border-radius:var(--radius-pill)}.limit-status--ok{color:var(--green);background:var(--green-surface)}.limit-status--warn{color:var(--status-pending);background:#f59e0b14}.quota-warning{display:flex;align-items:flex-start;gap:var(--space-md)}.quota-warning__title{font-size:var(--text-sm);font-weight:600;color:var(--red);margin-bottom:4px}.quota-warning__desc{font-size:var(--text-xs);color:var(--fg-tertiary)}.quota-warning svg{flex-shrink:0;margin-top:2px}.app--onboarding{padding-top:var(--safe-top)}.onboarding{display:flex;flex-direction:column;min-height:calc(100dvh - var(--safe-top) - var(--safe-bottom));padding:var(--space-3xl) var(--space-xl) var(--space-2xl);padding-bottom:calc(var(--space-2xl) + var(--safe-bottom))}.onboarding__steps{display:flex;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-3xl)}.onboarding__dot{width:8px;height:8px;border-radius:50%;background:var(--border-default);transition:all var(--duration-normal) var(--ease-out)}.onboarding__dot--active{background:var(--green);width:24px;border-radius:4px}.onboarding__dot--done{background:var(--green)}.onboarding__content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-2xl)}.onboarding__slide{display:none;flex-direction:column;align-items:center;gap:var(--space-xl);animation:slide-up var(--duration-slow) var(--ease-out)}.onboarding__slide--active{display:flex}.onboarding__icon{width:80px;height:80px;border-radius:var(--radius-xl);background:var(--green-surface);border:1px solid var(--green-border);display:flex;align-items:center;justify-content:center;font-size:36px;margin-bottom:var(--space-md)}.onboarding__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--fg-primary);letter-spacing:-.3px}.onboarding__desc{font-size:var(--text-base);color:var(--fg-secondary);max-width:280px;line-height:1.6;white-space:pre-line}.onboarding__cta{margin-top:auto;width:100%}.onboarding__skip{margin-top:var(--space-lg);font-size:var(--text-sm);color:var(--fg-tertiary);background:none;border:none;cursor:pointer;font-family:var(--font-body);width:100%;min-height:44px}.mic-perm-illustration{width:100px;height:100px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#2dd46e,var(--green));display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px var(--green-glow);animation:pulse-glow 2s ease-in-out infinite}:root{--bg-deep: #080d1f;--bg-surface: #111827;--bg-elevated: #1a2332;--bg-input: #0f1a2e;--bg-glass: rgba(17, 24, 39, .85);--bg-overlay: rgba(8, 13, 31, .7);--fg-primary: #f1f5f9;--fg-secondary: #94a3b8;--fg-tertiary: #64748b;--fg-disabled: #475569;--border-default: #1e293b;--border-subtle: #263040;--border-strong: #334155;--green: #22c55e;--green-hover: #16a34a;--green-pressed: #15803d;--green-glow: rgba(34, 197, 94, .3);--green-glow-strong: rgba(34, 197, 94, .45);--green-surface: rgba(34, 197, 94, .08);--green-border: rgba(34, 197, 94, .25);--red: #ef4444;--red-hover: #dc2626;--red-pressed: #b91c1c;--red-glow: rgba(239, 68, 68, .3);--red-surface: rgba(239, 68, 68, .08);--red-border: rgba(239, 68, 68, .25);--info: #3b82f6;--info-surface: rgba(59, 130, 246, .08);--status-recording: #ef4444;--status-done: #22c55e;--status-pending: #f59e0b;--status-muted: #64748b;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--font-mono: "SF Mono", "JetBrains Mono", ui-monospace, Menlo, monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-md: 16px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 34px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--space-4xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-pill: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .6);--shadow-green: 0 4px 20px var(--green-glow);--shadow-red: 0 4px 20px var(--red-glow);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--tab-bar-height: 56px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.5;color:var(--fg-primary);background:var(--bg-deep);min-height:100dvh;overflow-x:hidden;-webkit-user-select:none;user-select:none;touch-action:manipulation}.app{display:flex;flex-direction:column;min-height:100dvh;padding-top:var(--safe-top)}.screen{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-lg) var(--space-lg) calc(var(--tab-bar-height) + var(--space-2xl) + var(--safe-bottom));scroll-behavior:smooth}.screen--compact{padding-bottom:calc(var(--tab-bar-height) + var(--space-lg) + var(--safe-bottom))}.tab-bar{position:fixed;bottom:0;left:0;right:0;height:calc(var(--tab-bar-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-default);display:flex;align-items:center;justify-content:space-around;z-index:100}.tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:64px;min-height:48px;padding:var(--space-xs) var(--space-sm);color:var(--fg-tertiary);text-decoration:none;font-size:var(--text-xs);font-weight:500;transition:color var(--duration-fast) var(--ease-out);position:relative}.tab-item svg{width:24px;height:24px;transition:color var(--duration-fast) var(--ease-out)}.tab-item--active{color:var(--green)}.tab-item--active:before{content:"";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:24px;height:2px;background:var(--green);border-radius:1px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-family:var(--font-body);font-size:var(--text-base);font-weight:600;line-height:1;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;min-height:48px;min-width:48px}.btn:active{transform:scale(.96)}.btn--primary{background:var(--green);color:#fff;box-shadow:var(--shadow-green)}.btn--primary:hover,.btn--primary:active{background:var(--green-hover)}.btn--danger{background:var(--red);color:#fff;box-shadow:var(--shadow-red)}.btn--danger:hover,.btn--danger:active{background:var(--red-hover)}.btn--outline{background:transparent;color:var(--fg-secondary);border:1px solid var(--border-default)}.btn--outline:hover,.btn--outline:active{border-color:var(--border-strong);color:var(--fg-primary)}.btn--ghost{background:transparent;color:var(--fg-secondary)}.btn--ghost:hover,.btn--ghost:active{background:#ffffff0d;color:var(--fg-primary)}.btn--sm{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);min-height:36px;border-radius:var(--radius-sm)}.btn--lg{padding:var(--space-lg) var(--space-2xl);font-size:var(--text-lg);min-height:56px;border-radius:var(--radius-lg)}.btn--pill{border-radius:var(--radius-pill)}.btn:disabled{opacity:.4;pointer-events:none;cursor:not-allowed}.btn--icon{padding:var(--space-sm);min-width:48px;min-height:48px;border-radius:var(--radius-md)}.card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-lg);transition:border-color var(--duration-fast) var(--ease-out)}.card--highlight{border-color:var(--green-border)}.card--danger{border-color:var(--red-border)}.card--elevated{background:var(--bg-elevated);box-shadow:var(--shadow-sm)}.input{width:100%;padding:var(--space-md) var(--space-lg);font-family:var(--font-body);font-size:var(--text-base);color:var(--fg-primary);background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);outline:none;transition:border-color var(--duration-fast) var(--ease-out);min-height:48px}.input::placeholder{color:var(--fg-tertiary)}.input:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green-glow)}.textarea{resize:vertical;min-height:80px;line-height:1.6}.pill{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-pill);border:1px solid var(--border-default);color:var(--fg-secondary);background:transparent;transition:all var(--duration-fast) var(--ease-out);cursor:pointer}.pill--active{background:var(--green-surface);border-color:var(--green);color:var(--green)}.pill--green{background:var(--green-surface);border-color:var(--green-border);color:var(--green)}.pill--red{background:var(--red-surface);border-color:var(--red-border);color:var(--red)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.status-dot--green{background:var(--green)}.status-dot--red{background:var(--red)}.status-dot--amber{background:var(--status-pending)}.status-dot--pulse{animation:pulse-opacity 1.2s ease-in-out infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-4xl) var(--space-lg);color:var(--fg-tertiary)}.empty-state__icon{font-size:48px;margin-bottom:var(--space-lg);opacity:.6}.empty-state__text{font-size:var(--text-base);max-width:240px;line-height:1.6}.toast-container{position:fixed;bottom:calc(var(--tab-bar-height) + var(--safe-bottom) + var(--space-lg));left:var(--space-lg);right:var(--space-lg);z-index:200;pointer-events:none;display:flex;flex-direction:column;gap:var(--space-sm)}.toast{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);font-size:var(--text-sm);color:var(--fg-primary);box-shadow:var(--shadow-md);animation:toast-in var(--duration-slow) var(--ease-out) forwards;pointer-events:auto}.toast--success{border-color:var(--green-border)}.toast--error{border-color:var(--red-border)}.toast--out{animation:toast-out var(--duration-normal) var(--ease-out) forwards}.skeleton{background:linear-gradient(90deg,var(--bg-surface) 25%,var(--bg-elevated) 50%,var(--bg-surface) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton--text{height:14px;width:80%;margin-bottom:var(--space-sm)}.skeleton--title{height:20px;width:50%;margin-bottom:var(--space-md)}.skeleton--card{height:80px;width:100%;border-radius:var(--radius-lg)}.ripple{position:absolute;border-radius:50%;background:#ffffff26;transform:scale(0);animation:ripple-expand .6s ease-out forwards;pointer-events:none}@keyframes pulse-opacity{0%,to{opacity:1}50%{opacity:.3}}@keyframes pulse-scale{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--green-glow),0 0 60px var(--green-glow)}50%{box-shadow:0 0 10px var(--green-glow),0 0 30px var(--green-glow)}}@keyframes recording-pulse{0%,to{box-shadow:0 0 0 0 var(--red-glow)}50%{box-shadow:0 0 0 12px transparent}}@keyframes ripple-expand{to{transform:scale(4);opacity:0}}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(12px) scale(.96)}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mt-2xl{margin-top:var(--space-2xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.text-center{text-align:center}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-muted{color:var(--fg-secondary)}.text-dim{color:var(--fg-tertiary)}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{align-items:center;justify-content:center}.flex-between{align-items:center;justify-content:space-between}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.w-full{width:100%}.font-mono{font-family:var(--font-mono)}.font-display{font-family:var(--font-display)}.app-loading,.app-error{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:var(--space-xl) var(--space-lg);text-align:center;color:var(--fg-secondary);background:var(--bg-deep)}.app-error{color:var(--red)}.error-inline{display:none;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);background:var(--red-surface);border:1px solid var(--red-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--red)}.error-inline--visible{display:flex}.error-inline svg{flex-shrink:0;margin-top:1px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.page-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--fg-primary);letter-spacing:-.3px}.login-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);padding:var(--space-xl) var(--space-lg);text-align:center}.login-screen__logo{width:80px;height:80px;border-radius:var(--radius-xl);background:radial-gradient(circle at 30% 30%,#2dd46e,var(--green));display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px var(--green-glow);animation:pulse-glow 2s ease-in-out infinite}.login-screen__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--fg-primary);letter-spacing:-.3px}.login-screen__hint{color:var(--fg-secondary);font-size:var(--text-base)}.login-screen__error{max-width:280px}