:root{color-scheme:light;--blue:#5064ce;--blue-dark:#3e51b7;--text:#252739;--muted:#8b8e9e;--line:#e9eaf2;--surface:#fff;--soft:#f4f6ff}
*{box-sizing:border-box}html{background:#f9fafc;scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:var(--text);-webkit-font-smoothing:antialiased;font-size:14px;overflow-x:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,summary:focus-visible,.recent-window:focus-visible{outline:3px solid #8394e999;outline-offset:4px}input:focus{outline:0;border-color:#8795df;box-shadow:0 0 0 4px #5064ce0d}button{transition:background .2s,transform .2s,box-shadow .2s,color .2s}button:not(:disabled):active{transform:translateY(1px)}
.wash{position:absolute;pointer-events:none;z-index:-1;filter:blur(80px);border-radius:50%;opacity:.48}.wash-one{width:580px;height:380px;top:20px;left:calc(50% - 460px);background:#e1e8ff}.wash-two{width:450px;height:350px;top:200px;right:calc(50% - 600px);background:#f3e6fa}.site-header{max-width:1220px;margin:auto;padding:30px 38px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px}.brand>svg{width:34px;height:34px;color:var(--blue)}.brand>span{font-size:25px;letter-spacing:-.7px;font-weight:600}.brand-divider{font-size:21px;font-weight:300;color:#c1c3ce;margin:0 15px}.brand-label{font-size:13px;letter-spacing:1px;font-weight:400;color:#686c80}.official{font-size:12px;display:flex;gap:15px;align-items:center;padding:10px 16px;border:1px solid #dfe3f1;border-radius:24px;background:#ffffff91;color:#62677f}.official span{font-size:18px;color:var(--blue)}.official:hover{background:#fff;border-color:#abb6e3}
main{max-width:1112px;padding:0 26px;margin:auto}.hero{text-align:center;padding:30px 0 43px;position:relative}.community-tag{display:flex;width:max-content;margin:0 auto;align-items:center;gap:7px;font-size:11px;letter-spacing:1.1px;color:#777e9c}.community-tag>span{width:5px;height:5px;background:#8292e2;border-radius:50%;box-shadow:0 0 0 4px #8292e210}.hero h1{font-size:clamp(34px,4.2vw,48px);font-weight:600;letter-spacing:-1.8px;line-height:1.3;margin:18px 0 14px;position:relative;display:inline-block}.blue-word{color:var(--blue)}.sparkle{position:absolute;right:-34px;top:-11px;width:24px;height:24px;color:#8c9ce7;animation:spark 6s ease-in-out infinite}.hero>p{font-size:13px;line-height:1.9;color:#84889d;margin:0;letter-spacing:.4px}.mobile-break{display:none}
.workspace{display:grid;grid-template-columns:1fr 1fr;gap:32px}.card{background:var(--surface);border:1px solid #e7e9f3;border-radius:25px;padding:29px 31px 0;box-shadow:0 12px 40px #293a8010;min-width:0;position:relative}.receive-card{background:linear-gradient(150deg,#fff 40%,#f6f8ff);border-color:#dfe4f7}.card-heading{display:flex;justify-content:space-between;align-items:center}.step{color:#8d96b4;font-size:9px;letter-spacing:1.7px;font-weight:500}.card h2{font-size:22px;letter-spacing:-.5px;margin:9px 0 0;font-weight:550}.card-icon{width:44px;height:44px;background:#f0f3ff;color:#7485d5;border-radius:14px;display:grid;place-items:center}.card-icon svg{width:30px;height:30px}.share-icon{background:#f5f2fb;color:#9c8bc3}
.receive-top{display:flex;align-items:center;justify-content:space-between;margin-top:30px}.availability{display:flex;align-items:center;gap:6px;font-size:11px;color:#9399ac}.status-dot{width:5px;height:5px;border-radius:50%;background:#a9aec0}.availability.available{color:#6675a7}.available .status-dot{background:#89b7a2;box-shadow:0 0 0 3px #89b7a216}.text-button{border:0;background:transparent;color:#8b93b2;padding:6px 0;display:flex;gap:5px;align-items:center;font-size:11px}.text-button:hover{color:var(--blue)}.text-button svg{width:14px;height:14px}.code-display{display:flex;justify-content:space-between;gap:8px;margin-top:18px}.code-display>span{display:grid;place-items:center;height:65px;flex:1;min-width:0;border:1px solid #e5e8f5;border-radius:11px;background:#f8f9ff;color:#b7bed7;font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;font-size:31px;font-weight:500}.code-display.filled>span{background:#f1f4ff;border-color:#dfe5fb;color:#4b5db6}.code-caption{font-size:11px;color:#9096ab;margin:12px 0 22px;min-height:15px}.capacity{display:flex;justify-content:space-between;align-items:baseline;font-size:11px;color:#959bb0}.capacity strong{color:#596ba9;font-size:16px;font-weight:500}.capacity-total{font-size:10px;color:#aeb4c6}.capacity-track{height:3px;border-radius:4px;background:#e9edf8;margin:9px 0 21px;overflow:hidden}.capacity-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#a6b4ef,#6177d9);border-radius:4px;transition:width .6s ease}
.primary-button{display:flex;justify-content:center;align-items:center;gap:9px;min-height:46px;border:1px solid transparent;border-radius:12px;background:var(--blue);color:white;font-size:13px;font-weight:500;letter-spacing:.3px}.primary-button:hover:not(:disabled){background:var(--blue-dark);box-shadow:0 5px 15px #5064ce25}.copy-button{width:100%;background:linear-gradient(110deg,#6578dc,#4c61c8);box-shadow:0 4px 10px #5064ce19}.copy-button svg{width:17px;height:17px}.micro-note{margin:12px 0 22px;text-align:center;font-size:10px;color:#a1a6b9}.feedback{border-top:1px solid #e9edf7;display:flex;align-items:center;justify-content:space-between;padding:17px 0 19px;font-size:10px;color:#969eb6;gap:8px}.feedback>div{display:flex;gap:5px}.feedback button{padding:6px 9px;border:1px solid #e6eaf5;border-radius:7px;background:#fff9;color:#8b95b3;font-size:10px}.feedback button:hover:not(:disabled){background:#eef2ff;color:#5368bc;border-color:#c7d0f0}.feedback button span{margin-right:2px}
.share-intro{font-size:21px;line-height:1.75;letter-spacing:-.2px;color:#555b74;margin:28px 0 26px}.share-intro strong{font-weight:500;color:#7e8bcc}#submit-form label{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#737b95;margin-bottom:10px}#submit-form label span{font-size:10px;color:#a0a6b7}#invite-input{height:55px;border:1px solid #e4e7f1;border-radius:12px;background:#f8f9fc;width:100%;padding:0 17px;color:#4b5985;font-family:ui-monospace,"SFMono-Regular",Consolas,"PingFang SC",sans-serif;font-size:20px;letter-spacing:8px;text-transform:uppercase;transition:border .2s,box-shadow .2s}#invite-input::placeholder{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;font-size:12px;letter-spacing:1px;color:#b1b5c6}#input-help{margin:10px 0 22px;font-size:10px;color:#a4aabc}.submit-button{width:100%;color:#5c6fc2;background:#eef1ff;border-color:#e5e9fc}.submit-button:hover:not(:disabled){background:#e5eaff;color:#465cb7;box-shadow:none}.submit-button>span:last-child{font-size:19px;line-height:1;margin-left:7px}.thanks-note{display:flex;align-items:center;gap:12px;border-top:1px solid #eff0f6;margin-top:27px;padding:19px 0;position:relative}.tiny-sparkle{font-size:25px;color:#c3c9e7}.thanks-note p{font-size:11px;line-height:1.8;margin:0;color:#9da4bd}.thanks-note p span{font-size:10px;color:#afb5c7}.thanks-note svg{width:88px;height:44px;color:#c7cfee;margin-left:auto}
.about-section,.recent-section{padding:0 4px;min-width:0;margin-top:6px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.section-heading h2{font-size:15px;font-weight:500;letter-spacing:.1px;margin:0}.mini-label{font-size:8px;letter-spacing:1.6px;color:#adb1c3}.about-section>p{font-size:11px;color:#959bb0;line-height:2.15;margin:17px 0 20px}.principles{display:flex;gap:27px;font-size:10px;color:#858da5;margin-bottom:25px}.principles span{display:flex;align-items:center;gap:7px}.principles i{font-style:normal;color:#b0b8d1;font-size:9px;font-family:ui-monospace,monospace}.about-section details{border-top:1px solid #e9ecf4;padding-top:14px}.about-section summary{cursor:pointer;display:flex;justify-content:space-between;font-size:10px;color:#969fb6;list-style:none}.about-section summary::-webkit-details-marker{display:none}.about-section details p{font-size:10px;line-height:1.9;color:#9097ad}.about-section details[open] summary span{transform:rotate(45deg)}.live-dot{display:inline-block;width:5px;height:5px;vertical-align:middle;background:#93b9ad;border-radius:50%;margin-left:7px;box-shadow:0 0 0 3px #93b9ad12}.carousel-toggle{font-size:9px;color:#adb3c7}.recent-window{height:166px;overflow:hidden;position:relative;margin-top:10px;border-top:1px solid #e9ecf4;mask-image:linear-gradient(#000 85%,transparent)}.recent-row{height:55px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #eceef5;padding:8px 0}.recent-avatar{width:27px;height:27px;background:#eaeefa;border:1px solid #e2e7f8;border-radius:9px;color:#a1aed8;display:grid;place-items:center;font-size:13px}.recent-main{display:flex;flex-direction:column;gap:5px;flex:1}.recent-code{font-size:13px;color:#7783a7;letter-spacing:3px;font-family:ui-monospace,monospace}.recent-time{font-size:9px;color:#b0b6c9}.recent-count{font-size:10px;color:#8a96b4}.recent-count strong{font-weight:500;color:#6578bc;font-size:13px}.recent-count.blocked{color:#b2a8b4}.recent-footer{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#aab2c8;margin-top:8px}.recent-empty{height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a5adc5}.empty-orbit{font-size:31px;color:#bdc6e6}.recent-empty p{font-size:11px;line-height:1.8;text-align:center;margin:9px 0}.recent-empty small{font-size:10px;color:#b2b9ce}.site-footer{max-width:1060px;padding:25px 0;margin:38px auto 0;border-top:1px solid #e8ebf3;display:flex;justify-content:space-between;color:#afb5c7;font-size:9px;letter-spacing:.2px}.footer-brand{font-size:13px;color:#959eb9;font-weight:550;margin-right:10px;letter-spacing:-.5px}
.toast{position:fixed;z-index:10;bottom:30px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;max-width:calc(100vw - 32px);width:max-content;background:#fff;border:1px solid #e1e6f7;border-radius:15px;padding:16px 21px;box-shadow:0 12px 48px #283d8924;font-size:12px;color:#606e9c;line-height:1.6}.toast[hidden]{display:none}.toast-symbol{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#edf2fc;color:#6077c5;flex-shrink:0}.toast.error .toast-symbol{background:#fff0f0;color:#b17c84}.toast.error{border-color:#f1e0e2;color:#a2777e}dialog{border:1px solid #e3e7f5;padding:31px;border-radius:22px;max-width:390px;width:calc(100vw - 40px);color:#505a7c;box-shadow:0 20px 100px #1c2a5c22}dialog::backdrop{background:#1d28484d;backdrop-filter:blur(5px)}dialog h2{font-size:19px;font-weight:500;margin:19px 0 10px}dialog p{font-size:12px;color:#8991ab;line-height:1.8;margin:0 0 25px}.dialog-mark{display:grid;place-items:center;width:32px;height:32px;background:#f1f3fc;color:#8592c6;border-radius:10px;font-size:20px}.dialog-actions{display:flex;gap:10px}.dialog-actions button{flex:1;font-size:12px;min-height:42px}.cancel-button{background:white;border:1px solid #e4e8f4;border-radius:12px;color:#929ab2}.noscript{position:fixed;bottom:20px;left:20px;background:white;border:1px solid #ddd;padding:20px;border-radius:12px}.loading svg{animation:spin 1s linear infinite}
@keyframes spark{0%,100%{transform:rotate(-6deg) scale(.9)}50%{transform:rotate(10deg) scale(1.08)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.workspace{gap:22px}.card{padding:25px 24px 0}.feedback{flex-wrap:wrap}.principles{gap:17px}.site-footer{margin-left:30px;margin-right:30px}.hero h1{font-size:40px}.code-display{gap:6px}.code-display>span{font-size:27px;height:58px}.share-intro{font-size:20px}}
@media(max-width:700px){.site-header{padding:23px 22px}.brand>svg{width:29px;height:29px}.brand>span{font-size:22px}.brand-divider{margin:0 10px}.brand-label{font-size:11px}.official{padding:8px 11px;font-size:10px;gap:7px}main{padding:0 21px;max-width:500px}.hero{padding:27px 0 32px}.hero h1{font-size:32px;letter-spacing:-1.1px;margin-top:17px}.sparkle{width:18px;right:-20px;top:-6px}.hero>p{font-size:11px;line-height:1.9}.community-tag{font-size:10px}.mobile-break{display:block}.workspace{grid-template-columns:1fr;gap:23px}.card{border-radius:22px;padding:25px 25px 0}.receive-card{order:0}.share-card{order:1}.about-section{order:2;margin-top:6px}.recent-section{order:3;margin-top:8px}.card h2{font-size:21px}.receive-top{margin-top:25px}.code-display>span{height:60px;font-size:28px}.code-caption{margin-bottom:20px}.share-intro{font-size:21px;margin:24px 0}.feedback{flex-wrap:nowrap;font-size:9px}.feedback button{font-size:9px;padding:6px 8px}.micro-note{font-size:9px}.about-section>p{font-size:11px}.section-heading h2{font-size:14px}.site-footer{margin:29px 22px 0;padding:22px 0 25px;gap:12px;flex-direction:column;align-items:center;font-size:8px}.toast{bottom:20px;padding:13px 15px;font-size:11px}.wash-one{width:95vw;left:0}.wash-two{width:60vw;right:0}.thanks-note{padding-bottom:22px}.principles{gap:25px}}
@media(max-width:370px){.brand-label{display:none}.brand-divider{display:none}.hero h1{font-size:29px}.card{padding-left:20px;padding-right:20px}.code-display{gap:5px}.code-display>span{height:53px;font-size:24px}.feedback{gap:5px}.feedback>span{font-size:8px}.feedback button{padding:5px}.principles{gap:18px}.sparkle{right:-14px;width:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.clipboard-helper{position:fixed;left:-9999px;top:0;width:1px;height:1px}
.hero>p,.code-caption,.micro-note,#input-help,.about-section>p,.recent-time,.recent-footer,.site-footer{color:#828ba3}.feedback,.feedback button{color:#7f8aa8}.community-tag{color:#727e9c}.step,.mini-label{color:#8b96b1}
@media(max-width:700px){.share-intro{font-size:19px}}
/* Muse blue, soft surfaces, no card outlines. */
:root{--blue:#4e63ce;--blue-dark:#3e53bd;--soft:#f1f4ff}
html{background:#f8faff}.wash-one{background:#e7edff;opacity:.6}.wash-two{background:#edf2ff;opacity:.6}
.card,.receive-card,.share-card{border:0;background:#fff;box-shadow:0 12px 44px #2341a009}
.copy-button{background:var(--blue);box-shadow:0 5px 16px #4e63ce20}.submit-button{background:#edf1ff;border:0;color:var(--blue)}
.code-display>span,.code-display.filled>span{border:0;background:#f1f4ff;color:var(--blue)}.code-display:not(.filled)>span{color:#bdc7e9}
#invite-input{border:0;background:#f3f5fa}#invite-input:focus{box-shadow:0 0 0 3px #4e63ce22}
.card-icon,.share-icon{background:#eff3ff;color:#6c82df}.share-intro strong,.blue-word{color:var(--blue)}
.sparkle,.tiny-sparkle,.thanks-note svg{color:#a5b5ec}.capacity-track i{background:var(--blue)}
.feedback,.thanks-note{border-top:0}.feedback button{border:0;background:#f1f4fc}.recent-avatar{border:0;background:#edf2ff;color:#7b91da}
.official{border:0;background:#edf2ff;color:#5267bc}.header-actions{display:flex;align-items:center;gap:18px}
.language-nav{display:flex;align-items:center;gap:3px;padding:4px;background:#edf1f9;border-radius:24px}
.language-nav a{font-size:11px;white-space:nowrap;padding:8px 11px;border-radius:20px;color:#8792ac}.language-nav a:hover{color:var(--blue)}.language-nav a[aria-current=page]{background:white;color:var(--blue);box-shadow:0 2px 7px #223e8a06}
.hero h1{max-width:100%}.feedback{flex-wrap:wrap}.feedback>div{margin-left:auto}html[lang=en] .card h2{font-size:21px}html[lang=en] .share-intro{font-size:21px}html[lang=ja] .card h2{font-size:20px}.code-caption{line-height:1.6;min-height:34px}.recent-count{white-space:nowrap}
@media(max-width:950px){.header-actions{gap:10px}.brand-label{display:none}.brand-divider{display:none}.language-nav a{padding:8px 9px}}
@media(max-width:700px){.site-header{flex-wrap:wrap;gap:13px;justify-content:space-between}.header-actions{gap:0}.official{display:none}.language-nav a{font-size:10px;padding:8px 9px}.language-nav{gap:1px}.brand>span{font-size:22px}.hero h1{font-size:31px}html[lang=en] .blue-word,html[lang=ja] .blue-word{display:block}.sparkle{right:-10px}.share-intro{font-size:19px}.micro-note{line-height:1.7}.feedback{row-gap:10px}.section-heading h2{font-size:13px}.recent-count{font-size:9px}.recent-count strong{font-size:12px}}
@media(max-width:370px){.site-header{padding-left:16px;padding-right:16px}.brand>svg{width:25px}.brand>span{font-size:20px}.language-nav a{padding:7px 8px}.hero h1{font-size:27px}}
/* Official Muse primary button blue: rgb(0, 100, 212). */
:root{--blue:#0064d4;--blue-dark:#005abf;--soft:#eef5ff}
.copy-button{background:var(--blue);box-shadow:0 5px 16px #0064d41a}.card-icon,.share-icon{background:#eef5ff;color:#5995d9}.code-display.filled>span{background:#eff6ff;color:#0064d4}.submit-button{background:#eaf3ff;color:#0064d4}.submit-button:hover:not(:disabled){background:#dfedff;color:#005abf}.blue-word,.share-intro strong{color:#0064d4}.wash-one{background:#e6f0ff}.wash-two{background:#edf5ff}.official{background:#eaf3ff;color:#0064d4}.recent-avatar{background:#eaf3ff;color:#6ba2df}.recent-count strong{color:#0064d4}
.recent-row{width:100%;border:0;border-radius:11px;text-align:left;background:transparent;color:inherit;padding:8px 9px;font:inherit;cursor:pointer}.recent-row:hover:not(:disabled){background:#eaf3ff}.recent-row:disabled{opacity:.6;cursor:default}.recent-row:focus-visible{outline-offset:-3px}.recent-code{color:#3978ba}.recent-row:after{content:'⧉';font-size:15px;color:#8fb2db;margin-left:3px}.recent-row:disabled:after{content:''}.recent-window{border-top:0}html[lang=en] .hero h1 .blue-word{margin-left:.2em}
@media(max-width:700px){html[lang=en] .hero h1 .blue-word{margin-left:0}.recent-row{gap:8px}.recent-code{letter-spacing:2px}}
/* Make the random refresh action easy to spot and tap. */
.receive-top{gap:12px;flex-wrap:wrap}
#refresh{min-height:44px;padding:11px 16px;gap:8px;flex-shrink:0;border-radius:12px;background:var(--blue);color:#fff;font-size:13px;font-weight:600;box-shadow:0 4px 12px #0064d422}
#refresh svg{width:18px;height:18px}
#refresh:hover:not(:disabled){background:var(--blue-dark);box-shadow:0 6px 16px #0064d433;transform:translateY(-1px)}
#refresh:not(:disabled):active{transform:translateY(1px)}
#refresh:disabled{opacity:.65}