.sea-hold{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.sea-hold__panel{max-width:34rem;display:flex;flex-direction:column;gap:var(--space-3);text-align:center}.sea-hold__title{font-size:var(--text-lg);font-weight:600;color:var(--text)}.sea-hold__body{font-size:var(--text-sm);line-height:1.6;color:var(--text-muted);overflow-wrap:anywhere}.letter-body{white-space:pre-wrap;overflow-wrap:anywhere}.letter-body .katex-display{overflow-x:auto;overflow-y:hidden}.bottle-view{display:flex;flex-direction:column;gap:var(--space-4)}.bottle-view__status{display:flex}.bottle-view__question{font-size:var(--text-md);font-weight:600;line-height:1.4;text-wrap:balance}.bottle-view__letter .letter-body{font-size:var(--text-md)}.bottle-view__frames{display:flex;flex-direction:column;gap:var(--space-3);margin:0 0 var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.bottle-view__frame{margin:0;padding:var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 1px 2px #0000000f}.bottle-view__image{display:block;width:100%;border-radius:calc(var(--radius-sm) - 2px)}.bottle-view__lighthouses{list-style:none;padding:var(--space-3) 0 0;margin:var(--space-4) 0 0;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-sm)}.bottle-view__lighthouses li{display:flex;align-items:center;gap:var(--space-2);color:var(--source)}.bottle-view__lighthouses a{color:var(--source);text-decoration:underline}.bottle-view__locator{color:var(--text-faint)}.bottle-view__currents{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.bottle-view__currents li{padding:2px var(--space-3);border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--text-muted);font-size:var(--text-sm)}.bottle-view__hint{color:var(--text-faint);font-size:var(--text-sm)}.constellation{display:flex;flex-direction:column;gap:var(--space-4)}.constellation__description{color:var(--text-muted);font-size:var(--text-sm);line-height:var(--leading)}.constellation__search{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);height:40px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-faint);transition:border-color var(--dur-1) var(--ease)}.constellation__search:focus-within{border-color:var(--primary)}.constellation__search input{flex:1;min-width:0;border:none;background:none;color:var(--text);font-size:var(--text-base);outline:none}.constellation__empty-search,.constellation__hint{color:var(--text-faint);font-size:var(--text-sm);line-height:var(--leading)}.constellation__matches{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.constellation__match{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);text-align:left;color:var(--text);font-size:var(--text-sm)}.constellation__matches li+li .constellation__match{border-top:1px solid var(--border)}.constellation__match:hover,.constellation__match:focus-visible{background:var(--accent-soft)}.constellation__match-size{color:var(--text-faint);font-size:var(--text-xs);flex-shrink:0}.constellation-sky{display:block;width:100%;aspect-ratio:1 / 1;max-height:46vh;border-radius:var(--radius-card);background:radial-gradient(circle at 50% 45%,#1f4a5e 0%,var(--deep-sea) 62%,#102530 100%)}.constellation-sky__line{stroke:var(--tide);stroke-width:.22;stroke-linecap:round}.constellation-sky__star{fill:var(--paper)}.constellation-sky__star--anchor{fill:var(--lighthouse)}.constellation-sky__halo{fill:none;stroke:var(--lighthouse);stroke-width:.3;stroke-opacity:.55}.constellation__stars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.constellation__star-row+.constellation__star-row .constellation__star{border-top:1px solid var(--border)}.constellation__star{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px var(--space-3);width:100%;padding:var(--space-2) var(--space-3);text-align:left;color:var(--text)}button.constellation__star:hover,button.constellation__star:focus-visible{background:var(--accent-soft)}.constellation__star--anchor{background:var(--sand-soft)}.constellation__star-title{font-size:var(--text-sm);font-weight:500;overflow-wrap:anywhere}.constellation__star-reps{font-size:var(--text-xs);color:var(--text-faint);white-space:nowrap}.constellation__star-link{grid-column:1 / -1;font-size:var(--text-xs);color:var(--text-muted);overflow-wrap:anywhere}.storage-notice{position:fixed;left:50%;bottom:max(var(--space-4),env(safe-area-inset-bottom));transform:translate(-50%);z-index:60;width:min(560px,calc(100vw - var(--space-4) * 2));display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-card);background:var(--surface);box-shadow:0 10px 30px #00000040}.storage-notice--warn{border:1px solid var(--danger)}.storage-notice--ok{border:1px solid var(--line, transparent);justify-content:center}.storage-notice__text{display:flex;flex-direction:column;gap:var(--space-1);flex:1;min-width:0}.storage-notice__title{font-weight:600;color:var(--danger)}.storage-notice__body{font-size:var(--text-sm);color:var(--text-muted);overflow-wrap:anywhere}.storage-notice--warn .ui-btn{flex-shrink:0}@media(max-width:480px){.storage-notice--warn{flex-direction:column;align-items:stretch}}.notifications{display:flex;flex-direction:column;gap:var(--space-5)}.notifications__group{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.notifications__heading{margin:0;font-size:var(--text-sm);font-weight:600;color:var(--text-muted)}.notifications__when{margin:0;font-size:var(--text-xl);color:var(--text)}.notifications__detail{margin:0;font-size:var(--text-sm);line-height:1.5;color:var(--text-muted)}.notifications__empty{margin:0;font-size:var(--text-sm);color:var(--text-faint)}:root{--foam: #f7f9f6;--paper: #fffdf8;--deep-sea: #18384a;--ocean: #32758a;--tide: #78b8c5;--sand: #e8ddc7;--lighthouse: #f1b84b;--coral: #df7565;--harbor: #548474;--bg: var(--foam);--surface: var(--paper);--surface-sunken: #eff3f0;--text: var(--deep-sea);--text-muted: #4c6575;--text-faint: #587080;--border: #e3e7e2;--border-strong: #cfd7d2;--primary: #2c6779;--primary-strong: #245566;--primary-contrast: #ffffff;--accent: var(--tide);--accent-soft: #e2f0f3;--source: #856209;--source-soft: #fbf1d9;--danger: #a8402f;--danger-soft: #fae8e5;--success: #41695c;--success-soft: #e2ede8;--sand-soft: #f3ecdd;--mastery-shallow: #4f93a8;--mastery-shallow-soft: #e7f2f5;--mastery-open: #2c6779;--mastery-open-soft: #d5e8ee;--mastery-deep: #1d4a5c;--mastery-deep-soft: #c3dde6;--scrim: rgba(24, 56, 74, .32);--art-glass: var(--tide);--art-glass-deep: #5aa3b2;--art-paper: #fdf6e8;--art-paper-edge: #ecdfc2;--art-twine: #a8825a;--art-cork: #c9a876;--art-wave-back: #a9cdd6;--art-wave-front: var(--ocean);--radius-sm: 10px;--radius-md: 12px;--radius-card: 16px;--radius-cover: 20px;--radius-modal: 24px;--shadow-1: 0 1px 2px rgba(20, 45, 55, .06);--shadow-2: 0 8px 24px rgba(20, 45, 55, .08);--font-sans: sans-serif;--font-serif: Georgia, serif;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--leading: 1.6;--dur-1: .18s;--dur-2: .32s;--ease: cubic-bezier(.2, .8, .4, 1);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--content-width: 640px;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #101a21;--surface: #172832;--surface-sunken: #0c141a;--text: #e9f0ee;--text-muted: #a7bcc2;--text-faint: #7d939b;--border: #24363f;--border-strong: #33474f;--primary: #79aeb9;--primary-strong: #8fc0ca;--primary-contrast: #0c141a;--accent: #79aeb9;--accent-soft: #1c333c;--source: #e9b85d;--source-soft: #33301e;--danger: #e08a7c;--danger-soft: #3a2521;--success: #7aa891;--success-soft: #1e332a;--sand-soft: #2a3a42;--mastery-shallow: #6fa9bb;--mastery-shallow-soft: #12232b;--mastery-open: #8fc0ca;--mastery-open-soft: #16303a;--mastery-deep: #b3d5dd;--mastery-deep-soft: #1b3c49;--scrim: rgba(0, 0, 0, .55);--art-glass: #5f97a5;--art-glass-deep: #4a7f8d;--art-paper: #e9dfc8;--art-paper-edge: #cdbf9f;--art-twine: #96754f;--art-cork: #b09263;--art-wave-back: #23404c;--art-wave-front: #35606f;--shadow-1: 0 1px 2px rgba(0, 0, 0, .3);--shadow-2: 0 8px 24px rgba(0, 0, 0, .35)}}:root[data-theme=light]{--bg: var(--foam);--surface: var(--paper);--surface-sunken: #eff3f0;--text: var(--deep-sea);--text-muted: #4c6575;--text-faint: #587080;--border: #e3e7e2;--border-strong: #cfd7d2;--primary: #2c6779;--primary-strong: #245566;--primary-contrast: #ffffff;--accent: var(--tide);--accent-soft: #e2f0f3;--source: #856209;--source-soft: #fbf1d9;--danger: #a8402f;--danger-soft: #fae8e5;--success: #41695c;--success-soft: #e2ede8;--sand-soft: #f3ecdd;--mastery-shallow: #4f93a8;--mastery-shallow-soft: #e7f2f5;--mastery-open: #2c6779;--mastery-open-soft: #d5e8ee;--mastery-deep: #1d4a5c;--mastery-deep-soft: #c3dde6;--scrim: rgba(24, 56, 74, .32);--shadow-1: 0 1px 2px rgba(20, 45, 55, .06);--shadow-2: 0 8px 24px rgba(20, 45, 55, .08)}:root[data-theme=dark]{--bg: #101a21;--surface: #172832;--surface-sunken: #0c141a;--text: #e9f0ee;--text-muted: #a7bcc2;--text-faint: #7d939b;--border: #24363f;--border-strong: #33474f;--primary: #79aeb9;--primary-strong: #8fc0ca;--primary-contrast: #0c141a;--accent: #79aeb9;--accent-soft: #1c333c;--source: #e9b85d;--source-soft: #33301e;--danger: #e08a7c;--danger-soft: #3a2521;--success: #7aa891;--success-soft: #1e332a;--sand-soft: #2a3a42;--mastery-shallow: #6fa9bb;--mastery-shallow-soft: #12232b;--mastery-open: #8fc0ca;--mastery-open-soft: #16303a;--mastery-deep: #b3d5dd;--mastery-deep-soft: #1b3c49;--scrim: rgba(0, 0, 0, .55);--shadow-1: 0 1px 2px rgba(0, 0, 0, .3);--shadow-2: 0 8px 24px rgba(0, 0, 0, .35)}@media(max-width:768px){:root{--text-base: 1rem}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading);-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}button,input,textarea,select{font:inherit;color:inherit}button{background:none;border:none;padding:0;cursor:pointer}h1,h2,h3,h4{font-weight:600;line-height:1.3;overflow-wrap:break-word}p{overflow-wrap:break-word}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}::selection{background:var(--accent-soft)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-sm);font-weight:500;border:1px solid transparent;transition:background-color var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),color var(--dur-1) var(--ease),transform var(--dur-1) var(--ease);white-space:nowrap}.ui-btn:active{transform:translateY(1px)}.ui-btn:disabled{opacity:.45;cursor:default;transform:none}.ui-btn--md{height:38px;padding:0 var(--space-4);font-size:var(--text-base)}.ui-btn--lg{height:48px;padding:0 var(--space-6);font-size:var(--text-md);border-radius:var(--radius-md)}.ui-btn--block{width:100%}.ui-btn--primary{background:var(--primary);color:var(--primary-contrast)}.ui-btn--primary:hover:not(:disabled){background:var(--primary-strong)}.ui-btn--quiet{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.ui-btn--quiet:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.ui-btn--ghost{background:transparent;color:var(--text-muted)}.ui-btn--ghost:hover:not(:disabled){background:var(--accent-soft);color:var(--text)}.ui-btn--danger{background:transparent;border-color:var(--danger);color:var(--danger)}.ui-btn--danger:hover:not(:disabled){background:var(--danger-soft)}.ui-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-1);padding:var(--space-5)}.ui-card--letter{font-family:var(--font-serif);line-height:1.7}.ui-list{display:flex;flex-direction:column}.ui-row{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-2);border-radius:var(--radius-sm);text-align:left;transition:background-color var(--dur-1) var(--ease)}.ui-row+.ui-row{border-top:1px solid var(--border);border-top-left-radius:0;border-top-right-radius:0}.ui-row:hover{background:var(--accent-soft)}.ui-row__leading{color:var(--text-faint);flex-shrink:0;display:flex}.ui-row__body{flex:1;min-width:0}.ui-row__title{display:block;font-size:var(--text-base);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-row__meta{display:block;font-size:var(--text-sm);color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-row__trailing{flex-shrink:0;display:flex;align-items:center;gap:var(--space-2)}.ui-section{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin:var(--space-6) 0 var(--space-2)}.ui-section__title{font-size:var(--text-sm);font-weight:600;letter-spacing:.02em;color:var(--text-muted)}.ui-section__count{font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--text-faint)}.ui-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:var(--text-xs);font-weight:500;line-height:1.6}.ui-badge--neutral{background:var(--surface-sunken);color:var(--text-muted)}.ui-badge--tide{background:var(--accent-soft);color:var(--primary)}.ui-badge--harbor{background:var(--success-soft);color:var(--success)}.ui-badge--coral{background:var(--danger-soft);color:var(--danger)}.ui-badge--lighthouse{background:var(--source-soft);color:var(--source)}.ui-badge--sand{background:var(--sand-soft);color:var(--text-muted)}.ui-badge--shallow{background:var(--mastery-shallow-soft);color:var(--mastery-shallow)}.ui-badge--openSea{background:var(--mastery-open-soft);color:var(--mastery-open)}.ui-badge--deep{background:var(--mastery-deep-soft);color:var(--mastery-deep)}.ui-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-10) var(--space-6);text-align:center;color:var(--text-faint)}.ui-empty__icon{color:var(--text-faint);opacity:.7}.ui-empty__title{font-size:var(--text-md);font-weight:600;color:var(--text-muted)}.ui-empty__hint{font-size:var(--text-sm);max-width:36ch}.ui-wave-progress{position:relative;height:6px;border-radius:999px;background:var(--surface-sunken);overflow:hidden}.ui-wave-progress__fill{position:absolute;inset:0 auto 0 0;background:var(--primary);border-radius:999px;transition:width var(--dur-2) var(--ease)}.shell-desktop{display:flex;min-height:100vh}.shell-desktop__sidebar{display:flex;flex-direction:column;width:232px;flex-shrink:0;padding:var(--space-5) var(--space-3);border-right:1px solid var(--border);background:var(--surface);position:sticky;top:0;height:100vh}.shell-desktop__brand{display:flex;flex-direction:column;gap:2px;padding:0 var(--space-2) var(--space-5)}.shell-desktop__wordmark{font-weight:600;font-size:var(--text-lg);letter-spacing:-.01em}.shell-desktop__sea{font-size:var(--text-sm);color:var(--text-faint)}.shell-desktop__nav{display:flex;flex-direction:column;gap:2px}.shell-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:8px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-base);color:var(--text-muted);transition:background-color var(--dur-1) var(--ease),color var(--dur-1) var(--ease);text-align:left}.shell-nav-item:hover{background:var(--accent-soft);color:var(--text)}.shell-nav-item--active{background:var(--accent-soft);color:var(--primary);font-weight:500}.shell-desktop__footer{margin-top:auto;border-top:1px solid var(--border);padding-top:var(--space-3)}.shell-desktop__main{flex:1;min-width:0}.shell-content{max-width:var(--content-width);margin:0 auto;padding:var(--space-8) var(--space-6) var(--space-10)}.shell-mobile{display:flex;flex-direction:column;height:100vh;overflow:hidden}@supports (height: 1dvh){.shell-mobile{height:100dvh}}.shell-mobile__topbar{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--space-3) + env(safe-area-inset-top)) var(--space-4) var(--space-3);flex:0 0 auto;background:var(--bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5}@supports (background: color-mix(in srgb,red 50%,blue)){.shell-mobile__topbar{background:color-mix(in srgb,var(--bg) 88%,transparent)}}.shell-mobile__title{font-size:var(--text-lg);font-weight:600}.shell-mobile__add{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--primary);color:var(--primary-contrast)}.shell-mobile__account{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:var(--text-muted)}.shell-mobile__account:hover{background:var(--accent-soft)}.shell-mobile__main{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.shell-mobile .shell-content{padding:var(--space-2) var(--space-4) var(--space-8)}.shell-mobile__tabbar{display:flex;border-top:1px solid var(--border);background:var(--surface);padding-bottom:env(safe-area-inset-bottom);flex:0 0 auto;z-index:5}.shell-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-2) 0 var(--space-2);font-size:var(--text-xs);color:var(--text-faint);transition:color var(--dur-1) var(--ease)}.shell-tab--active{color:var(--primary)}.intro{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;background:var(--bg);overflow:hidden;z-index:50;opacity:1;transition:opacity var(--dur-2) var(--ease)}.intro--leaving{opacity:0}.intro__brand{margin-top:max(18vh,calc(env(safe-area-inset-top) + 12vh));text-align:center;padding:0 var(--space-6)}.intro__wordmark{font-size:clamp(2rem,6vw,2.75rem);letter-spacing:-.02em}.intro__tagline{margin-top:var(--space-2);color:var(--text-muted);font-size:var(--text-base)}.intro__scene{position:absolute;inset:auto 0 0 0;height:46vh}.intro-wave{position:absolute;inset:auto 0 0 0;overflow:hidden}.intro-wave--back{height:62%}.intro-wave--back .intro-wave__tile{fill:var(--art-wave-back)}.intro-wave--front{height:44%}.intro-wave--front .intro-wave__tile{fill:var(--art-wave-front)}.intro-wave__track{display:flex;width:200%;height:100%;animation:intro-wave-drift 13s linear infinite}.intro-wave--front .intro-wave__track{animation-duration:8.5s;animation-direction:reverse}.intro-wave__tile{width:50%;height:100%;flex-shrink:0}.intro__bottle{position:absolute;left:50%;bottom:36%;translate:-50% 0;animation:intro-float-in .7s var(--ease) both,intro-bob 2.8s ease-in-out .6s infinite}.intro__skip{position:absolute;right:max(var(--space-5),env(safe-area-inset-right));top:max(var(--space-5),calc(env(safe-area-inset-top) + var(--space-3)));color:var(--text-faint);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.intro__skip:hover{color:var(--text);background:var(--accent-soft)}@keyframes intro-wave-drift{to{transform:translate(-50%)}}@keyframes intro-float-in{0%{opacity:0;transform:translateY(14%)}to{opacity:1;transform:translateY(0)}}@keyframes intro-bob{0%,to{rotate:-3deg;translate:-50% 0}50%{rotate:2deg;translate:-50% -7%}}@media(prefers-reduced-motion:reduce){.intro-wave__track,.intro__bottle{animation:none}}.beach__horizon{height:40px;margin:calc(var(--space-4) * -1) 0 var(--space-5);opacity:.5}.beach__horizon svg{width:100%;height:100%;fill:var(--art-wave-back)}.beach__header{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-6)}.beach__greeting{color:var(--text-faint);font-size:var(--text-base)}.beach__headline{font-size:var(--text-xl);letter-spacing:-.01em;text-wrap:balance}.beach__meta{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--space-3)}.beach__tide-link{display:inline-flex;align-items:center;gap:4px}.wave{min-height:100vh;display:flex;flex-direction:column;max-width:var(--content-width);margin:0 auto;padding:calc(var(--space-5) + env(safe-area-inset-top)) var(--space-5) calc(var(--space-8) + env(safe-area-inset-bottom))}@supports (height: 1dvh){.wave{min-height:100dvh}}.wave__top{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8)}.wave__top .ui-wave-progress{flex:1}.wave__close{color:var(--text-faint);display:flex;padding:var(--space-2);border-radius:var(--radius-sm)}.wave__close:hover{color:var(--text);background:var(--accent-soft)}.wave__body{display:flex;flex-direction:column;gap:var(--space-5)}.wave__bottle-title{font-size:var(--text-sm);color:var(--text-faint);margin-bottom:var(--space-2)}.wave__prompt{font-size:var(--text-xl);font-weight:600;line-height:1.4;text-wrap:balance}.wave__letter p{font-size:var(--text-md)}.wave__lighthouses{list-style:none;padding:var(--space-3) 0 0;margin:var(--space-4) 0 0;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-sm)}.wave__lighthouses li{display:flex;align-items:center;gap:var(--space-2);color:var(--source)}.wave__lighthouses a{color:var(--source);text-decoration:underline;text-decoration-color:var(--source)}@supports (color: color-mix(in srgb,red 50%,blue)){.wave__lighthouses a{text-decoration-color:color-mix(in srgb,var(--source) 40%,transparent)}}.wave__locator{color:var(--text-faint)}.wave__recall{border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-3);background:var(--surface);resize:vertical;font-size:var(--text-base)}.wave__recall:focus{outline:none;border-color:var(--primary)}.wave__verdict{display:flex;flex-direction:column;gap:2px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm)}.wave__verdict--pending{color:var(--text-faint);background:var(--surface-sunken)}.wave__verdict--correct{background:var(--success-soft);color:var(--success)}.wave__verdict--partial{background:var(--sand-soft);color:var(--text-muted)}.wave__verdict--incorrect{background:var(--danger-soft);color:var(--danger)}.wave-grade--suggested{outline:2px solid currentColor;outline-offset:1px}.wave__grades{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.wave-grade{padding:var(--space-3) var(--space-2);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface);font-size:var(--text-sm);font-weight:500;transition:background-color var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease)}.wave-grade--coral{color:var(--danger)}.wave-grade--coral:hover{background:var(--danger-soft);border-color:var(--danger)}.wave-grade--sand{color:var(--text-muted)}.wave-grade--sand:hover{background:var(--sand-soft);border-color:var(--border-strong)}.wave-grade--tide{color:var(--primary)}.wave-grade--tide:hover{background:var(--accent-soft);border-color:var(--primary)}.wave-grade--harbor{color:var(--success)}.wave-grade--harbor:hover{background:var(--success-soft);border-color:var(--success)}@media(max-width:480px){.wave__grades{grid-template-columns:repeat(2,1fr)}}.wave--done{justify-content:center}.wave__summary{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-8)}.wave__summary h2{font-size:var(--text-xl)}.wave__summary p{color:var(--text-muted)}.wave__harbor{color:var(--success)!important}.wave__frames{display:flex;flex-direction:column;gap:var(--space-3);margin:0 0 var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.wave__frame{margin:0;padding:var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 1px 2px #0000000f}.wave__image{display:block;width:100%;border-radius:calc(var(--radius-sm) - 2px)}.wave__notify{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);margin:var(--space-4) 0;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-sunken);text-align:left}.wave__notify-title{margin:0;font-weight:600}.wave__notify-body{margin:0;font-size:var(--text-sm);line-height:1.5;color:var(--text-muted)}.wave__notify-actions{display:flex;gap:var(--space-2);margin-top:var(--space-1)}.wave__ride{color:var(--text-muted);font-size:var(--text-sm)}.wave__mask-stage{position:relative;display:block;padding:0;border:0;line-height:0}.wave__mask{position:absolute;background:var(--text);border-radius:2px}.wave__mask-question{font-size:var(--text-md);font-weight:600;margin:0}.ocean__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap}.ocean__name{font-size:var(--text-xl);letter-spacing:-.01em}.ocean__meta{color:var(--text-faint);font-size:var(--text-sm);margin-top:2px}.ocean__actions{display:flex;gap:var(--space-2);flex-shrink:0}.ocean__search{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);height:40px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-faint);margin-bottom:var(--space-4);transition:border-color var(--dur-1) var(--ease)}.ocean__search:focus-within{border-color:var(--primary)}.ocean__search input{flex:1;border:none;outline:none;background:transparent;color:var(--text)}.ocean__search input::placeholder{color:var(--text-faint)}.ocean__identity{flex:1 1 12rem;min-width:0}.ocean__voyages{margin-bottom:var(--space-2)}.ocean__voyages-hint{font-size:var(--text-sm);color:var(--text-faint)}.ocean__add-voyage{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-sm);color:var(--primary);padding:2px var(--space-2);border-radius:var(--radius-sm)}.ocean__add-voyage:hover{background:var(--accent-soft)}@media(max-width:768px){.ocean__header{flex-direction:column;align-items:stretch;gap:var(--space-3);margin-bottom:var(--space-4)}.ocean__identity{flex:0 0 auto}.ocean__actions{flex-wrap:wrap}.ocean__name,.ocean__switcher{font-size:var(--text-lg)}}.ocean__voyage-leaf{display:inline-flex;color:var(--source)}.chart__title{font-size:var(--text-xl);letter-spacing:-.01em;margin-bottom:var(--space-5)}.chart__tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-4)}@media(max-width:480px){.chart__tiles{grid-template-columns:1fr}}.chart-tile__label{font-size:var(--text-sm);color:var(--text-muted)}.chart-tile__value{font-size:var(--text-2xl);font-weight:600;font-variant-numeric:tabular-nums;margin:var(--space-1) 0}.chart-tile__denominator{font-size:var(--text-md);font-weight:400;color:var(--text-faint)}.chart-tile__hint{font-size:var(--text-xs);color:var(--text-faint)}.chart-panel{margin-bottom:var(--space-4)}.chart-panel__title{font-weight:600;font-size:var(--text-base)}.chart-panel__hint{font-size:var(--text-xs);color:var(--text-faint);margin-bottom:var(--space-4)}.chart-bars svg{width:100%;height:88px}.chart-bars__bar{fill:var(--primary)}.chart-bars__bar:hover{fill:var(--primary-strong)}.chart-bars__labels{display:flex;margin-top:var(--space-1)}.chart-bars__labels span{flex:1;text-align:center;font-size:var(--text-xs);color:var(--text-faint);overflow:hidden}.editor-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);display:flex;align-items:center;justify-content:center;z-index:20;padding:var(--space-4);animation:editor-fade var(--dur-1) var(--ease)}.editor-sheet{width:min(560px,100%);max-height:min(720px,calc(100vh - var(--space-8)));overflow-y:auto;background:var(--surface);border-radius:var(--radius-modal);box-shadow:var(--shadow-2);padding:var(--space-6);animation:editor-rise var(--dur-2) var(--ease)}@media(max-width:768px){.editor-scrim{padding:0;align-items:flex-end}.editor-sheet{width:100%;max-height:calc(100vh - env(safe-area-inset-top) - var(--space-8));border-bottom-left-radius:0;border-bottom-right-radius:0;padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom))}}@supports (height: 1dvh){.editor-sheet{max-height:min(720px,calc(100dvh - var(--space-8)))}@media(max-width:768px){.editor-sheet{max-height:calc(100dvh - env(safe-area-inset-top) - var(--space-8))}}}.editor-sheet__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.editor-sheet__header h2{font-size:var(--text-lg)}.editor-sheet__close{color:var(--text-faint);display:flex;padding:var(--space-2);border-radius:var(--radius-sm)}.editor-sheet__close:hover{color:var(--text);background:var(--accent-soft)}.editor-form{display:flex;flex-direction:column;gap:var(--space-4)}.editor-field{display:flex;flex-direction:column;gap:var(--space-1)}.editor-field>span,.editor-field legend{font-size:var(--text-sm);color:var(--text-muted);font-weight:500}.editor-field input,.editor-field textarea{border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);background:var(--bg);resize:vertical;transition:border-color var(--dur-1) var(--ease)}.editor-field input:focus,.editor-field textarea:focus{outline:none;border-color:var(--primary)}.editor-field--group{border:none;padding:0;margin:0;gap:var(--space-2)}.editor-field--group legend{margin-bottom:var(--space-1);color:var(--source)}.editor-lighthouses{display:flex;flex-wrap:wrap;gap:var(--space-2)}.editor-lighthouse-chip{display:inline-flex;align-items:center;gap:var(--space-2);align-self:flex-start;max-width:100%;padding:6px var(--space-3);border:1px solid var(--border-strong);border-radius:999px;background:var(--source-soft);color:var(--source);font-size:var(--text-sm);font-weight:500;transition:border-color var(--dur-1) var(--ease)}.editor-lighthouse-chip:hover{border-color:var(--source)}.editor-lighthouse-chip img{border-radius:4px;flex-shrink:0}.editor-lighthouse-chip__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-lighthouse-busy{font-size:var(--text-sm);color:var(--text-faint)}.editor-error{color:var(--danger);font-size:var(--text-sm)}.editor-ocr{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.editor-ocr__note{font-size:var(--text-sm);color:var(--text-faint)}.editor-ocr__limit{flex-basis:100%}.editor-sheet__footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-2);gap:var(--space-2)}.editor-sheet__footer-left{display:flex;align-items:center;gap:var(--space-1)}.editor-danger{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border)}.editor-danger:focus-visible{outline:2px solid var(--danger);outline-offset:var(--space-2);border-radius:var(--radius-sm)}.editor-danger__title{font-weight:600;color:var(--danger)}.editor-danger__body{font-size:var(--text-sm);color:var(--text-muted)}.editor-danger__actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.editor-photo__mask{font-size:var(--text-sm);font-weight:500;color:var(--primary);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:2px var(--space-2);background:var(--surface)}.editor-photo__mask:hover{border-color:var(--primary);background:var(--accent-soft)}.editor-mask{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.editor-mask__stage{position:relative;display:block;padding:0;border:0;line-height:0;width:100%}.editor-mask__stage img{display:block;width:100%;border-radius:var(--radius-sm)}.editor-mask__line{position:absolute;padding:0;border:1px dashed var(--primary);border-radius:2px;background:none}.editor-mask__line:hover,.editor-mask__line:focus-visible{border-style:solid}.editor-mask__cover{position:absolute;padding:0;border:0;border-radius:2px;background:var(--text)}.editor-mask__drag{position:absolute;background:#468ca059;outline:2px solid var(--primary);pointer-events:none}.editor-mask__stage{touch-action:none}.editor-mask__pending{display:flex;align-items:flex-end;gap:var(--space-2)}.editor-mask__pending .editor-field{flex:1}.editor-mask__actions{display:flex;justify-content:space-between;gap:var(--space-2)}.editor-photo__open{display:block;padding:0;border:0;line-height:0;border-radius:var(--radius-sm);overflow:hidden}.editor-photo__open img{display:block;width:96px;height:96px;object-fit:cover}.studio-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);display:flex;align-items:center;justify-content:center;z-index:30;padding:var(--space-4)}.studio{display:flex;flex-direction:column;gap:var(--space-2);background:var(--surface);border-radius:var(--radius-modal);box-shadow:var(--shadow-2);padding:var(--space-4);max-width:640px;width:100%}.studio__stage img{max-height:55vh;width:100%;object-fit:contain;background:var(--surface-sunken)}.studio__ink{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.studio__ink polyline{stroke:#468ca080;stroke-width:4.5}.harbor__header{margin-bottom:var(--space-5)}.harbor__title{font-size:var(--text-xl);letter-spacing:-.01em}.harbor__meta{color:var(--text-muted);font-size:var(--text-sm);margin-top:2px}.voyage-form{display:flex;flex-direction:column;gap:var(--space-4)}.voyage-target label{font-size:var(--text-sm);color:var(--text-muted);font-weight:500}.voyage-target__row{display:flex;align-items:center;gap:var(--space-2)}.voyage-target__row input[type=date]{min-height:44px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);background:var(--bg);color:var(--text);font-family:inherit;font-size:var(--text-base)}.voyage-target__row input[type=date]:focus{outline:none;border-color:var(--primary)}.voyage-target__clear{min-height:44px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-muted)}.voyage-target__clear:hover{color:var(--primary);background:var(--accent-soft)}.voyage-target__hint{font-size:var(--text-xs);color:var(--text-faint);line-height:var(--leading)}.voyage-bottles__label{font-size:var(--text-sm);font-weight:500;color:var(--text-muted);margin-bottom:var(--space-2)}.voyage-bottles__label span{color:var(--text-faint);font-weight:400}.voyage-bottles__empty{font-size:var(--text-sm);color:var(--text-faint)}.voyage-bottles__list{list-style:none;margin:0;padding:0;max-height:240px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-md)}.voyage-bottles__row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);cursor:pointer}.voyage-bottles__row:hover{background:var(--accent-soft)}.voyage-bottles__row input{accent-color:var(--primary)}.voyage-danger{display:flex;margin-top:var(--space-1);margin-left:calc(var(--space-2) * -1)}.ocean__switcher{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:var(--text-lg);font-weight:600;padding:4px var(--space-2);max-width:100%}.ocean__new-form{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.ocean__new-form input{flex:1;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);background:var(--bg)}.ocean__new-form input:focus{outline:none;border-color:var(--primary)}.tide-form{display:flex;flex-direction:column;gap:var(--space-6)}.tide-form__intro{font-size:var(--text-sm);color:var(--text-muted)}.tide-field{display:flex;flex-direction:column;gap:var(--space-2)}.tide-field__label{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--text-muted)}.tide-field__label em{font-style:normal;font-weight:400;color:var(--primary)}.tide-field__track{display:flex;align-items:center;min-height:44px}.tide-field input[type=range]{accent-color:var(--primary);width:100%;touch-action:pan-y}.tide-field__hint{font-size:var(--text-xs);color:var(--text-faint)}.tide-wave{display:flex;flex-direction:column;gap:var(--space-3)}.tide-ride{font-family:var(--font-serif);font-size:var(--text-md);line-height:var(--leading);color:var(--text);margin:0}.tide-mode{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.tide-mode__badge{font-size:var(--text-xs);font-weight:500;color:var(--primary);background:var(--accent-soft);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2)}.tide-mode__badge--locked{color:var(--source);background:var(--sand-soft)}.tide-mode__toggle{display:flex;align-items:center;gap:var(--space-2);min-height:44px}.tide-mode__toggle label{display:flex;align-items:center;min-height:44px;padding-right:var(--space-1);font-size:var(--text-sm);color:var(--text-muted);cursor:pointer}.tide-switch{accent-color:var(--primary);width:24px;height:24px;cursor:pointer}.tide-mode__hint{font-size:var(--text-xs);color:var(--text-faint);line-height:var(--leading);margin:0}.beach__tide-link{font-size:var(--text-sm);color:var(--text-muted);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);margin-left:calc(var(--space-2) * -1)}.beach__tide-link:hover{color:var(--primary);background:var(--accent-soft)}.tide-precise{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start;padding-top:var(--space-5);border-top:1px solid var(--border)}.account-sheet{max-width:420px}.account-sheet__body{display:flex;flex-direction:column;gap:var(--space-4)}.account-sheet__pitch{color:var(--text-muted)}.account-sheet__hint{font-size:var(--text-sm);color:var(--text-faint)}.account-sheet__name{font-weight:600;font-size:var(--text-md)}.account-sheet__email{font-size:var(--text-sm);color:var(--text-muted)}.account-sheet__sync{font-size:var(--text-sm);color:var(--text-faint)}.account-sheet__actions{display:flex;gap:var(--space-2)}.account-sheet__support{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border);font-size:var(--text-sm);color:var(--text-faint)}.account-sheet__support a{color:var(--primary)}.account-sheet__danger{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.account-sheet__danger-link{font-size:var(--text-sm);color:var(--danger);padding:var(--space-1) var(--space-2);margin-left:calc(var(--space-2) * -1);border-radius:var(--radius-sm)}.account-sheet__danger-link:hover{background:var(--danger-soft)}.account-sheet__danger-title{font-weight:600;color:var(--danger)}.account-sheet__danger-body{font-size:var(--text-sm);color:var(--text-muted)}.account-sheet__providers{display:grid;gap:var(--space-2);margin-bottom:var(--space-3)}.account-sheet__providers button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.plan{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);margin-bottom:var(--space-4)}.plan__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-1)}.plan__name{font-size:var(--text-lg);color:var(--text)}.plan__meta,.plan__usage{font-size:var(--text-sm);color:var(--text-faint)}.plan__postal{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-3)}.plan__postal-label{font-size:var(--text-sm);color:var(--text-faint)}.plan__postal-input{min-height:44px;padding:0 var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit}.plan__actions{display:grid;gap:var(--space-4);margin-top:var(--space-4)}.plan__choice{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.plan__choice .plan__price{font-size:var(--text-sm);color:var(--text-faint)}.plan__restore{margin-top:var(--space-3);padding:0;border:none;background:none;color:var(--text-faint);font:inherit;font-size:var(--text-sm);text-decoration:underline;cursor:pointer}.account-sheet__settings{display:flex;flex-direction:column;gap:var(--space-4);padding-top:var(--space-5);margin-top:var(--space-5);border-top:1px solid var(--border)}.account-sheet__settings-title{margin:0;font-size:var(--text-sm);font-weight:600;color:var(--text-muted)}.account-sheet__field{display:flex;flex-direction:column;gap:var(--space-2)}.account-sheet__field label{font-size:var(--text-sm);color:var(--text)}.account-sheet__field select{width:100%;min-height:44px;padding:0 var(--space-3);font:inherit;font-size:var(--text-sm);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.account-sheet__field select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.account-sheet__field-hint{margin:0;font-size:var(--text-xs);line-height:1.5;color:var(--text-muted)}.polaris{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);display:flex;flex-direction:column;gap:var(--space-2)}.polaris__title{margin:0;font-size:var(--text-md);font-weight:600;color:var(--text)}.polaris__description{margin:0;font-size:var(--text-sm);line-height:1.5;color:var(--text-muted)}.polaris__groups{display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-1) 0 0;padding:0;list-style:none}.polaris__group{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:var(--space-2)}.polaris__group-name,.polaris__group-count{font-size:var(--text-sm);color:var(--text)}.polaris__group-count{font-variant-numeric:tabular-nums}.polaris__group-stars{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:var(--space-2)}.polaris__star{display:block;width:10px;height:10px;border:2px solid transparent;border-radius:50%;box-sizing:border-box}.polaris__star--synced{background:var(--success);border-color:var(--success)}.polaris__star--pending{background:transparent;border-color:var(--source)}.polaris__star--conflicted{background:var(--danger);border-color:var(--danger);border-radius:2px}@media(forced-colors:active){.polaris__star{border-color:CanvasText;forced-color-adjust:none}.polaris__star--synced,.polaris__star--conflicted{background:CanvasText}.polaris__star--pending{background:Canvas}}.impex{display:flex;flex-direction:column;gap:var(--space-6)}.impex__title{font-size:var(--text-base);margin-bottom:var(--space-1)}.impex__hint{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-3)}.impex__paste{width:100%;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);background:var(--bg);font-family:var(--font-sans);font-size:var(--text-sm);resize:vertical;margin-bottom:var(--space-3)}.impex__paste:focus{outline:none;border-color:var(--primary)}.impex__row{display:flex;gap:var(--space-2);flex-wrap:wrap}.impex__note{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--text-muted)}.impex__warn{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--danger)}.impex__done{font-size:var(--text-sm);color:var(--success)}html,body,#root{height:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}