:root{--ink:#fffaf0;--glow:#ffb36b;--glow-2:#ff6fae;--dim:#fffaf042;--sung:#fffaf0db;--bg:#000;--size:clamp(34px, 5.4vw, 92px);--ease:cubic-bezier(.22, 1, .36, 1);--spring:cubic-bezier(.34, 1.56, .64, 1);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-synthesis:none;font-family:SF Pro Display,-apple-system,Segoe UI Variable Display,Segoe UI,Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;cursor:default;margin:0;overflow:hidden}#app,.style-host{position:fixed;inset:0}html[data-mode=ambient] body:before,html[data-mode=lock] body:before{content:"";background:radial-gradient(40% 35% at 35% 55%, color-mix(in srgb, var(--glow) 16%, transparent), transparent 70%), radial-gradient(35% 30% at 68% 45%, color-mix(in srgb, var(--glow-2) 12%, transparent), transparent 70%);filter:blur(40px);pointer-events:none;animation:14s ease-in-out infinite alternate breathe;position:fixed;inset:-20%}@keyframes breathe{0%{opacity:.7;transform:translate(-3%,1%)scale(1)}to{opacity:1;transform:translate(3%,-2%)scale(1.08)}}.stage{position:absolute;inset:0;overflow:hidden}.camera{transform-style:preserve-3d;position:absolute;inset:0}.lines{transition:transform .7s var(--ease);will-change:transform;transform-style:preserve-3d;position:absolute;top:0;left:0;right:0}.line{text-align:center;width:min(86vw,1400px);font-size:var(--size);letter-spacing:-.015em;opacity:0;filter:blur(6px);transition:opacity .6s var(--ease), filter .6s var(--ease), transform .7s var(--ease);margin:0 auto;padding:.18em 0;font-weight:760;line-height:1.12;transform:scale(.8)}.line[data-d="0"]{opacity:1;filter:none;transform:scale(1)}.line[data-d="-1"],.line[data-d="1"]{opacity:.42;filter:blur(1.2px);transform:scale(.8)}.line[data-d="-2"],.line[data-d="2"]{opacity:.16;filter:blur(3px);transform:scale(.7)}.word{color:var(--dim);transition:color 90ms ease-out, text-shadow 90ms ease-out, transform .16s var(--ease), opacity .16s ease-out;display:inline-block;position:relative}.line:not([data-d="0"]) .word{color:var(--sung)}.line[data-d="0"] .word[data-s=sung]{color:var(--sung);text-shadow:0 0 18px color-mix(in srgb, var(--glow) 45%, transparent);transition:color .5s ease, text-shadow .9s ease, transform .4s var(--ease)}.line[data-d="0"] .word[data-s=active]{color:var(--ink);text-shadow:0 0 6px #ffffffe6, 0 0 22px var(--glow), 0 0 48px var(--glow), 0 0 90px var(--glow-2);transform:translateY(-.04em)scale(1.07)}.icon{width:.46em;height:.46em;color:var(--glow);opacity:0;transition:opacity .2s ease, transform .45s var(--spring);filter:drop-shadow(0 0 6px var(--glow));position:absolute;top:-.5em;right:-.5em;transform:scale(.2)rotate(-25deg)}.word[data-s] .icon{opacity:1;transform:scale(1)rotate(0)}.line:not([data-d="0"]) .word[data-s] .icon{opacity:.55}.line.gap,.gapdots{justify-content:center;gap:.35em;display:flex}.dot{background:var(--sung);opacity:.5;border-radius:50%;width:.22em;height:.22em}.line.gap[data-d="0"] .dot,.gapdots .dot{box-shadow:0 0 14px var(--glow);animation:1.6s ease-in-out infinite dot}.line.gap .dot:nth-child(2),.gapdots .dot:nth-child(2){animation-delay:.2s}.line.gap .dot:nth-child(3),.gapdots .dot:nth-child(3){animation-delay:.4s}@keyframes dot{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}.v-drift .stage{perspective:1100px;perspective-origin:50% 40%}.v-drift .camera{animation:16s ease-in-out infinite alternate drift}@keyframes drift{0%{transform:rotateY(-26deg)rotateX(14deg)rotate(-2deg)translateZ(-60px)}50%{transform:rotateY(6deg)rotateX(6deg)rotate(1deg)translateZ(20px)}to{transform:rotateY(24deg)rotateX(16deg)rotate(2deg)translateZ(-50px)}}.v-drift .line{text-align:left;filter:none;width:min(78vw,1300px);padding:.06em 0;line-height:1.04;transform:translateZ(-120px)}.v-drift .line[data-d="0"]{opacity:1;transform:translateZ(40px)}.v-drift .line[data-d="-1"]{opacity:.62;transform:translateZ(0)}.v-drift .line[data-d="-2"]{opacity:.4;transform:translateZ(-40px)}.v-drift .line[data-d="-3"]{opacity:.26;transform:translateZ(-80px)}.v-drift .line[data-d="-4"]{opacity:.16;transform:translateZ(-120px)}.v-drift .line[data-d="-5"]{opacity:.08;transform:translateZ(-160px)}.v-drift .line[data-d="1"],.v-drift .line[data-d="2"],.v-drift .line[data-d="3"]{opacity:0}.v-drift .line[data-d="0"] .word:not([data-s]){opacity:0;filter:blur(8px);transform:translate(.3em,.1em)scale(1.6)}.v-drift .line[data-d="0"] .word{transition:color .3s ease, text-shadow .6s ease, transform .42s var(--ease), opacity .22s ease-out, filter .3s ease-out}.v-drift .line[data-d="0"] .word[data-s=active]{transform:scale(1.04)}.v-drift .line.gap{justify-content:flex-start}.v-lens .stage{perspective:620px}.v-lens .line{filter:none}.v-lens .line[data-d="0"]{transform:translateZ(70px)}.v-lens .line[data-d="-1"]{opacity:.5;transform:translateY(.18em)rotateX(38deg)scale(.86)}.v-lens .line[data-d="1"]{opacity:.5;transform:translateY(-.18em)rotateX(-38deg)scale(.86)}.v-lens .line[data-d="-2"]{opacity:.2;transform:translateY(.75em)rotateX(62deg)scale(.7)}.v-lens .line[data-d="2"]{opacity:.2;transform:translateY(-.75em)rotateX(-62deg)scale(.7)}.v-lens .line[data-d="0"] .word{transform:scale(var(--k,1));margin:0 var(--m,0px);transition:transform .26s var(--ease), margin .26s var(--ease), color 90ms ease-out, text-shadow 90ms ease-out}.v-lens .line[data-d="0"] .word[data-s=active]{transform:translateY(-.03em) scale(calc(var(--k,1) * 1.05))}.v-lens .stage:after{content:"";pointer-events:none;box-shadow:inset 0 0 120px color-mix(in srgb, var(--glow-2) 10%, transparent);background:radial-gradient(60% 45%,#ffffff0d,#0000 60%),radial-gradient(75% 62%,#0000 55%,#000000bf 100%);position:absolute;inset:0}.message{text-align:center;opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:.6em;padding:0 8vw;transition:opacity .5s;display:flex;position:absolute;inset:0}.message.show{opacity:1}.msg-title{text-shadow:0 0 30px color-mix(in srgb, var(--glow) 55%, transparent);font-size:clamp(26px,3.6vw,56px);font-weight:700}.msg-sub{color:#fffaf080;letter-spacing:.02em;font-size:clamp(13px,1.3vw,18px)}.drag{z-index:5;height:32px;position:fixed;top:0;left:0;right:0}.hint,.toast{letter-spacing:.04em;color:#fffaf073;pointer-events:none;white-space:nowrap;font-size:12px;transition:opacity .6s;position:fixed;left:50%;transform:translate(-50%)}.hint{bottom:18px}body.idle .hint{opacity:0}body.idle{cursor:none}.toast{color:#fffaf0d9;opacity:0;background:#ffffff14;border-radius:999px;padding:6px 12px;top:22px}.toast.show{opacity:1}html[data-mode=lock],html[data-mode=lock] body{background:0 0}html[data-mode=lock] body:after{content:"";pointer-events:none;z-index:-1;background:radial-gradient(80% 40%,#00000073,#0000 75%);position:fixed;inset:0}html[data-mode=lock]{--size:clamp(32px, 4.6vw, 80px)}html[data-mode=lock] .style-host,html[data-mode=lock] .message{top:27%;bottom:30%;-webkit-mask-image:linear-gradient(#0000,#000 14% 86%,#0000);mask-image:linear-gradient(#0000,#000 14% 86%,#0000)}html[data-mode=lock] .v-constellation .stars{display:none}html[data-mode=overlay],html[data-mode=overlay] body{background:0 0}html[data-mode=overlay]{--size:clamp(26px, 3.2vw, 46px);--dim:#fffaf08c}html[data-mode=overlay] .line{width:96vw}html[data-mode=overlay] .line[data-d="-1"],html[data-mode=overlay] .line[data-d="-2"],html[data-mode=overlay] .line[data-d="2"]{opacity:0}html[data-mode=overlay] .line[data-d="1"]{opacity:.5;filter:none;transform:scale(.62)}html[data-mode=overlay] .v-drift .line[data-d="-1"]{opacity:.4}html[data-mode=overlay] .word,html[data-mode=overlay] .cword{text-shadow:0 1px 2px #000000d9,0 0 12px #0009}html[data-mode=overlay] .line[data-d="0"] .word[data-s=active],html[data-mode=overlay] .cword[data-s=active]{text-shadow:0 1px 2px #000c, 0 0 6px #ffffffe6, 0 0 20px var(--glow), 0 0 44px var(--glow-2)}html[data-mode=overlay] .v-lens .stage:after{display:none}html[data-mode=overlay] .msg-title{text-shadow:0 1px 3px #000;font-size:22px}html[data-mode=overlay] .msg-sub{display:none}html.unlocked body{outline-offset:-2px;cursor:grab;background:#00000040;outline:2px dashed #ffffff80}html[data-mode=overlay] #app{pointer-events:none}@property --ink{syntax:"<color>";inherits:true;initial-value:#fffaf0}@property --glow{syntax:"<color>";inherits:true;initial-value:#ffb36b}@property --glow-2{syntax:"<color>";inherits:true;initial-value:#ff6fae}html{transition:--ink 1.4s,--glow 1.4s,--glow-2 1.4s}.panel{z-index:10;-webkit-backdrop-filter:blur(20px)saturate(1.4);backdrop-filter:blur(20px)saturate(1.4);color:#fffaf0e6;opacity:0;pointer-events:none;width:300px;transition:opacity .22s ease, transform .26s var(--ease);background:#141418b8;border:1px solid #ffffff1a;border-radius:16px;padding:14px;font-size:12px;position:fixed;bottom:44px;left:18px;transform:translateY(8px)scale(.98)}.panel.open{opacity:1;pointer-events:auto;transform:none}.panel-title{letter-spacing:.02em;margin-bottom:10px;font-size:13px;font-weight:650}.swatches{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.swatch{color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:5px;padding:6px 2px;display:flex}.swatch:hover{background:#ffffff0f}.swatch.on{background:#ffffff14;border-color:#ffffff59}.swatch i{border-radius:50%;width:26px;height:26px;display:block;box-shadow:0 0 12px #ffffff26}.swatch span{opacity:.8;font-size:11px}.pickers{border-top:1px solid #ffffff14;justify-content:space-between;margin-top:12px;padding-top:12px;display:flex}.pickers label{cursor:pointer;flex-direction:column;align-items:center;gap:5px;display:flex}.pickers input[type=color]{cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:8px;width:44px;height:28px;padding:0}.pickers input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.pickers input[type=color]::-webkit-color-swatch{border:none;border-radius:6px}.panel-note{opacity:.5;margin-top:10px;font-size:11px}.v-constellation .stars,.v-constellation .field,.v-constellation .web{position:absolute;inset:0}.v-constellation .web{width:100%;height:100%;overflow:visible}.v-constellation .stars i{opacity:.2;background:#fff;border-radius:50%;width:2px;height:2px;animation:ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{0%,to{opacity:.06}50%{opacity:.5}}.web line{stroke:var(--glow);stroke-width:1px;stroke-linecap:round;opacity:0;stroke-dasharray:var(--len);stroke-dashoffset:var(--len);transition:stroke-dashoffset .7s var(--ease), opacity .4s ease}.web line.on{opacity:.42;stroke-dashoffset:0}.web line.gone{opacity:0}.spark{--s:calc(var(--size) * .24);width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);filter:drop-shadow(0 0 4px var(--glow)) drop-shadow(0 0 10px color-mix(in srgb, var(--glow) 60%, transparent));animation:spark-in .6s var(--spring) both;transition:opacity .8s;position:absolute}.spark:before{content:"";background:color-mix(in srgb, var(--glow) 70%, white);clip-path:polygon(50% 0%,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0% 50%,42% 42%);position:absolute;inset:0}.spark.tiny{--s:calc(var(--size) * .13);opacity:.8}.spark.gone{opacity:0}@keyframes spark-in{0%{transform:scale(0)rotate(-45deg)}to{transform:scale(1)rotate(0)}}.sw{transform-origin:0;transform:translate(calc(var(--size) * .16), -50%) scale(.36);white-space:nowrap;font-size:calc(var(--size) * .95);letter-spacing:-.01em;color:color-mix(in srgb, var(--glow) 72%, transparent);transition:transform .65s var(--spring), color .5s ease, text-shadow .6s ease, opacity .8s ease;animation:sw-in .5s var(--ease) both;font-weight:760;position:absolute}.sw.active{transform:translate(calc(var(--size) * .16), -50%) scale(1);color:var(--glow);text-shadow:0 0 10px color-mix(in srgb, var(--glow) 90%, transparent), 0 0 34px var(--glow), 0 0 80px var(--glow-2)}.sw.gone{opacity:0}@keyframes sw-in{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:none}}.vstage{position:absolute;inset:0;overflow:hidden}.vstack{font-size:calc(var(--size) * 1.05);transition:transform .6s var(--ease), opacity .7s ease, filter .7s ease;flex-direction:column;align-items:center;gap:.02em;display:flex;position:absolute;top:50%;left:0;right:0}.vstack.leaving{opacity:0;filter:blur(8px)}.vrow{font-size:calc(1em * var(--k,1));letter-spacing:-.02em;white-space:nowrap;opacity:0;filter:blur(6px);transition:opacity .28s ease, transform .5s var(--spring), filter .3s ease;align-items:center;gap:.18em;font-weight:800;line-height:1.02;display:flex;transform:translateY(.3em)scale(.9)}.vrow.on{opacity:1;filter:none;transform:none}.vrow.old{opacity:.18}.vword{color:color-mix(in srgb, var(--glow) 30%, transparent);border-radius:.14em;padding:0 .1em;transition:color .12s,background-color .16s,box-shadow .2s,text-shadow .3s}.vword[data-s=sung]{color:var(--glow);text-shadow:0 0 22px color-mix(in srgb, var(--glow) 55%, transparent)}.vword[data-s=active]{color:#0b0b0d;background:var(--glow);box-shadow:0 0 18px color-mix(in srgb, var(--glow) 80%, transparent), 0 0 60px color-mix(in srgb, var(--glow-2) 50%, transparent)}.vicon{width:.62em;height:.62em;color:var(--glow);filter:drop-shadow(0 0 8px var(--glow));animation:spark-in .6s var(--spring) both;flex:none}.vrow:not(.on) .vicon{animation:none}.term{width:min(82vw,1200px);font-family:SF Mono,ui-monospace,Menlo,Cascadia Code,Consolas,monospace;font-size:calc(var(--size) * .56);color:var(--glow);text-shadow:0 0 8px color-mix(in srgb, var(--glow) 70%, transparent), 0 0 26px color-mix(in srgb, var(--glow) 35%, transparent);font-weight:600;line-height:1.5;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.trow{white-space:pre-wrap;word-break:break-all;transition:opacity .6s}.trow.done{opacity:.62}.trow.faded{opacity:.22}.trow:last-child .typed{color:var(--ink);text-shadow:0 0 10px var(--glow), 0 0 30px var(--glow)}.cursor{vertical-align:-.16em;background:var(--glow-2);width:.58em;height:1.05em;box-shadow:0 0 12px var(--glow-2), 0 0 30px var(--glow-2);margin-left:.06em;animation:1.05s step-end infinite blink;display:inline-block}.trow.typing .cursor{animation:none}@keyframes blink{50%{opacity:0}}.v-cover .cbloom{filter:blur(100px)saturate(1.5)brightness(.55);opacity:.4;background-position:50%;background-size:cover;transition:background-image 1s;position:absolute;inset:-20%}.ccol{flex-direction:column;justify-content:center;align-items:center;gap:2.2vmin;padding:4vmin;display:flex;position:absolute;inset:0}.ccard{aspect-ratio:1;width:min(40vmin,440px);box-shadow:0 30px 80px #0009, 0 0 120px color-mix(in srgb, var(--glow) 35%, transparent);background:linear-gradient(135deg, var(--glow), var(--glow-2));border-radius:6%;animation:9s ease-in-out infinite alternate float;overflow:hidden}.ccard img{object-fit:cover;width:100%;height:100%;display:block}.ccard.empty img{display:none}@keyframes float{0%{transform:translateY(-.6vmin)rotate(-.6deg)}to{transform:translateY(.6vmin)rotate(.6deg)}}.cmeta{text-align:center}.ctitle{color:var(--ink);font-size:clamp(16px,2.2vmin,26px);font-weight:700}.cartist{color:color-mix(in srgb, var(--ink) 55%, transparent);margin-top:.2em;font-size:clamp(13px,1.7vmin,19px)}.clyric{width:min(84vw,1100px);min-height:2.6em;font-size:calc(var(--size) * .5);position:relative}.cline{text-align:center;animation:sw-in .4s var(--ease) both;transition:opacity .4s ease, transform .5s var(--ease);font-weight:750;line-height:1.2;position:absolute;inset:0}.cline.leaving{opacity:0;transform:translateY(-.6em)}.cline .word{color:color-mix(in srgb, var(--ink) 30%, transparent)}.cline .word[data-s=sung]{color:var(--ink)}.cline .word[data-s=active]{color:var(--ink);text-shadow:0 0 8px #ffffffe6, 0 0 24px var(--glow), 0 0 50px var(--glow-2)}.backdrop{opacity:0;pointer-events:none;transition:opacity 1.2s;position:fixed;inset:0}html.with-backdrop .backdrop{opacity:1}.backdrop-img{filter:brightness(.42)saturate(1.15)blur(2px);background-position:50%;background-size:cover;animation:40s ease-in-out infinite alternate kenburns;position:absolute;inset:-4%}.backdrop:after{content:"";background:radial-gradient(80% 70%,#0000 30%,#000000bf 100%);position:absolute;inset:0}@keyframes kenburns{0%{transform:scale(1.04)translate(-1%)}to{transform:scale(1.12)translate(1%,-1%)}}html.with-backdrop.with-backdrop body:before{opacity:0}.v-cover~.backdrop,html.with-backdrop .v-cover .cbloom{opacity:.3}@property --edge-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.edge{--fade:60px;pointer-events:none;opacity:0;z-index:4;transition:opacity .8s;position:fixed;inset:0}.edge:before{--ramp:#000 0, #000000eb 5%, #000000b3 14%, #00000073 28%, #0000003d 46%, #0000001a 66%, #00000008 84%, transparent 100%;content:"";background:conic-gradient(from var(--edge-angle), color-mix(in srgb, var(--glow) 30%, transparent) 0deg, var(--glow) 40deg, color-mix(in srgb, var(--glow) 85%, white) 55deg, var(--glow) 70deg, color-mix(in srgb, var(--glow) 22%, transparent) 125deg, color-mix(in srgb, var(--glow-2) 22%, transparent) 180deg, var(--glow-2) 220deg, color-mix(in srgb, var(--glow-2) 85%, white) 235deg, var(--glow-2) 250deg, color-mix(in srgb, var(--glow-2) 26%, transparent) 305deg, color-mix(in srgb, var(--glow) 30%, transparent) 360deg);-webkit-mask:linear-gradient(to bottom, var(--ramp)) top / 100% var(--fade) no-repeat, linear-gradient(to top, var(--ramp)) bottom / 100% var(--fade) no-repeat, linear-gradient(to right, var(--ramp)) left / var(--fade) 100% no-repeat, linear-gradient(to left, var(--ramp)) right / var(--fade) 100% no-repeat;-webkit-mask:linear-gradient(to bottom, var(--ramp)) top / 100% var(--fade) no-repeat, linear-gradient(to top, var(--ramp)) bottom / 100% var(--fade) no-repeat, linear-gradient(to right, var(--ramp)) left / var(--fade) 100% no-repeat, linear-gradient(to left, var(--ramp)) right / var(--fade) 100% no-repeat;mask:linear-gradient(to bottom, var(--ramp)) top / 100% var(--fade) no-repeat, linear-gradient(to top, var(--ramp)) bottom / 100% var(--fade) no-repeat, linear-gradient(to right, var(--ramp)) left / var(--fade) 100% no-repeat, linear-gradient(to left, var(--ramp)) right / var(--fade) 100% no-repeat;animation:9s linear infinite edge-spin;position:absolute;inset:0}@keyframes edge-spin{to{--edge-angle:360deg}}html.with-edge .edge{opacity:.85}html[data-mode=lock].with-edge .edge{opacity:.7}html[data-mode=lock].with-backdrop .backdrop{opacity:.14}html[data-mode=lock] .backdrop-img{filter:saturate(1.2)blur(6px)}html[data-mode=lock] .backdrop:after{display:none}html[data-mode=lock] body:before{opacity:.25}html[data-mode=lock] body:after{background:radial-gradient(70% 30%,#00000038,#0000 75%)}html[data-mode=lock] .v-cover .cbloom{opacity:.12}html[data-mode=lock] .v-lens .stage:after{display:none}.panel-sub{opacity:.85;border-top:1px solid #ffffff14;margin-top:12px;padding-top:12px;font-size:12px;font-weight:600}.chips{gap:6px;margin-top:8px;display:flex}.chip{color:inherit;font:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:9px;flex:1;align-items:center;gap:6px;padding:6px 8px;font-size:11px;display:flex}.chip i{border-radius:50%;flex:none;width:14px;height:14px;box-shadow:0 0 0 1px #ffffff40}.chip.on{background:#ffffff1a;border-color:#ffffff73}.cpick{flex-direction:column;gap:10px;margin-top:10px;display:flex}.cp-sv{cursor:crosshair;touch-action:none;border-radius:10px;height:130px;position:relative}.cp-sv-knob,.cp-hue-knob{pointer-events:none;border:2px solid #fff;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;box-shadow:0 0 0 1px #0006,0 2px 6px #00000080}.cp-hue{cursor:pointer;touch-action:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:6px;height:12px;position:relative}.cp-hue-knob{background:0 0;top:50%}.cp-row{align-items:center;gap:8px;display:flex}.cp-preview{border-radius:7px;width:26px;height:26px;box-shadow:0 0 0 1px #ffffff40}.cp-hex{height:28px;color:inherit;text-transform:lowercase;background:#0000004d;border:1px solid #ffffff26;border-radius:7px;flex:1;padding:0 8px;font:12px ui-monospace,Menlo,monospace}.cp-hex:focus{border-color:#ffffff73;outline:none}.sync-hint{z-index:6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fffaf0bf;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .4s ease, transform .4s var(--ease);background:#141418b3;border:1px solid #ffffff1f;border-radius:999px;padding:8px 14px;font-size:12.5px;position:fixed;bottom:46px;left:50%;transform:translate(-50%,8px)}.sync-hint b{color:var(--ink);font-weight:650}.sync-hint.show{opacity:1;transform:translate(-50%)}html.embed .hint,html.embed .toast,html.embed .panel,html.embed .sync-hint,html.embed .drag{display:none!important}html.embed{--size:clamp(22px, 5.2vw, 72px)}html.embed .edge{--fade:min(60px, 7vw)}