*{margin:0;padding:0;box-sizing:border-box}html{background:var(--color-bg);color-scheme:dark}[data-theme=day]{color-scheme:light}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--grad-night);background-attachment:fixed;-webkit-font-smoothing:antialiased;min-height:100vh;min-height:100dvh;overflow-x:clip}h1,h2,h3{font-family:var(--font-display);font-weight:var(--weight-light);line-height:var(--leading-tight)}h1{font-size:var(--text-4xl);letter-spacing:var(--tracking-tight)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-lg);font-weight:var(--weight-regular)}p{color:var(--color-text-muted)}a{color:var(--color-link);text-decoration:none}a:hover{color:var(--color-link-hover)}::selection{background:var(--color-primary);color:var(--color-on-primary)}:focus-visible{outline:var(--border-2) solid var(--color-secondary);outline-offset:3px;border-radius:var(--radius-sm)}app-wrap{display:block;width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}app-eyebrow{display:block;font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-accent)}ocean-mark{display:inline-block;line-height:0;width:1.75rem}ocean-mark svg{width:100%;height:auto;overflow:visible}ocean-mark path{stroke-width:2.4;stroke-linecap:round}brand-name{display:inline-flex;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-light);letter-spacing:var(--tracking-tight);color:var(--color-text)}brand-name em{font-style:italic;font-weight:var(--weight-semibold)}m-symbol{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;line-height:1;font-size:24px;letter-spacing:normal;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";font-variation-settings:"FILL" 0,"wght" 300,"GRAD" -25,"opsz" 24}m-btn m-symbol{font-size:20px;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" -25,"opsz" 20}m-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:2.875rem;padding-inline:var(--space-6);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:.02em;cursor:pointer;user-select:none;white-space:nowrap;overflow:hidden;transition:transform var(--dur-quick) var(--ease-spring),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-quick) var(--ease-standard),opacity var(--dur-fast)}m-btn:after{content:"";position:absolute;inset:0;background:currentColor;opacity:0;transition:opacity var(--dur-fast)}m-btn:hover:after{opacity:.1}m-btn:active:after{opacity:.18}m-btn:hover{transform:translateY(-2px)}m-btn:active{transform:translateY(0) scale(.97)}m-btn[variant=filled]{background:var(--grad-sunset);color:var(--color-on-primary)}m-btn[variant=filled]:hover{box-shadow:var(--glow-coral)}m-btn[variant=tonal]{background:var(--color-surface-2);color:var(--color-text)}m-btn[variant=tonal]:hover{box-shadow:var(--shadow-2)}m-btn[variant=ocean]{background:var(--grad-surf);color:var(--color-on-secondary)}m-btn[variant=ocean]:hover{box-shadow:var(--glow-aqua)}m-btn[variant=outlined]{background:transparent;color:var(--color-text);border:var(--border-1) solid var(--color-border-strong)}m-btn[variant=outlined]:hover{border-color:var(--color-secondary)}m-btn[variant=text]{background:transparent;color:var(--color-link);padding-inline:var(--space-4)}m-btn[variant=danger]{background:transparent;color:var(--color-danger);padding-inline:var(--space-4)}m-btn[disabled=true]{opacity:.38;pointer-events:none}m-btn[size=small]{height:2.25rem;padding-inline:var(--space-4);font-size:var(--text-xs)}m-btn[icon=true]{width:2.875rem;padding-inline:0}m-btn[icon=true][size=small]{width:2.25rem}m-btn[icon=true] m-symbol{font-size:22px}m-btn[full=true]{display:flex;width:100%}m-field,m-select{display:block;position:relative;padding-top:1.25rem;text-align:left}m-field[w=sm]{flex:1 1 7rem}m-field[w=md]{flex:1 1 13rem}m-field[w=full],m-select[w=full]{flex:1 1 100%}m-field input,m-field textarea,m-select select{width:100%;height:2.75rem;padding:0 0 var(--space-2);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background:transparent;border:0;border-bottom:var(--border-1) solid var(--color-border-strong);border-radius:0;caret-color:var(--color-primary);outline:none;transition:border-color var(--dur-quick),box-shadow var(--dur-quick)}m-field textarea{height:5.5rem;padding-top:var(--space-2);resize:vertical;line-height:var(--leading-normal)}m-select select{appearance:none;cursor:pointer}m-select select option{background:var(--color-surface);color:var(--color-text)}m-field input:focus,m-field textarea:focus,m-select select:focus{border-bottom-color:var(--color-secondary);box-shadow:inset 0 -1px 0 var(--color-secondary)}m-field input:focus-visible,m-field textarea:focus-visible,m-select select:focus-visible{outline:none}m-field label{position:absolute;left:0;right:0;top:1.25rem;font-size:var(--text-base);color:var(--color-text-subtle);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:top var(--dur-base) var(--ease-out),font-size var(--dur-base) var(--ease-out),color var(--dur-fast)}m-field input:focus+label,m-field input:not(:placeholder-shown)+label,m-field textarea:focus+label,m-field textarea:not(:placeholder-shown)+label{top:0;font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-secondary)}m-select label{position:absolute;left:0;top:0;font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-secondary);pointer-events:none}m-select m-symbol{position:absolute;right:0;bottom:var(--space-2);color:var(--color-text-subtle);pointer-events:none}m-switch{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer;user-select:none}m-switch span{position:relative;flex:none;width:3.25rem;height:1.875rem;border-radius:var(--radius-pill);background:var(--color-surface-2);border:var(--border-1) solid var(--color-border-strong);transition:background var(--dur-base) var(--ease-standard),border-color var(--dur-base)}m-switch span span{position:absolute;top:50%;left:.1875rem;width:1.375rem;height:1.375rem;border:0;border-radius:50%;background:var(--color-text-subtle);translate:0 -50%;transition:left var(--dur-base) var(--ease-spring),background var(--dur-base)}m-switch[state=on]>span{background:var(--color-secondary);border-color:transparent}m-switch[state=on]>span>span{left:1.5rem;background:var(--color-on-secondary)}m-switch label{font-size:var(--text-sm);color:var(--color-text);cursor:pointer}app-notice{position:fixed;left:50%;bottom:calc(var(--space-6) + env(safe-area-inset-bottom));translate:-50% 0;z-index:var(--z-toast);max-width:min(30rem,calc(100vw - 2 * var(--space-4)));padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--color-surface);border:var(--border-1) solid var(--color-border-strong);color:var(--color-text);box-shadow:var(--shadow-4);opacity:0;pointer-events:none;transition:opacity var(--dur-base),translate var(--dur-base) var(--ease-spring)}app-notice[state=error],app-notice[state=done]{opacity:1;translate:-50% -8px}app-notice[state=error]{border-color:var(--color-danger)}app-notice[state=done]{border-color:var(--color-success)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}