body{background:var(--paper)}.tc{width:100%;max-width:640px;margin-inline:auto;padding-inline:var(--page-pad-x);padding-bottom:var(--sp-8)}.tc-bar{position:sticky;top:var(--demo-banner-h);z-index:var(--z-float);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding-block:calc(var(--sp-3) + var(--safe-top)) var(--sp-3);background:var(--paper)}.tc-brand{font-size:var(--text-h3);font-weight:var(--fw-bold);letter-spacing:-.03em;color:var(--ink);text-decoration:none}.tc-share{display:grid;place-items:center;width:var(--tap);height:var(--tap);padding:0;appearance:none;cursor:pointer;background:var(--paper);color:var(--route-blue);border:1px solid var(--rule);border-radius:var(--radius-sm)}.tc-share:active{transform:translateY(1px)}.tc-share:focus-visible{outline:none;box-shadow:var(--ring)}.tc-state{padding-block:var(--sp-8);color:var(--ink-3);line-height:var(--lh-normal)}.tc-empty h1{margin:0 0 var(--sp-3);font-size:var(--text-h2);font-weight:var(--fw-bold);letter-spacing:-.02em;line-height:var(--lh-tight);color:var(--ink)}.tc-empty p{margin:0}.tc-main{padding-top:var(--sp-4)}.tc-toast{position:fixed;left:50%;bottom:calc(var(--sp-6) + env(safe-area-inset-bottom));transform:translate(-50%);z-index:var(--z-toast);margin:0;padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-pill);background:var(--ink);color:var(--paper);font-size:var(--text-body);font-weight:var(--fw-bold);line-height:var(--lh-snug)}@media(min-width:768px){.tc{max-width:720px}.tc-main{padding-top:var(--sp-6)}}@media(prefers-reduced-motion:reduce){.tc-share:active{transform:none}}