:root{--ink:#173e2b;--ink-soft:#52705f;--paper:#f4f0e3;--card:#fffdf4;--lime:#d6ff59;--line:#173e2b2b;--danger:#9f392c;--shadow:0 22px 60px #1830231c}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink)}body{margin:0;font-family:Avenir Next,Trebuchet MS,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.grain{pointer-events:none;z-index:20;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");position:fixed;inset:0}.brand{letter-spacing:-1px;align-items:center;gap:10px;font-size:23px;font-weight:800;display:flex}.brand img{width:38px;height:38px}.brand sup{letter-spacing:1px;vertical-align:top;border:1px solid;border-radius:999px;margin-left:5px;padding:3px 5px;font-size:8px}.eyebrow{letter-spacing:.18em;margin:0 0 18px;font-size:11px;font-weight:800}.dashboard{background:radial-gradient(circle at 75% 1%, #d6ff595c, transparent 22%), var(--paper);min-height:100vh;padding:0 max(24px,50vw - 720px)}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:92px;display:flex}.status{color:var(--ink-soft);align-items:center;gap:9px;font-size:12px;font-weight:700;display:flex}.status i{background:#61bd60;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #61bd6029}.hero{grid-template-columns:1fr auto;align-items:end;padding:68px 0 58px;display:grid}.hero h1{letter-spacing:-.055em;margin:0;font-family:Iowan Old Style,Palatino Linotype,serif;font-size:clamp(48px,7vw,98px);font-weight:500;line-height:.92}.hero h1 em{color:var(--ink-soft);font-weight:inherit}.totalStat{flex-direction:column;align-items:flex-end;padding:0 0 8px 55px;display:flex}.totalStat strong{font-family:Iowan Old Style,Palatino Linotype,serif;font-size:64px;font-weight:500;line-height:1}.totalStat span{color:var(--ink-soft);margin-top:7px;font-size:12px}.notice{z-index:30;color:#fff;background:var(--ink);max-width:420px;box-shadow:var(--shadow);align-items:center;gap:22px;padding:15px 16px 15px 20px;animation:.25s ease-out slideIn;display:flex;position:fixed;top:30px;right:30px}.notice.error{background:var(--danger)}.notice button{color:inherit;background:0 0;border:0;font-size:22px;line-height:1}.loading{min-height:260px;color:var(--ink-soft);justify-content:center;align-items:center;gap:14px;display:flex}.loading span{border:2px solid var(--line);border-top-color:var(--ink);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.linkGrid{gap:18px;padding-bottom:80px;display:grid}.linkCard{background:var(--card);border:1px solid var(--line);opacity:0;animation:.45s ease-out forwards reveal;overflow:hidden;transform:translateY(12px);box-shadow:0 8px 30px #1830230a}.cardHead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:96px;padding:22px 28px;display:flex}.identity{align-items:center;gap:18px;display:flex}.identity .slug{background:var(--lime);border-radius:999px;place-items:center;min-width:82px;height:33px;padding:0 12px;font-family:ui-monospace,monospace;font-size:12px;font-weight:800;display:grid}.identity h2{margin:0;font-family:Iowan Old Style,Palatino Linotype,serif;font-size:31px;font-weight:500}.clicks{align-items:baseline;gap:8px;display:flex}.clicks strong{letter-spacing:-.04em;font-size:29px}.clicks span{color:var(--ink-soft);font-size:11px}.cardBody{grid-template-columns:190px 1fr;gap:32px;padding:28px;display:grid}.qrBox{border:1px solid var(--line);background:#f8f5e9;flex-direction:column;align-items:center;padding:13px 13px 16px;display:flex}.qrBox img,.qrPlaceholder{width:160px;height:160px}.qrPlaceholder{background:#173e2b0f}.qrBox a{color:var(--ink);text-transform:uppercase;letter-spacing:.06em;margin-top:11px;font-size:11px;font-weight:800;text-decoration:none}.qrBox a:hover{text-decoration:underline}.qrBox a.disabled{pointer-events:none;opacity:.4}.cardBody form{min-width:0}.cardBody label{display:block}.cardBody label span{color:var(--ink-soft);margin-bottom:7px;font-family:ui-monospace,monospace;font-size:10px;display:block}.cardBody input{border:1px solid var(--line);width:100%;height:43px;color:var(--ink);background:#ffffff8c;outline:none;padding:0 13px;transition:border-color .15s,box-shadow .15s}.cardBody input:focus{border-color:var(--ink);box-shadow:0 0 0 3px #d6ff59a6}.utmGrid{grid-template-columns:repeat(3,1fr);gap:11px;margin-top:14px;display:grid}.publicLink{border-left:3px solid var(--lime);color:var(--ink-soft);background:#d6ff5929;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding:10px 12px;font-family:ui-monospace,monospace;font-size:11px;display:flex}.publicLink span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.publicLink button{color:var(--ink);background:0 0;border:0;flex:none;font-size:18px}.cardActions{justify-content:space-between;align-items:end;gap:16px;margin-top:18px;display:flex}.cardActions small{color:var(--ink-soft);font-size:10px}.saveButton{border:1px solid var(--ink);color:#fff;background:var(--ink);min-width:132px;padding:11px 16px;font-size:12px;font-weight:800;transition:transform .15s,opacity .15s}.saveButton:hover:not(:disabled){transform:translateY(-2px)}.saveButton:disabled{cursor:default;opacity:.28}footer{border-top:1px solid var(--line);color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;padding:24px 0 40px;font-size:10px;display:flex}@keyframes reveal{to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(14px)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:820px){.hero{grid-template-columns:1fr;gap:36px}.totalStat{align-items:flex-start;padding:0}.cardBody{grid-template-columns:1fr}.qrBox{width:190px}}@media (max-width:580px){.dashboard{padding-inline:16px}.topbar{height:76px}.status{font-size:0}.hero{padding:46px 0 38px}.hero h1{font-size:47px}.cardHead{align-items:flex-start;padding:20px}.identity{flex-direction:column;align-items:flex-start;gap:10px}.clicks{flex-direction:column;align-items:flex-end;gap:1px}.cardBody{padding:20px}.utmGrid{grid-template-columns:1fr}.cardActions{flex-direction:column;align-items:stretch}.saveButton{width:100%}footer{flex-direction:column;gap:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
