:root{--color-lagoon-50: #f4fafb;--color-lagoon-100: #e4f5f6;--color-lagoon-200: #c3ebee;--color-lagoon-300: #91dee3;--color-lagoon-400: #5ed1d9;--color-lagoon-500: #2ec6d1;--color-lagoon-600: #28a1a9;--color-lagoon-700: #237e85;--color-lagoon-800: #1d5e62;--color-lagoon-900: #163e41;--color-lagoon-950: #0f2729;--color-ocean-50: #f4f9fb;--color-ocean-100: #e4f1f6;--color-ocean-200: #c3e2ee;--color-ocean-300: #91cce3;--color-ocean-400: #5eb6d9;--color-ocean-500: #2ea3d1;--color-ocean-600: #2885a9;--color-ocean-700: #236985;--color-ocean-800: #1d4f62;--color-ocean-900: #163541;--color-ocean-950: #0f2229;--color-deep-50: #f4f8fb;--color-deep-100: #e4eff6;--color-deep-200: #c3dcee;--color-deep-300: #91c1e3;--color-deep-400: #5ea6d9;--color-deep-500: #2e8dd1;--color-deep-600: #2873a9;--color-deep-700: #235c85;--color-deep-800: #1d4562;--color-deep-900: #162f41;--color-deep-950: #0f1e29;--color-jade-50: #f5faf8;--color-jade-100: #e7f3f0;--color-jade-200: #cae7df;--color-jade-300: #9dd7c7;--color-jade-400: #6ec9af;--color-jade-500: #40bf9b;--color-jade-600: #349d7f;--color-jade-700: #2c7d66;--color-jade-800: #245c4c;--color-jade-900: #1b3c32;--color-jade-950: #132520;--color-sand-50: #faf8f5;--color-sand-100: #f3efe7;--color-sand-200: #e7deca;--color-sand-300: #d7c49d;--color-sand-400: #c9ab6e;--color-sand-500: #bf9540;--color-sand-600: #9d7a34;--color-sand-700: #7d622c;--color-sand-800: #5c4924;--color-sand-900: #3c311b;--color-sand-950: #251f13;--color-coral-50: #faf6f5;--color-coral-100: #f3e8e7;--color-coral-200: #e7cdca;--color-coral-300: #d7a39d;--color-coral-400: #c9776e;--color-coral-500: #bf4d40;--color-coral-600: #9d3f34;--color-coral-700: #7d342c;--color-coral-800: #5c2924;--color-coral-900: #3c1e1b;--color-coral-950: #251513;--color-neutral-0: #ffffff;--color-neutral-50: #f5f8f9;--color-neutral-100: #e9eef1;--color-neutral-200: #d0dae1;--color-neutral-300: #aebcc7;--color-neutral-400: #8c9eab;--color-neutral-500: #6c8393;--color-neutral-600: #586b79;--color-neutral-700: #455763;--color-neutral-800: #32424e;--color-neutral-900: #202d37;--color-neutral-950: #141d24;--color-neutral-1000: #0c1218;--brand-abyss: #0a151f;--brand-deep-sea: #162f41;--brand-ocean: #236985;--brand-ocean-deep: #163541;--brand-ocean-soft: #35aede;--brand-lagoon: #91dee3;--brand-lagoon-deep: #237e85;--brand-lagoon-bright: #6fe3eb;--brand-foam: #e9eef1;--brand-jade: #2c7d66;--brand-sand: #7d622c;--brand-coral: #7d342c;--brand-white: #ffffff;--gradient-shallows: linear-gradient(160deg, #e4f5f6 0%, #e4f1f6 50%, #f5f8f9 100%);--gradient-depth: linear-gradient(160deg, #236985 0%, #0a151f 100%);--space-0: 0px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-xs: 3px;--radius-sm: 5px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 18px;--radius-pill: 9999px;--radius-round: 50%;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--text-xs: .75rem;--leading-xs: 1rem;--text-sm: .875rem;--leading-sm: 1.25rem;--text-base: 1rem;--leading-base: 1.5rem;--text-lg: 1.125rem;--leading-lg: 1.5rem;--text-xl: 1.25rem;--leading-xl: 1.625rem;--text-2xl: 1.375rem;--leading-2xl: 1.75rem;--text-3xl: 1.625rem;--leading-3xl: 2rem;--text-4xl: 2rem;--leading-4xl: 2.375rem;--text-5xl: 2.5rem;--leading-5xl: 2.875rem;--tracking-display: -.022em;--tracking-heading: -.014em;--tracking-body: 0;--tracking-caps: .06em;--duration-fast: .12s;--duration-base: .18s;--duration-slow: .26s;--easing-standard: cubic-bezier(.2, 0, 0, 1);--easing-exit: cubic-bezier(.4, 0, 1, 1);--easing-entrance: cubic-bezier(0, 0, .2, 1);--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-exit: cubic-bezier(.4, 0, 1, 1);--ease-entrance: cubic-bezier(0, 0, .2, 1);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--container-max: 1200px;--prose-max: 72ch;--touch-target-min: 44px;--gutter-mobile: 16px;--gutter-tablet: 24px;--gutter-desktop: 32px;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-overlay: 1040;--z-modal: 1050;--z-popover: 1060;--z-toast: 1070;--z-tooltip: 1080;--focus-width: 2px;--focus-offset: 2px;--focus-style: solid;--color-bg: #f5f8f9;--color-bg-alt: #e9eef1;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-border: #d0dae1;--color-border-strong: #aebcc7;--color-text: #162f41;--color-text-muted: #52697a;--color-text-disabled: #8c9eab;--color-primary: #236985;--color-on-primary: #ffffff;--color-primary-hover: #1d4f62;--color-primary-active: #163541;--color-primary-subtle: #e4f1f6;--color-accent: #91dee3;--color-on-accent: #162f41;--color-accent-hover: #5ed1d9;--color-accent-subtle: #e4f5f6;--color-link: #236985;--color-focus-ring: #2885a9;--color-success: #2c7d66;--color-on-success: #ffffff;--color-success-subtle: #e7f3f0;--color-warning: #5c4924;--color-warning-bg: #c9ab6e;--color-warning-subtle: #f3efe7;--color-danger: #7d342c;--color-on-danger: #ffffff;--color-danger-subtle: #f3e8e7;--color-info: #236985;--color-info-subtle: #e4f1f6;--color-overlay: rgba(6, 28, 40, .42);--shadow-e1: 0 1px 2px rgba(32, 54, 70, .05);--shadow-e2: 0 1px 2px rgba(32, 54, 70, .05), 0 4px 10px rgba(32, 54, 70, .07);--shadow-e3: 0 2px 4px rgba(32, 54, 70, .06), 0 12px 28px rgba(32, 54, 70, .11)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-bg: #0a151f;--color-bg-alt: #0f1c2a;--color-surface: #142633;--color-surface-raised: #1c3140;--color-border: #2b4354;--color-border-strong: #406077;--color-text: #ebf4f4;--color-text-muted: #9bb0bf;--color-text-disabled: #647e90;--color-primary: #35aede;--color-on-primary: #081521;--color-primary-hover: #56bde6;--color-primary-active: #78cced;--color-primary-subtle: #1c3d4a;--color-accent: #6fe3eb;--color-on-accent: #081521;--color-accent-hover: #92ebf2;--color-accent-subtle: #1b4346;--color-link: #6fe3eb;--color-focus-ring: #6fe3eb;--color-success: #60d2b2;--color-on-success: #0a1f19;--color-success-subtle: #1b3c32;--color-warning: #d8b164;--color-warning-bg: #cea450;--color-warning-subtle: #3c311b;--color-danger: #de7468;--color-on-danger: #1f0c0a;--color-danger-subtle: #401f1c;--color-info: #35aede;--color-info-subtle: #1c3d4a;--color-overlay: rgba(3, 14, 21, .6);--shadow-e1: 0 1px 2px rgba(0, 0, 0, .3);--shadow-e2: 0 2px 6px rgba(0, 0, 0, .36);--shadow-e3: 0 10px 24px rgba(0, 0, 0, .44)}}:root[data-theme=dark]{--color-bg: #0a151f;--color-bg-alt: #0f1c2a;--color-surface: #142633;--color-surface-raised: #1c3140;--color-border: #2b4354;--color-border-strong: #406077;--color-text: #ebf4f4;--color-text-muted: #9bb0bf;--color-text-disabled: #647e90;--color-primary: #35aede;--color-on-primary: #081521;--color-primary-hover: #56bde6;--color-primary-active: #78cced;--color-primary-subtle: #1c3d4a;--color-accent: #6fe3eb;--color-on-accent: #081521;--color-accent-hover: #92ebf2;--color-accent-subtle: #1b4346;--color-link: #6fe3eb;--color-focus-ring: #6fe3eb;--color-success: #60d2b2;--color-on-success: #0a1f19;--color-success-subtle: #1b3c32;--color-warning: #d8b164;--color-warning-bg: #cea450;--color-warning-subtle: #3c311b;--color-danger: #de7468;--color-on-danger: #1f0c0a;--color-danger-subtle: #401f1c;--color-info: #35aede;--color-info-subtle: #1c3d4a;--color-overlay: rgba(3, 14, 21, .6);--shadow-e1: 0 1px 2px rgba(0, 0, 0, .3);--shadow-e2: 0 2px 6px rgba(0, 0, 0, .36);--shadow-e3: 0 10px 24px rgba(0, 0, 0, .44)}:root[data-theme=light]{--color-bg: #f5f8f9;--color-bg-alt: #e9eef1;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-border: #d0dae1;--color-border-strong: #aebcc7;--color-text: #162f41;--color-text-muted: #52697a;--color-text-disabled: #8c9eab;--color-primary: #236985;--color-on-primary: #ffffff;--color-primary-hover: #1d4f62;--color-primary-active: #163541;--color-primary-subtle: #e4f1f6;--color-accent: #91dee3;--color-on-accent: #162f41;--color-accent-hover: #5ed1d9;--color-accent-subtle: #e4f5f6;--color-link: #236985;--color-focus-ring: #2885a9;--color-success: #2c7d66;--color-on-success: #ffffff;--color-success-subtle: #e7f3f0;--color-warning: #5c4924;--color-warning-bg: #c9ab6e;--color-warning-subtle: #f3efe7;--color-danger: #7d342c;--color-on-danger: #ffffff;--color-danger-subtle: #f3e8e7;--color-info: #236985;--color-info-subtle: #e4f1f6;--color-overlay: rgba(6, 28, 40, .42);--shadow-e1: 0 1px 2px rgba(32, 54, 70, .05);--shadow-e2: 0 1px 2px rgba(32, 54, 70, .05), 0 4px 10px rgba(32, 54, 70, .07);--shadow-e3: 0 2px 4px rgba(32, 54, 70, .06), 0 12px 28px rgba(32, 54, 70, .11)}@media (prefers-reduced-motion: reduce){:root{--duration-fast: 1ms;--duration-base: 1ms;--duration-slow: 1ms}}:root{--gutter: var(--gutter-mobile);color:var(--color-text);background:var(--color-bg);font-family:var(--font-ui);font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}@media (min-width: 40rem){:root{--gutter: var(--gutter-tablet)}}@media (min-width: 64rem){:root{--gutter: var(--gutter-desktop)}}body{margin:0;min-width:320px}.shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;background:var(--color-bg)}main{padding:calc(64px + clamp(var(--space-8),6vw,var(--space-20))) var(--gutter) clamp(var(--space-12),8vw,var(--space-24))}.nav{position:fixed;inset:0 0 auto;z-index:50;border-bottom:1px solid transparent;transition:background .2s ease,border-color .2s ease}.nav.is-scrolled{background:color-mix(in srgb,var(--color-bg) 82%,transparent);-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);border-bottom-color:var(--color-border)}.nav-inner{width:min(var(--container-max),calc(100% - var(--gutter) * 2));margin:0 auto;height:64px;display:flex;align-items:center;gap:var(--space-6)}.nav-brand{display:inline-flex;align-items:baseline;gap:var(--space-2);color:var(--color-text);text-decoration:none;margin-right:auto}.nav-brand-name{font-weight:var(--weight-bold);letter-spacing:.14em;font-size:var(--text-sm)}.nav-brand-product{color:var(--color-text-muted);font-size:var(--text-sm)}.nav-links{display:flex;align-items:center;gap:var(--space-8);list-style:none;margin:0;padding:0;font-size:var(--text-sm)}.nav-links a{color:var(--color-text-muted);text-decoration:none;transition:color .12s ease}.nav-links a:hover,.nav-links a.active{color:var(--color-text)}.nav-action{border:1px solid var(--color-border);background:transparent;color:var(--color-text);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);font:inherit;font-size:var(--text-sm);cursor:pointer;transition:background .12s ease,border-color .12s ease}.nav-action:hover{background:var(--color-surface);border-color:var(--color-text-muted)}.nav a:focus-visible,.nav-action:focus-visible,.footer a:focus-visible{outline:var(--focus-width) var(--focus-style) var(--color-focus-ring);outline-offset:var(--focus-offset)}@media (max-width: 44rem){.nav-links{gap:var(--space-5)}}.footer{border-top:1px solid var(--color-border)}.footer-inner{width:min(var(--container-max),calc(100% - var(--gutter) * 2));margin:0 auto;padding:var(--space-8) 0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4) var(--space-8);color:var(--color-text-muted);font-size:var(--text-sm)}.footer-brand{margin:0 auto 0 0;color:var(--color-text);font-weight:var(--weight-medium)}.footer-links{display:flex;gap:var(--space-6);list-style:none;margin:0;padding:0}.footer-links a{color:var(--color-text-muted);text-decoration:none}.footer-links a:hover{color:var(--color-text)}.footer-legal{margin:0}section{width:min(var(--container-max),100%);margin-inline:auto}.eyebrow{color:var(--color-accent);text-transform:uppercase;letter-spacing:.16em;font-size:var(--text-xs)}h1{margin:var(--space-2) 0 var(--space-5);font-family:var(--font-ui);font-size:var(--text-5xl);line-height:var(--leading-5xl);font-weight:var(--weight-bold);letter-spacing:-.03em}.summary{max-width:var(--prose-max);color:var(--color-text-muted);font-size:var(--text-lg);line-height:var(--leading-lg)}dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:var(--space-16) 0 0;border-top:1px solid var(--color-border)}dl div{padding:var(--space-5) var(--space-4) 0 0}dt{color:var(--color-text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em}dd{margin:var(--space-2) 0 0}.online{color:var(--color-success)}.pending{color:var(--color-warning)}header nav{display:flex;align-items:center;gap:var(--space-5)}header nav a{color:var(--color-text-muted);text-decoration:none;font-weight:var(--weight-medium)}header nav a.active{color:var(--color-text)}header nav a:focus-visible{outline:var(--focus-width) var(--focus-style) var(--color-focus-ring);outline-offset:var(--focus-offset)}button{font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-on-primary);background:var(--color-primary);border:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);min-height:var(--touch-target-min);cursor:pointer;transition:background var(--duration-base) var(--easing-standard)}button:hover:not(:disabled){background:var(--color-primary-hover)}button:disabled{background:var(--color-text-disabled);cursor:not-allowed}button:focus-visible{outline:var(--focus-width) var(--focus-style) var(--color-focus-ring);outline-offset:var(--focus-offset)}header nav button{min-height:auto;padding:var(--space-1) var(--space-3)}label{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text);margin-bottom:var(--space-4)}label.checkbox-field{flex-direction:row;align-items:center;font-weight:var(--weight-regular)}input,select,textarea{font-family:inherit;font-size:var(--text-base);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);min-height:var(--touch-target-min)}label.checkbox-field input{min-height:auto;width:auto}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:var(--focus-width) var(--focus-style) var(--color-focus-ring);outline-offset:var(--focus-offset);border-color:var(--color-focus-ring)}fieldset{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin:0 0 var(--space-4)}legend{font-size:var(--text-sm);font-weight:var(--weight-medium);padding:0 var(--space-2)}[role=alert]{color:var(--color-danger);background:var(--color-danger-subtle);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}[role=status]{color:var(--color-success);background:var(--color-success-subtle);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.board-filters{display:flex;flex-wrap:wrap;gap:var(--space-4);margin:var(--space-8) 0;padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.board-filters label{margin-bottom:0;min-width:160px}.task-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-4)}.task-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5)}.task-card h2{margin:0 0 var(--space-3);font-size:var(--text-xl)}.task-card a{color:var(--color-text);text-decoration:none}.task-card dl{margin:0;border-top:none;grid-template-columns:repeat(4,minmax(0,1fr))}.task-card dl div{padding:0 var(--space-4) 0 0}.compensation{font-weight:var(--weight-medium);color:var(--color-primary)}.compensation--pending{color:var(--color-text-muted);font-weight:var(--weight-regular)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin:var(--space-8) 0}.task-detail dl{grid-template-columns:repeat(3,minmax(0,1fr))}.task-status-note{display:inline-block;color:var(--color-warning);background:var(--color-warning-subtle);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.skill-list{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;margin:0;padding:0}.skill-list li{background:var(--color-accent-subtle);color:var(--color-on-accent);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.apply-section{margin-top:var(--space-8);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.apply-section textarea{width:100%;min-height:calc(var(--touch-target-min) * 2)}.profile-form,.billing-form{margin-top:var(--space-8);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.round-indicator{display:inline-block;margin:var(--space-6) 0 0;padding:var(--space-2) var(--space-3);background:var(--color-accent-subtle);color:var(--color-on-accent);border-radius:var(--radius-sm);font-weight:var(--weight-medium)}.submission-history{margin-top:var(--space-8)}.submission-list{list-style:none;margin:var(--space-4) 0 0;padding:0;display:grid;gap:var(--space-4)}.submission-round{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5)}.submission-round h3{margin:0 0 var(--space-3);font-size:var(--text-base)}.submission-round--changes_requested{border-color:var(--color-warning-bg)}.attachment-list{list-style:none;margin:var(--space-2) 0 0;padding:0;display:grid;gap:var(--space-2)}.attachment-list--pending li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.attachment-list--pending button{min-height:auto;padding:var(--space-1) var(--space-3);background:transparent;color:var(--color-danger);border:1px solid var(--color-border)}.comment-thread{list-style:none;margin:var(--space-3) 0 0;padding:var(--space-3);background:var(--color-accent-subtle);border-radius:var(--radius-sm);display:grid;gap:var(--space-2)}.delivery-form,.delivery-closed-note{margin-top:var(--space-8)}.delivery-form{padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.delivery-form-toggle{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.delivery-form-toggle button{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border)}.delivery-form-toggle button.is-active{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.delivery-form-link{display:flex;align-items:flex-end;gap:var(--space-3)}.delivery-form-link label{flex:1}.delivery-form-warning{color:var(--color-warning);background:var(--color-warning-subtle);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.delivery-closed-note{color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.home-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.task-cycle{display:grid;gap:var(--space-4);padding-left:var(--space-6)}.auth-callback{text-align:center}@media (max-width: 640px){dl{grid-template-columns:1fr}dl div{padding-bottom:var(--space-4)}.task-card dl,.task-detail dl,.home-stats{grid-template-columns:1fr}header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}header nav{flex-wrap:wrap}}.home h1{max-width:18ch;margin:var(--space-3) 0 0}.home .summary{max-width:56ch;color:var(--color-text-muted);font-size:var(--text-lg);margin:var(--space-5) 0 0}.home-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4) var(--space-6);margin-top:var(--space-8)}.home-cta{display:inline-flex;align-items:center;gap:var(--space-3);background:var(--color-text);color:var(--color-bg);text-decoration:none;border-radius:var(--radius-pill);padding:var(--space-3) var(--space-6);font-weight:var(--weight-medium)}.home-cta-count{background:color-mix(in srgb,var(--color-bg) 25%,transparent);border-radius:var(--radius-pill);padding:0 var(--space-2);font-variant-numeric:tabular-nums}.home-actions a:not(.home-cta){color:var(--color-text-muted);text-decoration:none}.home-actions a:not(.home-cta):hover{color:var(--color-text)}.how-it-works h1{max-width:20ch;margin:var(--space-3) 0 0}.how-it-works h2{margin-top:var(--space-12)}.how-it-works p,.how-it-works li{max-width:68ch}.task-cycle li strong{color:var(--color-text)}
