:root{--bg:#070b10;--fg:#eaf4f8;--muted:#7d93a1;--line:#1e3340;--accent:#3ec6d8;--accent-2:#9aeef5;--arc:#5ce1f2;--danger:#ff6b5a;--sans:"Space Grotesk", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{min-height:100%;margin:0}::selection{color:#041016;background:var(--accent)}body{font-family:var(--sans);color:var(--fg);letter-spacing:-.015em;-webkit-font-smoothing:antialiased;background:#000}#root{min-height:100vh}button,input{font:inherit}.page{--page-pad:clamp(28px, 5vw, 80px);isolation:isolate;grid-template-rows:auto 1fr auto;min-height:100vh;display:grid;position:relative}.atmosphere{pointer-events:none;z-index:-1;background:#000;position:fixed;inset:0;overflow:hidden}.atmosphere-light{background:radial-gradient(62% 48% at 22% 86%,#ffa85ceb 0%,#e8602a6b 38%,#0000 68%),radial-gradient(58% 46% at 84% 10%,#5adce6b3 0%,#1e788c52 42%,#0000 66%),radial-gradient(46% 36% at 48% 46%,#ff965047,#28b4be38 55%,#0000 72%),linear-gradient(128deg,#12566666 0%,#0000 36% 58%,#a03a1852 100%),#030508;position:absolute;inset:-18%}.atmosphere-mesh{transform-origin:50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='18' viewBox='0 0 16 18'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='16' height='18' fill='white'/%3E%3Crect x='5.5' y='1.15' width='5' height='7.1' rx='2.45' fill='black'/%3E%3Crect x='-1.3' y='10.15' width='5' height='7.1' rx='2.45' fill='black'/%3E%3Crect x='12.3' y='10.15' width='5' height='7.1' rx='2.45' fill='black'/%3E%3C/mask%3E%3C/defs%3E%3Crect width='16' height='18' fill='%23060a0f' mask='url(%23m)'/%3E%3C/svg%3E");background-size:16px 18px;position:absolute;inset:-12%;transform:rotate(-9deg)}.chrome-inner,.main{width:100%;max-width:1920px;padding-inline:var(--page-pad);margin-inline:auto}.header,.footer{z-index:1;width:100%;position:relative}.header .chrome-inner{justify-content:space-between;align-items:center;gap:16px;padding-block:20px 16px;display:flex}.brand{color:inherit;cursor:pointer;align-items:center;gap:12px;text-decoration:none;display:flex}.nav{align-items:center;gap:8px;display:flex}.nav-link{height:36px;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#d0e0ea;text-shadow:0 1px 14px #000000d9;border:1px solid #0000;align-items:center;padding:0 14px;font-size:11px;text-decoration:none;transition:color .16s,border-color .16s,background .16s;display:inline-flex}.nav-link:hover,.nav-link.is-active{color:var(--accent-2);background:#060c1073;border-color:#3ec6d873}.brand-mark{object-fit:contain;mix-blend-mode:screen;flex-shrink:0;width:42px;height:42px;display:block}.brand.is-busy .brand-mark{animation:.7s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.92)}}.brand-name{letter-spacing:.12em;text-shadow:0 1px 14px #000000d9;font-size:1.5rem;font-weight:700;line-height:1}.main{grid-template-columns:minmax(320px,1fr) minmax(440px,1.2fr);align-items:center;gap:clamp(32px,4vw,72px) clamp(40px,6vw,96px);padding-block:clamp(40px,6vh,72px) 40px;display:grid}.intro{min-width:0}.kicker{font-family:var(--mono);color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 16px;font-size:12px}.headline{letter-spacing:-.05em;max-width:14ch;margin:0;font-size:clamp(2.6rem,4.4vw,5.2rem);font-weight:500;line-height:.98}.headline-accent{color:var(--accent-2)}.lede{max-width:42em;color:var(--muted);margin:22px 0 0;font-size:clamp(1.05rem,1.15vw,1.2rem);line-height:1.55}.console{isolation:isolate;background:#060c10c7;border:1px solid #d2f5fc38;width:100%;margin-top:0;padding:clamp(28px,3vw,40px) clamp(24px,2.5vw,36px) 28px;transition:border-color .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 18px 50px #0006}.console:hover,.console.is-armed,.console.is-live{border-color:#9aeef58c;box-shadow:inset 0 1px #ffffff2e,0 0 0 1px #3ec6d81f,0 22px 56px #0000006b}.console-frame span{border:1.5px solid var(--accent);width:14px;height:14px;transition:width .16s,height .16s,border-color .16s;position:absolute}.console:hover .console-frame span,.console.is-armed .console-frame span,.console.is-live .console-frame span{border-color:var(--accent-2);width:18px;height:18px}.console-frame span:first-child{border-bottom:0;border-right:0;top:-1px;left:-1px}.console-frame span:nth-child(2){border-bottom:0;border-left:0;top:-1px;right:-1px}.console-frame span:nth-child(3){border-top:0;border-right:0;bottom:-1px;left:-1px}.console-frame span:nth-child(4){border-top:0;border-left:0;bottom:-1px;right:-1px}.console-label{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 16px;font-size:11px}.form{gap:10px;display:flex}.expire-input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;flex:0 240px;width:240px}.label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.field{min-width:0;height:52px;color:var(--fg);caret-color:var(--arc);background:#05080c;border:1px solid #2a4552;outline:none;flex:1;padding:0 16px;transition:border-color .16s,box-shadow .16s;box-shadow:inset 0 1px #00000073}.field::placeholder{color:#5d7380}.field:hover:not(:disabled){border-color:var(--accent)}.field:focus{border-color:var(--accent-2);box-shadow:inset 0 0 0 1px #9aeef547,0 0 0 1px #3ec6d838}.field:disabled{opacity:.55}.field::-webkit-contacts-auto-fill-button{visibility:hidden;pointer-events:none;width:0;height:0;margin:0;display:none!important}.field::-webkit-credentials-auto-fill-button{visibility:hidden;pointer-events:none;width:0;height:0;margin:0;display:none!important}.button{cursor:pointer;letter-spacing:.04em;text-transform:uppercase;height:52px;padding:0 20px;font-size:.86rem;font-weight:600;transition:filter .16s,background .16s,border-color .16s,opacity .16s,transform .12s}.button:disabled{cursor:not-allowed;opacity:.55}.button:active:not(:disabled){transform:translateY(1px)}.button-primary{color:#041016;background:linear-gradient(#9aeef5 0%,#2bb8cb 100%);border:1px solid #b7f4fa;box-shadow:inset 0 1px #ffffff61,0 8px 24px #3ec6d82e}.button-primary:hover:not(:disabled){filter:brightness(1.06)}.button-ghost{color:var(--accent-2);background:0 0;border:1px solid #3ec6d873}.button-ghost:hover:not(:disabled){background:#3ec6d814}.status{min-height:1.4em;font-family:var(--mono);color:var(--muted);margin:14px 0 0;font-size:12px;line-height:1.5}.status-error{color:var(--danger)}.button-ghost.is-copied{color:#041016;background:var(--accent-2);border-color:var(--accent-2)}.readout{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px;font-size:11px;display:grid}.readout span{text-overflow:ellipsis;white-space:nowrap;border-top:1px solid var(--line);padding:6px 0 0;overflow:hidden}.readout .on{color:var(--accent-2)}.short-url{min-width:0;font-family:var(--mono);word-break:break-all;color:var(--accent-2);background:#05080c;border:1px solid #2a4552;flex:1;margin:0;padding:14px 16px;font-size:.95rem;line-height:1.4;animation:.42s ease-out reveal}@keyframes reveal{0%{clip-path:inset(0 100% 0 0);opacity:.2}to{clip-path:inset(0);opacity:1}}.result{animation:.22s ease-out rise}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.result-label{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 10px;font-size:11px}.result-row{align-items:stretch;gap:10px;display:flex}.original{font-family:var(--mono);color:var(--muted);word-break:break-all;margin:14px 0 0;font-size:12px}.again{margin-top:22px}.result-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.result-actions .again{margin-top:0}.page.is-dashboard .main{grid-template-columns:1fr;align-items:start;padding-block:clamp(24px,4vh,40px) 32px}.dash{width:100%;min-width:0}.dash-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;display:flex}.dash-head-guest{flex-direction:column;align-items:flex-start}.dash-head-guest .dash-lede{max-width:36rem}.dash-head-guest .button{margin-top:2px}.dash-title{letter-spacing:-.04em;margin:0;font-size:clamp(1.6rem,2.4vw,2.1rem);font-weight:500;line-height:1.1}.dash-lede,.dash-stats{font-family:var(--mono);color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.5}.dash-actions{flex-shrink:0;align-items:center;gap:14px;display:flex}.button-compact{letter-spacing:.1em;height:36px;padding:0 14px;font-size:11px}.text-action{height:auto;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-2);cursor:pointer;background:0 0;border:0;padding:0;font-size:11px}.text-action:hover:not(:disabled){color:#e8fcff}.text-action:disabled{cursor:not-allowed;opacity:.55}.text-action.is-copied{color:var(--accent)}.dash-panel{background:#060c109e;border:1px solid #d2f5fc29;width:100%;padding:4px 20px 12px}.dash-empty{flex-wrap:wrap;align-items:center;gap:12px 16px;padding:8px 0;display:flex}.dash-empty .status{margin:0}.dash-preview{position:relative}.dash-preview-tag{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:8px 0 4px;font-size:10px}.dash-preview .link-card{opacity:.58}.dash-preview .text-action{cursor:default}.dash-preview-cover{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-2);cursor:pointer;background:linear-gradient(#060c1000 28%,#060c10d1 78%,#060c10f0 100%);border:0;place-items:end center;padding-bottom:18px;font-size:11px;display:grid;position:absolute;inset:0}.link-list{margin:0;padding:0;list-style:none}.link-card{border-top:1px solid var(--line);padding:14px 0}.link-card:first-child{border-top:0;padding-top:4px}.link-row{justify-content:space-between;align-items:center;gap:16px 24px;display:flex}.link-main{flex:1;min-width:0}.link-short{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--mono);color:var(--accent-2);margin:0;font-size:.95rem;line-height:1.4;text-decoration:none;display:block;overflow:hidden}.link-short:hover{color:#e8fcff}.link-card .original{text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;overflow:hidden}.link-aside{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);flex-shrink:0;align-items:center;gap:14px;font-size:11px;display:flex}.click-count{color:var(--accent-2)}.link-details{border-top:1px solid #1e3340cc;margin-top:12px;padding-top:12px}.link-detail-meta{font-family:var(--mono);letter-spacing:.04em;color:var(--muted);margin:0 0 10px;font-size:11px}.clicks-over-time{min-width:0;margin:0 0 14px}.clicks-over-time-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 12px;margin-bottom:8px;display:flex}.clicks-over-time-kicker,.clicks-over-time-range{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:11px}.clicks-over-time-kicker{color:var(--accent-2)}.clicks-over-time-range{color:var(--muted)}.clicks-over-time-chart{width:100%;min-width:0;height:168px}.clicks-over-time .status{margin:8px 0 0}.clicks-over-time .text-action{margin-top:8px}.clicks-over-time-tooltip{font-family:var(--mono);letter-spacing:.04em;color:var(--fg);border:1px solid var(--line);background:#0a1218;flex-direction:column;gap:2px;padding:8px 10px;font-size:11px;display:flex}.clicks-over-time-tooltip span:last-child{color:var(--accent-2)}.clicks-over-time .recharts-surface:focus{outline:none}.device-breakdown{margin-top:12px}.device-breakdown-list{gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.device-breakdown-row{font-family:var(--mono);letter-spacing:.04em;color:var(--muted);grid-template-columns:92px minmax(48px,1fr) auto;align-items:center;gap:10px;font-size:11px;display:grid}.device-breakdown-label{color:var(--fg)}.device-breakdown-track{background:#d2f5fc1f;min-width:0;height:4px;display:block}.device-breakdown-bar{background:var(--accent);height:100%;display:block}.device-breakdown-count{color:var(--accent-2);white-space:nowrap}.link-analytics{font-family:var(--mono);letter-spacing:.04em;color:var(--muted);gap:6px;font-size:11px;display:grid}.link-analytics p{align-items:baseline;gap:10px;min-width:0;margin:0;display:flex}.analytics-items{flex-wrap:wrap;gap:2px 12px;min-width:0;display:flex}.analytics-item{white-space:nowrap}.analytics-item-count{color:var(--accent-2);margin-left:6px}.analytics-label{letter-spacing:.06em;text-transform:uppercase;width:72px;color:var(--accent-2);flex-shrink:0;margin-right:0;display:inline-block}.link-expire{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.link-expire .expire-input{flex:0 240px;width:240px;height:36px}.badge{color:var(--accent)}.badge-expired{color:var(--danger)}.footer .chrome-inner{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#d0e0ea;text-shadow:0 1px 14px #000000d9;align-items:center;gap:12px;padding-block:16px 18px;font-size:11px;display:flex}.footer-rule{background:linear-gradient(90deg,#0000,#5adce673,#0000);flex:1;height:1px}.auth-controls{align-items:center;gap:10px;display:flex}.auth-controls .button{letter-spacing:.12em;height:36px;color:var(--accent-2);text-shadow:0 1px 14px #000000d9;background:#03080cb8;border-color:#9aeef5d9;padding:0 14px;font-size:11px;box-shadow:inset 0 1px #ffffff1a,0 0 0 1px #060c108c,0 8px 20px #00000059}.auth-controls .button:hover:not(:disabled){color:#e8fcff;border-color:var(--accent-2);background:#061014e0;box-shadow:inset 0 1px #ffffff24,0 0 0 1px #060c108c,0 0 18px #3ec6d847}.profile-identity{margin-bottom:22px}.profile-name,.profile-email{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.profile-name{font-size:1rem;font-weight:600}.profile-email{font-family:var(--mono);letter-spacing:.06em;color:var(--muted);margin-top:4px;font-size:11px}.overlay{z-index:50;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.overlay-backdrop{cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030609b8;border:0;margin:0;padding:0;position:absolute;inset:0}.overlay-panel{width:100%;max-width:440px;color:var(--fg);background:#080e12eb;border:1px solid #9aeef538;padding:24px 24px 22px;animation:.22s ease-out rise;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 24px 64px #00000073}.overlay-panel .field,.overlay-panel .button{flex:none;width:100%;min-width:0;height:46px;padding:0 14px}.overlay-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.overlay-close{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;flex-shrink:0;place-items:center;margin-top:2px;font-size:1.25rem;line-height:1;transition:color .16s;display:grid}.overlay-close:hover{color:var(--accent-2)}.auth-tabs{border:1px solid var(--line);background:#05080cd9;grid-template-columns:1fr 1fr;gap:4px;width:100%;margin-bottom:14px;padding:4px;display:grid}.auth-tab{height:32px;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 10px;font-size:11px}.auth-tab.is-active{color:#041016;background:linear-gradient(#9aeef5 0%,#2bb8cb 100%)}.auth-title{letter-spacing:-.03em;flex:1;min-width:0;margin:0;font-size:1.35rem;font-weight:500;line-height:1.2}.overlay-head .auth-title{margin-bottom:0}.auth-copy{color:var(--muted);margin:0 0 18px;font-size:.95rem;line-height:1.45}.auth-google{letter-spacing:0;text-transform:none;width:100%;height:44px;color:var(--fg);cursor:pointer;background:#05080c;border:1px solid #2a4552;justify-content:center;align-items:center;gap:10px;padding:0 16px;font-size:.92rem;font-weight:600;transition:border-color .16s,background .16s;display:inline-flex}.auth-google:hover:not(:disabled){border-color:var(--accent);background:#3ec6d814}.auth-google:disabled{cursor:not-allowed;opacity:.55}.auth-google-mark{flex-shrink:0;display:block}.auth-divider{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);align-items:center;gap:12px;margin:14px 0;font-size:10px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-form{flex-direction:column;gap:10px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-field-label{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:10px}.auth-form .button{text-transform:none;letter-spacing:.02em;margin-top:6px}.auth-error{margin-top:12px}.auth-email{color:var(--fg)}.auth-otp{font-family:var(--mono);letter-spacing:.42em;text-align:center;font-size:1.15rem}.auth-verify-actions{flex-wrap:wrap;gap:12px 18px;margin:14px 0 0;display:flex}.auth-notice{color:var(--muted);margin:12px 0 0;font-size:.92rem;line-height:1.4}.profile-identity{margin:14px 0 4px}.link-button{color:var(--accent-2);font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}@media (prefers-reduced-motion:reduce){.brand-mark,.short-url,.result{transition:none;animation:none!important}}@media (width<=820px){.main{grid-template-columns:1fr;gap:32px;padding-top:40px}.headline{max-width:none}.link-row{flex-wrap:wrap;align-items:flex-start}.link-aside{flex-wrap:wrap}}@media (width<=640px){.form,.result-row,.link-row,.link-expire,.dash-head,.dash-actions{flex-direction:column}.expire-input{flex:auto;width:100%}.dash-head{align-items:stretch}.link-aside{flex-wrap:wrap;justify-content:flex-start}.device-breakdown-row{grid-template-columns:84px minmax(32px,1fr) auto;gap:8px}.readout{grid-template-columns:1fr 1fr}.button,.field{width:100%}.footer .chrome-inner{flex-wrap:wrap}.footer-rule{display:none}}
