:root{color-scheme:light;--color-canvas: #f6f8fb;--color-surface: #ffffff;--color-surface-strong: #eef3f2;--color-ink: #1f2523;--color-muted: #66716d;--color-line: #d8ddd6;--color-primary: #386a5a;--color-primary-strong: #21493d;--color-primary-soft: #dce9e3;--color-accent: #8a4f38;--color-danger: #9f2d2d;--color-danger-strong: #742020;--shadow-soft: 0 14px 40px rgb(31 37 35 / .08);--radius-sm: 6px;--radius-md: 8px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{min-height:100%;background:var(--color-canvas)}body{min-height:100%;margin:0;color:var(--color-ink);background:var(--color-canvas);font-family:var(--font-sans);font-size:16px;line-height:1.5;letter-spacing:0;padding-bottom:76px}a{color:inherit;text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);text-underline-offset:.18em}button,input,select,textarea{font:inherit}textarea{resize:vertical}.app-header{position:sticky;top:0;z-index:10;border-bottom:1px solid transparent;background:var(--color-canvas);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.is-scrolled .app-header{border-bottom-color:var(--color-line)}.app-nav,.app-shell,.app-footer{width:min(100%,1180px);margin:0 auto;padding-inline:var(--space-4)}.app-nav{position:relative;display:flex;min-height:64px;align-items:center;justify-content:center;gap:var(--space-4)}.app-brand{display:none;font-weight:750;text-decoration:none}.mobile-titlebar{display:grid;width:100%;grid-template-columns:88px minmax(0,1fr) 88px;align-items:center}.mobile-titlebar__title{grid-column:2;overflow:hidden;color:var(--color-ink);font-size:1.02rem;font-weight:750;opacity:0;text-align:center;text-overflow:ellipsis;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease;white-space:nowrap}.is-scrolled .mobile-titlebar__title{opacity:1;transform:translateY(0)}.mobile-titlebar__button{display:inline-grid;width:40px;height:40px;place-items:center;justify-self:start;border:1px solid var(--color-line);border-radius:var(--radius-sm);color:var(--color-ink);background:var(--color-surface);font-weight:750;text-decoration:none;box-shadow:0 6px 18px #1f252314;cursor:pointer}.mobile-titlebar__button:hover{border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-line));color:var(--color-primary-strong)}.mobile-titlebar__button--primary{justify-self:end;border-color:var(--color-primary);color:#fff;background:var(--color-primary)}.mobile-titlebar__button--primary:hover{border-color:var(--color-primary-strong);color:#fff;background:var(--color-primary-strong)}.mobile-titlebar__actions{display:inline-flex;justify-self:end;gap:var(--space-2)}.app-nav__links{display:none;align-items:center;gap:var(--space-3);color:var(--color-muted);font-size:.94rem}.app-nav__links a,.bottom-nav a{display:inline-flex;align-items:center;gap:var(--space-2)}.app-nav__links a{border:1px solid transparent;border-radius:var(--radius-sm);padding:.45rem .7rem;text-decoration:none}.app-nav__links a:hover,.app-nav__links a.is-active{border-color:var(--color-line);color:var(--color-primary-strong);background:var(--color-surface)}.nav-form{display:contents}.nav-form button{border:0;padding:0;color:inherit;background:transparent;cursor:pointer}.app-shell{padding-block:var(--space-6)}.app-footer{padding-block:var(--space-6);color:var(--color-muted);font-size:.9rem}.page-header{display:grid;gap:var(--space-3);max-width:760px;padding-block:var(--space-4) var(--space-7)}.page-header--compact{padding-bottom:var(--space-5)}.page-header h1{margin:0;font-size:clamp(2.3rem,10vw,4.8rem);line-height:.98}.page-header p{max-width:62ch;margin:0;color:var(--color-muted)}.cluster{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid var(--color-line);border-radius:var(--radius-sm);padding:.6rem .95rem;color:var(--color-ink);background:var(--color-surface);font-weight:700;text-decoration:none;cursor:pointer}.button:disabled{cursor:not-allowed;opacity:.62}.button--wide{width:100%}.button .c-icon{flex:0 0 auto}.button:hover{border-color:color-mix(in srgb,var(--color-primary) 55%,var(--color-line))}.button--primary{border-color:var(--color-primary);color:#fff;background:var(--color-primary)}.button--primary:hover{border-color:var(--color-primary-strong);background:var(--color-primary-strong)}.button--danger{border-color:var(--color-danger);color:#fff;background:var(--color-danger)}.button--danger:hover{border-color:var(--color-danger-strong);background:var(--color-danger-strong)}.icon-button{display:inline-grid;width:36px;height:36px;place-items:center;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-muted);background:transparent;cursor:pointer}.icon-button:hover{border-color:var(--color-line);color:var(--color-ink);background:var(--color-surface-strong)}.c-icon{display:inline-block;flex-shrink:0;vertical-align:-.15em}.bottom-nav{position:fixed;right:var(--space-3);bottom:var(--space-3);left:var(--space-3);z-index:20;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border:1px solid var(--color-line);border-radius:var(--radius-md);padding:var(--space-2);background:#fffffff0;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav a{justify-content:center;min-height:46px;border-radius:var(--radius-sm);padding:.55rem var(--space-2);color:var(--color-muted);font-size:.82rem;font-weight:750;line-height:1.1;text-decoration:none}.bottom-nav .c-icon{font-size:1.12rem}.bottom-nav .nav-label{display:inline}.bottom-nav a:hover{color:var(--color-primary-strong);background:var(--color-primary-soft)}.bottom-nav a.is-active,.bottom-nav a[aria-current=page]{color:var(--color-primary-strong);background:var(--color-surface);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-primary) 18%,transparent)}.mobile-hidden,.contact-profile__actions{display:none!important}.button-group{display:inline-flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.dropdown{display:inline-flex}.dropdown-menu{position:fixed;z-index:30;display:grid;min-width:190px;border:1px solid var(--color-line);border-radius:var(--radius-md);padding:var(--space-2);background:var(--color-surface);box-shadow:0 18px 44px #1f252324;transform-origin:top left}.dropdown-menu[hidden]{display:none}.dropdown-menu button{display:flex;width:100%;align-items:center;gap:var(--space-2);border:0;border-radius:var(--radius-sm);padding:.65rem .7rem;color:var(--color-ink);background:transparent;text-align:left;cursor:pointer}.dropdown-menu button:hover{background:var(--color-surface-strong)}.modal{width:min(100% - 2rem,560px);max-height:min(820px,calc(100dvh - 2rem));border:0;padding:0;color:var(--color-ink);background:transparent}.modal--wide{width:min(100% - 2rem,720px)}.modal::backdrop{background:#141c196b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal__surface{display:grid;gap:var(--space-4);max-height:inherit;overflow:auto;border:1px solid var(--color-line);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-surface);box-shadow:0 28px 70px #1f252338}.modal__header,.modal__actions,.account-setup-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.modal__header h2,.account-setup-card__header h2{margin:0}.modal__actions{justify-content:flex-end;flex-wrap:wrap}.divider{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-3);align-items:center;color:var(--color-muted);font-size:.78rem;font-weight:750;text-transform:uppercase}.divider:before,.divider:after,.section-divider{content:"";border:0;border-top:1px solid var(--color-line)}.auth-actions{display:grid;gap:var(--space-2)}.form-status{min-height:1.4em;margin:0;color:var(--color-muted);font-size:.88rem}.feature-grid,.workbench{display:grid;gap:var(--space-4)}.panel{border:1px solid var(--color-line);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-surface);box-shadow:var(--shadow-soft)}.panel h2{margin:0 0 var(--space-3);font-size:1.05rem}.panel p{margin:0;color:var(--color-muted)}.panel--danger{border-color:#e5b9b9}.workbench__main,.workbench__side{display:grid;align-content:start;gap:var(--space-4)}.form-layout{display:grid;gap:var(--space-4);max-width:680px}.toolbar{display:grid;gap:var(--space-3);align-items:end}.toolbar--search .button{display:none}.field{display:grid;gap:var(--space-2);color:var(--color-muted);font-size:.88rem;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid var(--color-line);border-radius:var(--radius-sm);padding:.72rem .8rem;color:var(--color-ink);background:var(--color-surface);font-weight:500}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--color-primary);outline:3px solid var(--color-primary-soft)}.field-validation-error{color:#9f2d2d}.status-banner{border:1px solid color-mix(in srgb,var(--color-primary) 30%,var(--color-line));border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background:var(--color-primary-soft);color:var(--color-primary-strong);font-weight:700}.contact-list{display:grid;gap:var(--space-3);margin-top:var(--space-4)}.contact-card{display:grid;gap:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-surface)}.contact-card__header{display:grid;gap:var(--space-3)}.contact-card h2{margin:0;font-size:1.1rem}.contact-card p{margin:0}.contact-card__header p,.contact-card__footer{color:var(--color-muted);font-size:.92rem}.contact-card__meta{display:flex;flex-wrap:wrap;gap:var(--space-2);color:var(--color-primary-strong);font-size:.82rem;font-weight:750}.contact-card__meta span{border-radius:999px;padding:.25rem .55rem;background:var(--color-primary-soft)}.contact-card__focus{color:var(--color-ink)}.contact-card__focus--muted{color:var(--color-muted)}.empty-state{border:1px dashed var(--color-line);border-radius:var(--radius-md);padding:var(--space-6);background:var(--color-surface);text-align:center}.empty-state h2{margin:0 0 var(--space-2)}.empty-state p{margin:0;color:var(--color-muted)}.contact-profile{display:grid;gap:var(--space-5)}.contact-profile__hero{display:grid;gap:var(--space-4);align-items:end}.contact-profile__hero h1{margin:0;font-size:clamp(2rem,8vw,4rem);line-height:1}.contact-profile__hero p{margin:var(--space-2) 0 0;color:var(--color-muted)}.contact-profile__grid{display:grid;gap:var(--space-4)}.profile-sidebar,.profile-main,.timeline,.token-list,.task-list{display:grid;align-content:start;gap:var(--space-4)}.tabs{display:grid;gap:var(--space-4)}.tabs__list{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--color-line);border-radius:var(--radius-md);padding:var(--space-1);background:var(--color-surface-strong)}.tabs__tab{min-height:40px;border:0;border-radius:var(--radius-sm);padding:.55rem .9rem;color:var(--color-muted);background:transparent;font-weight:750;cursor:pointer}.tabs__tab[aria-selected=true]{color:var(--color-ink);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-line)}.tabs__panel[hidden]{display:none}.detail-list dl{display:grid;gap:var(--space-2);margin:0}.detail-list dt{color:var(--color-muted);font-size:.8rem;font-weight:750;text-transform:uppercase}.detail-list dd{margin:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.section-heading h2{margin:0;font-size:1.2rem}.section-heading span,.muted{color:var(--color-muted)}.contact-task-section>.empty-state{margin-top:var(--space-4)}.timeline-item{display:grid;gap:var(--space-3);border-left:3px solid var(--color-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--space-4);background:var(--color-surface);box-shadow:var(--shadow-soft)}.timeline-item p{margin:0}.timeline-item__meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2);color:var(--color-muted);font-size:.9rem}.timeline-item__meta strong{color:var(--color-primary-strong)}.task-workbench{align-items:start}.task-card{display:grid;gap:var(--space-3);align-items:start;border:1px solid var(--color-line);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-surface);box-shadow:var(--shadow-soft)}.task-card__body{display:grid;gap:var(--space-2)}.task-card h3{margin:0;font-size:1.02rem}.task-card p{margin:0;color:var(--color-muted)}.task-card__meta{display:flex;flex-wrap:wrap;gap:var(--space-2);color:var(--color-muted);font-size:.9rem}.task-card__meta a{color:var(--color-primary-strong);font-weight:750}.focus-note{border-radius:var(--radius-sm);padding:var(--space-3);background:var(--color-primary-soft)}.token-reveal{overflow-wrap:anywhere}.token-reveal code{display:block;border-radius:var(--radius-sm);padding:var(--space-3);background:var(--color-surface-strong);color:var(--color-primary-strong);font-size:.9rem}.token-row{display:grid;gap:var(--space-3);align-items:center}.token-row h2{margin-bottom:var(--space-1)}.status-pill{justify-self:start;border-radius:999px;padding:.25rem .65rem;background:var(--color-surface-strong);color:var(--color-muted);font-size:.84rem;font-weight:750}.account-setup-actions{margin-top:var(--space-3)}.account-setup-card{display:grid;align-content:start;gap:var(--space-3)}.account-danger{display:grid;gap:var(--space-4);margin-top:var(--space-5);max-width:360px}form{display:grid;gap:var(--space-3)}@media(min-width:680px){body{padding-bottom:0}.app-nav{justify-content:space-between}.app-brand{display:inline-flex}.mobile-titlebar{display:none}.app-nav__links{display:flex}.bottom-nav{display:none}.mobile-hidden,.contact-profile__actions{display:inline-flex!important}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.toolbar{grid-template-columns:minmax(0,1fr) auto}.toolbar--search{grid-template-columns:minmax(0,1fr)}.contact-card__header{grid-template-columns:minmax(0,1fr) auto;align-items:start}.contact-profile__hero,.token-row,.task-card{grid-template-columns:minmax(0,1fr) auto}}@media(min-width:960px){.app-nav,.app-shell,.app-footer{padding-inline:var(--space-6)}.workbench{grid-template-columns:minmax(0,1fr) minmax(300px,360px)}.task-workbench{grid-template-columns:minmax(0,1fr)}.contact-profile__grid{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start}}
