:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-canvas:oklch(96.5% .012 116);--color-surface:oklch(99.2% .006 116);--color-surface-quiet:oklch(94.2% .016 126);--color-text:oklch(22.5% .022 148);--color-text-muted:oklch(49% .025 143);--color-border:oklch(85.5% .018 126);--color-mint:oklch(74% .14 158);--color-mint-strong:oklch(62% .155 158);--color-mint-hover:oklch(58% .16 158);--color-mint-quiet:oklch(92% .055 151);--color-live-ink:oklch(36% .1 157);--color-error:oklch(49% .17 28);--color-focus:oklch(58% .17 158);--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--radius-sm:.625rem;--radius-md:1rem;--radius-lg:1.5rem;--shadow-ambient:0 18px 50px oklch(22.5% .022 148/.1);--duration-state:.18s;--ease-state:cubic-bezier(.16, 1, .3, 1);font-family:var(--font-sans);font-synthesis:none;color:var(--color-text);background:var(--color-canvas);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{background:var(--color-canvas);min-width:320px;min-height:100%}body{background:var(--color-canvas);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a,input,.file-picker{-webkit-tap-highlight-color:transparent}button,a,.file-picker{transition:color var(--duration-state) var(--ease-state), background-color var(--duration-state) var(--ease-state), border-color var(--duration-state) var(--ease-state), box-shadow var(--duration-state) var(--ease-state), transform var(--duration-state) var(--ease-state)}button{border:1px solid var(--color-border);border-radius:var(--radius-sm);min-height:2.75rem;color:var(--color-text);background:var(--color-surface);cursor:pointer}button:hover:not(:disabled){background:oklch(97.8% .012 126);border-color:oklch(72% .035 140)}button:active:not(:disabled){transform:translateY(1px)}button:disabled,input:disabled{cursor:not-allowed;opacity:.52}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}h1,h2,p,figure{margin:0}h1{max-width:22ch;margin-top:var(--space-2);letter-spacing:-.035em;font-size:2.25rem;font-weight:650;line-height:1.08}h2{letter-spacing:-.018em;font-size:1.25rem;font-weight:650;line-height:1.2}.wordmark{letter-spacing:.2em;font-size:.875rem;font-weight:800;line-height:1}.eyebrow{color:var(--color-text-muted);letter-spacing:.115em;text-transform:uppercase;font-size:.72rem;font-weight:750;line-height:1.2}.app-shell{width:min(100% - 3rem,82rem);padding-block:var(--space-5) var(--space-8);margin-inline:auto}.app-header{min-height:3.5rem;margin-bottom:var(--space-7);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.app-header>:last-child{color:var(--color-text-muted);font-size:.8rem}.dashboard-grid{gap:var(--space-7);grid-template-columns:minmax(0,1fr) 22.5rem;align-items:start;display:grid}.dashboard-main{min-width:0}.section-heading,.update-heading,.composer-heading,.history-heading,.destination-details,.composer-footer{justify-content:space-between;align-items:flex-end;gap:var(--space-5);display:flex}.live-status{align-items:center;gap:var(--space-2);min-height:2rem;padding-inline:var(--space-3);color:var(--color-live-ink);background:var(--color-mint-quiet);border:1px solid oklch(78% .07 153);border-radius:999px;flex:none;font-size:.78rem;font-weight:700;display:inline-flex}.live-status>span{background:var(--color-mint-strong);border-radius:50%;width:.5rem;height:.5rem;box-shadow:0 0 0 4px oklch(74% .14 158/.18)}.destination-preview{overflow:hidden}.current-destination>.destination-preview{margin-top:var(--space-6)}.destination-preview.photo{aspect-ratio:16/9;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-quiet);width:100%;box-shadow:var(--shadow-ambient);position:relative}.destination-preview.photo>img{object-fit:cover;width:100%;height:100%;display:block}.destination-preview.photo>figcaption{right:var(--space-4);bottom:var(--space-4);align-items:center;gap:var(--space-2);min-height:2rem;padding-inline:var(--space-3);color:var(--color-text);background:var(--color-surface);border-radius:999px;font-size:.75rem;font-weight:700;display:inline-flex;position:absolute;box-shadow:0 6px 18px oklch(22.5% .022 148/.13)}.destination-preview.link{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);min-height:18rem;box-shadow:var(--shadow-ambient);grid-template-columns:minmax(13rem,42%) 1fr;display:grid}.destination-preview.link>img,.link-fallback{object-fit:cover;background:var(--color-surface-quiet);width:100%;height:100%;min-height:18rem}.link-fallback{color:var(--color-text-muted);place-items:center;display:grid}.link-copy{min-width:0;padding:var(--space-6);flex-direction:column;justify-content:center;display:flex}.link-copy h2{margin-top:var(--space-3);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:1.5rem;line-height:1.18;display:-webkit-box;overflow:hidden}.link-copy>:last-child:not(h2){margin-top:var(--space-3);color:var(--color-text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.55;display:-webkit-box;overflow:hidden}.link-site{color:var(--color-text-muted);letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.75rem;font-weight:700;overflow:hidden}.destination-details{margin-top:var(--space-4);align-items:center}.destination-type{font-size:.86rem;font-weight:700}.destination-details time{margin-top:var(--space-1);color:var(--color-text-muted);font-size:.78rem;display:block}.test-link{justify-content:center;align-items:center;gap:var(--space-2);min-height:2.75rem;padding-inline:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-surface);font-size:.86rem;font-weight:700;text-decoration:none;display:inline-flex}.test-link:hover{border-color:oklch(72% .035 140);transform:translateY(-1px)}.exact-url{margin-top:var(--space-3);color:var(--color-text-muted);overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.74rem;line-height:1.5;overflow:hidden}.update-destination{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.action-switcher{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.action-switcher button{justify-content:center;align-items:center;gap:var(--space-2);padding-inline:var(--space-4);white-space:nowrap;font-size:.84rem;font-weight:700;display:inline-flex}.action-switcher button[aria-pressed=true]{background:var(--color-mint-quiet);border-color:oklch(68% .1 155)}.composer{margin-top:var(--space-5);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.composer-heading{padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);align-items:start}.composer-heading h2{margin-top:var(--space-2)}.composer-heading>p,.composer-footer>p{max-width:34ch;color:var(--color-text-muted);text-align:right;font-size:.76rem;line-height:1.45}.file-picker{min-height:3.25rem;margin-top:var(--space-4);border-radius:var(--radius-sm);background:var(--color-surface-quiet);cursor:pointer;border:1px dashed oklch(70% .045 143);justify-content:center;align-items:center;font-size:.86rem;font-weight:700;display:flex}.file-picker:hover{border-color:var(--color-mint-strong);background:var(--color-mint-quiet)}.file-picker input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.selected-photo{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:7rem minmax(0,1fr);align-items:center;display:grid}.selected-photo img{border-radius:var(--radius-sm);object-fit:cover;width:7rem;height:5rem;display:block}.selected-photo strong,.selected-photo span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.selected-photo strong{font-size:.9rem}.selected-photo span{margin-top:var(--space-2);color:var(--color-text-muted);font-size:.75rem}.upload-progress{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:1fr auto;align-items:center;display:grid}.upload-progress progress{width:100%;height:.5rem;accent-color:var(--color-mint-strong)}.upload-progress span{min-width:3rem;color:var(--color-text-muted);text-align:right;font-size:.75rem}.link-form{margin-top:var(--space-4)}.link-form>label,.login-panel label{margin-bottom:var(--space-2);font-size:.78rem;font-weight:700;display:block}.link-form>div{gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;display:grid}input[type=url],input[type=password]{width:100%;min-height:2.75rem;padding-inline:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-surface);transition:border-color var(--duration-state) var(--ease-state), box-shadow var(--duration-state) var(--ease-state);outline:none}input::placeholder{color:oklch(65% .018 143)}input:focus{border-color:var(--color-focus);box-shadow:0 0 0 3px oklch(58% .17 158/.16)}.link-form button,.composer-footer button,.login-panel button[type=submit],.history-confirmation button:first-of-type{padding-inline:var(--space-4);border-color:var(--color-mint-strong);color:var(--color-text);background:var(--color-mint);font-size:.84rem;font-weight:750}.link-form button:hover:not(:disabled),.composer-footer button:hover:not(:disabled),.login-panel button[type=submit]:hover:not(:disabled),.history-confirmation button:first-of-type:hover:not(:disabled){border-color:var(--color-mint-hover);background:var(--color-mint-hover)}.resolved-link{margin-top:var(--space-4)}.resolved-link .destination-preview.link{border-radius:var(--radius-sm);min-height:9rem;box-shadow:none;grid-template-columns:9rem minmax(0,1fr)}.resolved-link .destination-preview.link>img,.resolved-link .link-fallback{min-height:9rem}.resolved-link .link-copy{padding:var(--space-4)}.resolved-link .link-copy h2{margin-top:var(--space-2);font-size:1.05rem}.resolved-link .link-copy>:last-child:not(h2){margin-top:var(--space-2);font-size:.78rem}.resolved-link>p,.composer>[role=alert]{margin-top:var(--space-3);font-size:.78rem;line-height:1.5}.composer>[role=alert]{color:var(--color-error)}.preview-skeleton{min-height:9rem;margin-top:var(--space-4);border-radius:var(--radius-sm);color:var(--color-text-muted);background:var(--color-surface-quiet);place-items:center;font-size:.8rem;display:grid}.composer-footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.history{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);overflow:hidden}.history-heading{min-height:4.5rem;padding-inline:var(--space-5);border-bottom:1px solid var(--color-border);align-items:center}.history-heading>:last-child{color:var(--color-text-muted);font-size:.75rem}.history ol{margin:0;padding:0;list-style:none}.history-item+.history-item{border-top:1px solid var(--color-border)}.history-summary{width:100%;min-height:5.5rem;padding:var(--space-3) var(--space-4);gap:var(--space-3);color:inherit;text-align:left;background:0 0;border:0;border-radius:0;grid-template-columns:3.5rem minmax(0,1fr) auto;align-items:center;display:grid}button.history-summary:hover:not(:disabled){background:var(--color-surface-quiet);border-color:#0000}.history-item.live .history-summary{background:oklch(97% .022 142)}.destination-preview.compact{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-quiet);width:3.5rem;height:3.5rem}.destination-preview.compact img{object-fit:cover;width:100%;height:100%;display:block}.destination-preview.compact.link .link-copy{display:none}.destination-preview.compact.link .link-fallback{min-height:0}.history-copy{min-width:0;display:block}.history-copy strong,.history-copy>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.history-copy strong{font-size:.84rem}.history-copy>span{margin-top:var(--space-1);color:var(--color-text-muted);font-size:.72rem}.live-now{color:var(--color-live-ink);background:var(--color-mint-quiet);white-space:nowrap;border-radius:999px;padding:.3rem .48rem;font-size:.65rem;font-weight:750}.reuse-arrow{color:var(--color-text-muted);font-size:.9rem}.history-confirmation{padding:var(--space-3) var(--space-4) var(--space-4);background:var(--color-surface-quiet)}.history-confirmation>p:first-child{font-size:.8rem;font-weight:700}.history-confirmation>div{gap:var(--space-2);margin-top:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.history-confirmation button{font-size:.76rem;font-weight:700}.history-confirmation [role=alert]{margin-top:var(--space-3);color:var(--color-error);font-size:.75rem;line-height:1.4}.empty-history{padding:var(--space-6) var(--space-5);color:var(--color-text-muted);font-size:.82rem;line-height:1.5}.status-announcement{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.loading-shell,.login-shell{min-height:100vh;padding:var(--space-5);place-items:center;display:grid}.loading-shell{align-content:center;gap:var(--space-4);color:var(--color-text-muted);text-align:center}.loading-shell .wordmark{color:var(--color-text)}.login-panel{width:min(100%,25rem)}.login-panel .wordmark{margin-bottom:var(--space-8)}.login-panel h1{margin-top:var(--space-3);font-size:2.5rem}.login-intro{max-width:34ch;margin-top:var(--space-4);color:var(--color-text-muted);line-height:1.55}.login-panel form{margin-top:var(--space-6)}.login-panel button[type=submit]{width:100%;margin-top:var(--space-3)}.form-message{min-height:2.75rem;padding-top:var(--space-3);color:var(--color-error);font-size:.8rem;line-height:1.4}@media (width<=64rem){.app-shell{width:min(100% - 2.5rem,52rem)}.dashboard-grid{gap:var(--space-7);grid-template-columns:1fr}.history{border-radius:var(--radius-md)}}@media (width<=40rem){.app-shell{width:calc(100% - 2rem);padding-block:var(--space-4) var(--space-7)}.app-header{min-height:3rem;margin-bottom:var(--space-6)}.app-header>:last-child{font-size:.72rem}h1{font-size:1.85rem}.section-heading,.update-heading,.composer-heading{display:block}.live-status{margin-top:var(--space-4)}.current-destination>.destination-preview{margin-top:var(--space-5)}.destination-preview.photo{aspect-ratio:4/3;border-radius:var(--radius-md)}.destination-preview.photo>figcaption{right:var(--space-3);bottom:var(--space-3)}.destination-preview.link{border-radius:var(--radius-md);min-height:0;display:block}.destination-preview.link>img,.link-fallback{height:11rem;min-height:11rem}.link-copy{padding:var(--space-5)}.destination-details{align-items:flex-start}.test-link{min-width:7rem}.update-destination{margin-top:var(--space-7)}.action-switcher{margin-top:var(--space-4)}.action-switcher button{min-width:0;padding-inline:var(--space-3)}.composer{padding:var(--space-4)}.composer-heading>p{margin-top:var(--space-2);text-align:left}.selected-photo{grid-template-columns:5rem minmax(0,1fr)}.selected-photo img{width:5rem;height:4rem}.link-form>div{grid-template-columns:1fr}.link-form button{width:100%}.resolved-link .destination-preview.link{grid-template-columns:6.5rem minmax(0,1fr);display:grid}.resolved-link .destination-preview.link>img,.resolved-link .link-fallback{height:8rem;min-height:8rem}.composer-footer{align-items:center}.composer-footer>p{text-align:left}.composer-footer button{flex:none}}@media (width<=25rem){.destination-details,.composer-footer{flex-direction:column;align-items:stretch}.test-link,.composer-footer button{width:100%}.composer-footer>p{max-width:none}.live-now{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}