:root { color-scheme:light dark; background:light-dark(#f6f5f1,#191918); }
body { margin:0; }
#mote-object .mo-header-actions { display:flex; align-items:center; gap:24px; }
#mote-object .mo-swipe:disabled { opacity:.45; }
#mote-object .mo-swipe:disabled .mo-swipe-thumb { cursor:default; }
#mote-object .mo-create-note { max-width:360px; margin-left:auto; margin-right:auto; line-height:1.5; }
#mote-object .mo-launch-disclosure { max-width:380px; margin:18px auto 0; color:var(--mo-muted); font-size:12px; line-height:1.6; }
#mote-object .mo-launch-progress { max-width:420px; margin:30px auto 0; }
#mote-object .mo-launch-progress h2 { font-size:22px; font-weight:500; letter-spacing:-.6px; }
#mote-object .mo-launch-progress p, #mote-object .mo-ownership-note { font-size:14px; line-height:1.6; color:var(--mo-muted); }
#mote-object .mo-launch-progress .mo-launch-id { font-size:12px; overflow-wrap:anywhere; }
#mote-object .mo-token-address { font:12px/1.6 monospace; color:var(--mo-muted); overflow-wrap:anywhere; margin:18px auto; max-width:380px; }
#mote-object .mo-token-actions { display:flex; align-items:center; justify-content:center; gap:22px; margin:18px auto; }
#mote-object .mo-trade { border-radius:99px; padding:16px 24px; background:var(--mo-ink); color:var(--mo-paper); font-size:14px; text-decoration:none; }
#mote-object .mo-transaction-link { color:var(--mo-muted); font-size:13px; text-underline-offset:4px; }
#mote-object .mo-ownership-note { max-width:360px; margin:24px auto 0; }
#launch-verification { margin:20px auto; max-width:100%; }
@media(max-width:480px) { #mote-object .mo-header-actions { gap:14px; } }
button, summary { cursor:pointer; }
button:focus-visible, a:focus-visible, input:focus-visible { outline:2px solid #f4512b; outline-offset:5px; }
#mote-object { --mo-pad:clamp(24px,4vw,64px); }
#mote-object .mo-screen { min-height:100svh; overflow:clip; }
#mote-object .mo-brand { display:block; width:114px; height:48px; background:linear-gradient(to right,var(--mo-ink) 88%,var(--mo-accent) 88%); mask:url('/assets/mote-wordmark.png') center / contain no-repeat; }
#mote-object .mo-brand img { width:100%; height:100%; object-fit:contain; opacity:0; }
#mote-object .mo-header { padding-top:20px; }
#mote-object .mo-stage { flex:1; display:flex; flex-direction:column; justify-content:center; padding-top:25px; padding-bottom:25px; }
#mote-object .mo-composer { max-width:900px; }
#mote-object .mo-caption { top:65px; }
#mote-object .mo-caption .mo-mono, #mote-object .mo-index { font-size:12px; }
#mote-object .mo-caption p { font-size:14px; }
#mote-object .mo-quiet-button { font-size:14px; min-height:44px; }
#mote-object .mo-tools { gap:14px; min-height:40px; margin-bottom:16px; flex-wrap:wrap; }
#mote-object .mo-tools > button, #mote-object .mo-name-hint { font-size:13px; }
#mote-object .mo-swatch { width:32px; height:32px; padding:9px; }
#mote-object .mo-swatch::before { width:14px; height:14px; }
#mote-object .mo-ticker input { font-size:14px; width:85px; min-height:36px; }
#mote-object .mo-name { width:100%; }
#mote-object .mo-swipe { --swipe-x:0px; --swipe-progress:0; position:relative; isolation:isolate; width:272px; max-width:100%; height:60px; padding:0; border:0; border-radius:999px; background:var(--mo-ink); color:var(--mo-paper); font-family:inherit; font-size:14px; font-weight:500; line-height:1; overflow:hidden; user-select:none; -webkit-user-select:none; -webkit-tap-highlight-color:transparent; touch-action:pan-y; cursor:default; }
#mote-object .mo-swipe-label, #mote-object .mo-swipe-ready { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; pointer-events:none; transition:opacity .2s ease, transform .25s ease; }
#mote-object .mo-swipe-label { padding-left:24px; opacity:calc(1 - var(--swipe-progress) * 1.4); transform:translateX(calc(var(--swipe-progress) * 12px)); }
#mote-object .mo-swipe-ready { padding-right:35px; opacity:0; }
#mote-object .mo-swipe-trail { position:absolute; inset:6px auto 6px 6px; width:calc(var(--swipe-x) + 48px); border-radius:999px; background:var(--mo-accent); opacity:calc(var(--swipe-progress) * .16); pointer-events:none; transition:width .38s cubic-bezier(.22,1,.36,1), opacity .25s ease; }
#mote-object .mo-swipe-thumb { position:absolute; left:6px; top:6px; display:grid; place-items:center; width:48px; height:48px; border-radius:50%; background:var(--mo-accent); color:#20201e; transform:translateX(var(--swipe-x)); transition:transform .38s cubic-bezier(.22,1,.36,1), box-shadow .2s ease; cursor:grab; touch-action:none; }
#mote-object .mo-swipe-grip { display:flex; gap:4px; pointer-events:none; }
#mote-object .mo-swipe-grip::before, #mote-object .mo-swipe-grip::after { content:""; width:2px; height:12px; border-radius:2px; background:currentColor; opacity:.7; }
#mote-object .mo-swipe-target { position:absolute; right:26px; top:26px; width:8px; height:8px; border:1px solid currentColor; border-radius:50%; opacity:calc(.35 * (1 - var(--swipe-progress))); pointer-events:none; }
#mote-object .mo-swipe[data-dragging] .mo-swipe-thumb { cursor:grabbing; box-shadow:0 0 0 4px #f4512b20; transition:none; }
#mote-object .mo-swipe[data-dragging] .mo-swipe-trail { transition:none; }
#mote-object .mo-swipe[data-ready="true"] .mo-swipe-ready { opacity:1; }
#mote-object .mo-swipe[data-complete] .mo-swipe-ready { opacity:0; }
#mote-object .mo-swipe-keyboard { display:none; }
#mote-object #before-launch:has(.mo-swipe:focus-visible) .mo-swipe-keyboard { display:inline; }
#mote-object #before-launch:has(.mo-swipe:focus-visible) .mo-swipe-note { display:none; }
@media(prefers-reduced-motion:reduce) { #mote-object .mo-swipe * { transition:none !important; } }
#mote-object .mo-create-note, #mote-object .mo-footer .mo-mono, #mote-object .mo-after { font-size:12px; }
#mote-object .mo-footer { min-height:68px; padding-top:20px; padding-bottom:20px; }
#mote-object .mo-footer .mo-mono { letter-spacing:.3px; }
#mote-object .mo-help { top:82px; width:330px; }
#mote-object .mo-help p { font-size:14px; }
#mote-object .mo-help p:last-child { font-size:13px; }
#mote-object dialog { border:0; padding:0; background:none; color:var(--mo-ink); max-width:calc(100% - 32px); max-height:calc(100svh - 32px); overflow:auto; }
#mote-object dialog::backdrop { background:light-dark(#f6f5f1d9,#191918de); backdrop-filter:blur(12px); }
#mote-object .mo-sheet { width:420px; border-radius:2px; padding:28px; box-shadow:0 20px 80px #00000012; }
#mote-object .mo-sheet h2 { overflow-wrap:anywhere; }
#mote-object .mo-sheet-top { margin-bottom:30px; gap:16px; }
#mote-object .mo-sheet-top .mo-mono { font-size:12px; }
#mote-object .mo-close { font-size:28px; width:36px; height:36px; }
#mote-object .mo-sheet p { font-size:14px; }
#mote-object .mo-label, #mote-object .mo-sheet-button, #mote-object .mo-review-line { font-size:14px; }
#mote-object .mo-consent, #mote-object .mo-fine { font-size:13px !important; }
#mote-object .mo-review-list { margin:0; }
#mote-object .mo-review-line dt { color:var(--mo-muted); }
#mote-object .mo-review-line dd { margin:0; text-align:right; }
#mote-object .mo-consent input { width:17px; height:17px; }
#mote-object .mo-text-button { border:0; background:none; padding:14px 0; color:var(--mo-muted); font-size:13px; text-decoration:underline; text-underline-offset:4px; }
#mote-object .mo-error { font-size:13px; }
#mote-object .mo-example-label { color:var(--mo-muted); font-size:12px; margin:14px 0 0; }
#mote-object .mo-share { font-size:14px; }
#mote-object .mo-after button { font-size:12px; }
#mote-object .mo-art-area[data-busy="true"] { opacity:.5; }
#mote-object .mo-coin-button:disabled { opacity:1; cursor:default; }
#mote-object .mo-consent { cursor:pointer; }
.no-script { padding:24px; font:16px/1.5 Arial,sans-serif; }
@media(min-width:1100px) { #mote-object .mo-caption { top:80px; } #mote-object .mo-art-area { height:310px; } #mote-object .mo-coin-button { width:238px; height:238px; } }
@media(max-width:720px) { #mote-object .mo-caption p, #mote-object .mo-index { display:none; } #mote-object .mo-caption { top:24px; left:0; width:100%; text-align:center; } #mote-object .mo-stage { padding-top:65px; } #mote-object .mo-art-area { height:270px; } #mote-object .mo-caption .mo-mono { font-size:11px; } #mote-object .mo-footer { flex-wrap:wrap; } }
@media(max-width:480px) { #mote-object .mo-header { padding-top:12px; } #mote-object .mo-brand { width:100px; height:44px; } #mote-object .mo-sheet { padding:22px; } #mote-object .mo-footer-right { max-width:none; text-align:left; } #mote-object .mo-name { font-size:48px; } #mote-object .mo-stage { padding-bottom:10px; } #mote-object .mo-footer .mo-mono { font-size:11px; } #mote-object .mo-ticker input { font-size:16px; } }
@media(pointer:coarse) { #mote-object .mo-swatch { width:40px; height:44px; padding:12px; } #mote-object .mo-tools > button { min-height:44px; } }