:root{--bg: var(--tg-theme-bg-color, #ffffff);--bg2: var(--tg-theme-secondary-bg-color, #eef0f5);--section: var(--tg-theme-section-bg-color, #ffffff);--text: var(--tg-theme-text-color, #000000);--hint: var(--tg-theme-hint-color, #8a8f98);--link: var(--tg-theme-link-color, #007aff);--button: var(--tg-theme-button-color, #007aff);--button-text: var(--tg-theme-button-text-color, #ffffff);--destructive: var(--tg-theme-destructive-text-color, #ff3b30);--separator: color-mix(in srgb, var(--text) 9%, transparent);--section-header: var(--tg-theme-section-header-text-color, #6d6d72);--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, Roboto, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--fs-body: 17px;--lh-body: 22px;--fs-sub: 15px;--lh-sub: 20px;--fs-cap: 13px;--lh-cap: 16px;--r-xl: 28px;--r-l: 22px;--r-m: 16px;--r-s: 12px;--safe-top: var(--tg-viewport-content-safe-area-inset-top, 0px);--safe-bottom: var(--tg-viewport-safe-area-inset-bottom, 0px);--glass-bg: color-mix(in srgb, var(--section) 58%, transparent);--glass-bg-strong: color-mix(in srgb, var(--section) 78%, transparent);--glass-stroke: color-mix(in srgb, var(--text) 9%, transparent);--glass-hi: rgba(255, 255, 255, .6);--glass-shadow: 0 10px 30px rgba(20, 30, 50, .1), 0 1px 2px rgba(20, 30, 50, .06);--blur: 22px;--grid-dot: color-mix(in srgb, var(--hint) 40%, transparent);--select: var(--button);--select-soft: color-mix(in srgb, var(--button) 12%, transparent);--bad-soft: color-mix(in srgb, var(--destructive) 16%, transparent);--warn-text: color-mix(in srgb, var(--destructive) 60%, var(--text))}:root[data-scheme=dark]{--bg: var(--tg-theme-bg-color, #1c1c1e);--bg2: var(--tg-theme-secondary-bg-color, #000000);--section: var(--tg-theme-section-bg-color, #1c1c1e);--text: var(--tg-theme-text-color, #ffffff);--hint: var(--tg-theme-hint-color, #98989e);--link: var(--tg-theme-link-color, #3e88f7);--button: var(--tg-theme-button-color, #3e88f7);--destructive: var(--tg-theme-destructive-text-color, #eb5545);--section-header: var(--tg-theme-section-header-text-color, #8d8e93);--glass-bg: color-mix(in srgb, var(--section) 52%, transparent);--glass-bg-strong: color-mix(in srgb, var(--section) 74%, transparent);--glass-stroke: color-mix(in srgb, #fff 10%, transparent);--glass-hi: rgba(255, 255, 255, .16);--glass-shadow: 0 14px 40px rgba(0, 0, 0, .45), 0 1px 2px rgba(0, 0, 0, .3)}:root[data-platform=base]{--blur: 14px}html,body{margin:0;padding:0;color:var(--text);overflow-x:hidden;overflow-x:clip}body{font-family:var(--font);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overscroll-behavior-y:none;background:var(--bg2);background-image:radial-gradient(120% 70% at 20% -10%,color-mix(in srgb,var(--button) 14%,transparent),transparent 60%),radial-gradient(90% 60% at 100% 110%,color-mix(in srgb,var(--button) 9%,transparent),transparent 60%);background-attachment:fixed}*{box-sizing:border-box}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.45}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur)) saturate(170%);backdrop-filter:blur(var(--blur)) saturate(170%);box-shadow:inset 0 1px 0 var(--glass-hi),inset 0 0 0 1px var(--glass-stroke),var(--glass-shadow)}.glass-strong{background:var(--glass-bg-strong)}.app{max-width:480px;margin:0 auto;min-height:100vh;padding:calc(var(--safe-top) + 8px) 0 calc(var(--safe-bottom) + 160px)}.app.with-fake-main{padding-bottom:calc(var(--safe-bottom) + 236px)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 12px 10px;position:sticky;top:var(--safe-top);z-index:20}.topbar-title{flex:1;min-width:0;text-align:center;font-weight:700;font-size:var(--fs-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em}.pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;min-width:40px;padding:0 14px;border:0;border-radius:999px;color:var(--link);font-size:var(--fs-sub);font-weight:600;white-space:nowrap;transition:transform .12s ease,background .15s}.pill:active{transform:scale(.96)}.pill.icon-only{padding:0;width:40px}.pill.tint{background:color-mix(in srgb,var(--button) 88%,transparent);color:var(--button-text);box-shadow:inset 0 1px #ffffff59,0 8px 22px color-mix(in srgb,var(--button) 35%,transparent)}.pill.danger{color:var(--destructive)}.pill.unlocked{color:var(--destructive);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--destructive) 55%,transparent),var(--glass-shadow)}.topbar-right{display:flex;gap:8px}.canvas-card{margin:0 12px;border-radius:var(--r-l);background:var(--section);box-shadow:inset 0 0 0 1px var(--glass-stroke),0 1px #fff6}:root[data-scheme=dark] .canvas-card{box-shadow:inset 0 0 0 1px var(--glass-stroke)}.canvas{position:relative;width:100%;user-select:none;-webkit-user-select:none;touch-action:pan-y;border-radius:var(--r-l);background-image:radial-gradient(circle at center,var(--grid-dot) 1.1px,transparent 1.4px);background-size:var(--cell) var(--cell);background-position:calc(var(--cell) / 2) calc(var(--cell) / 2);transition:height .18s ease}.safe-edge{position:absolute;top:0;bottom:0;pointer-events:none;border-left:1.5px dashed color-mix(in srgb,var(--warn-text) 55%,transparent);background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--warn-text) 10%,transparent) 0 4px,transparent 4px 9px);border-radius:0 var(--r-l) var(--r-l) 0}@media(prefers-reduced-motion:reduce){.canvas,.pill,.sheet,.actionbar{transition:none!important;animation:none!important}}.canvas-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:24px;pointer-events:none}.canvas-empty b{font-size:var(--fs-body);font-weight:600;color:var(--text)}.canvas-empty span{font-size:var(--fs-sub);line-height:var(--lh-sub);color:var(--hint);max-width:26ch}.obj{position:absolute;touch-action:none;border-radius:6px;cursor:grab;will-change:transform}.obj.dragging{z-index:5;opacity:.92;cursor:grabbing}.obj.selected{z-index:3}.obj.editing{z-index:7;cursor:default}.obj.editing:before{display:none}.obj.selected:after{content:"";position:absolute;inset:-2px;border-radius:8px;box-shadow:0 0 0 2px var(--select),0 0 0 6px color-mix(in srgb,var(--select) 18%,transparent);pointer-events:none}.obj.has-error:not(.selected):after{content:"";position:absolute;inset:-2px;border-radius:8px;box-shadow:0 0 0 2px var(--destructive);pointer-events:none}.obj.has-warn:not(.selected):after{content:"";position:absolute;inset:-1px;border-radius:7px;border:1.5px dashed var(--warn-text);pointer-events:none}.obj-image{background:var(--select-soft)}.obj-clip{position:absolute;inset:0;overflow:hidden;border-radius:6px}.obj-media{display:block;width:100%;height:100%;pointer-events:none}.obj-missing{display:flex;align-items:center;justify-content:center;height:100%;padding:4px;text-align:center;color:var(--destructive);font-size:var(--fs-cap);line-height:var(--lh-cap)}.tilegrid{position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:linear-gradient(to right,var(--section) var(--gap),transparent var(--gap)),linear-gradient(to bottom,var(--section) var(--gap),transparent var(--gap));background-size:var(--cell) var(--cell);background-position:calc(var(--gap) / -2) calc(var(--gap) / -2)}.tilegrid-padded{opacity:1}.obj-tag{position:absolute;left:6px;bottom:6px;padding:2px 7px;border-radius:999px;font-size:11px;line-height:14px;font-weight:600;font-variant-numeric:tabular-nums;background:#1418208c;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.obj-text{cursor:text}.obj-text:not(.obj-parts):before{content:"";position:absolute;inset:0;border-radius:6px;border:1px dashed color-mix(in srgb,var(--hint) 45%,transparent);pointer-events:none}.obj-parts{pointer-events:none}.obj-parts .part{position:absolute;pointer-events:auto;border-radius:6px;border:1px dashed color-mix(in srgb,var(--hint) 45%,transparent)}.obj-parts.selected .part{border-color:transparent;box-shadow:0 0 0 2px var(--select),0 0 0 6px color-mix(in srgb,var(--select) 18%,transparent)}.obj-parts.selected:after,.obj-parts.has-error:after,.obj-parts.has-warn:after{display:none}.obj-parts .obj-text-body{pointer-events:none;position:relative;z-index:1}.obj-parts .tline{pointer-events:auto}.obj-text.selected:before{border-color:transparent}.obj-text-placeholder{padding:0 6px;color:var(--hint);font-size:calc(var(--cell) * .8);line-height:var(--cell)}.obj-text-body{font-size:calc(var(--cell) * .8);line-height:var(--cell);white-space:pre;overflow:hidden}.tline{padding:0 4px;box-sizing:border-box;overflow:hidden}.obj-text-body.overflow{-webkit-mask-image:linear-gradient(to right,#000 82%,transparent 98%);mask-image:linear-gradient(to right,#000 82%,transparent 98%)}.obj.has-warn .obj-text-body.overflow{-webkit-mask-image:none;mask-image:none;box-shadow:inset -3px 0 0 var(--destructive)}.tline{height:var(--cell)}.tick{position:absolute;width:3px;height:var(--cell);margin-left:-1.5px;border-radius:2px;background:var(--select);opacity:.75;pointer-events:none;z-index:2}.tick:after{content:"";position:absolute;left:-3px;top:-4px;width:9px;height:4px;border-radius:2px;background:inherit}.tick.over{background:var(--destructive);opacity:1}.obj-edit{position:absolute;top:0;display:block;margin:0;padding:0 4px;border:0;border-radius:6px;resize:none;outline:none;overflow:hidden;background:color-mix(in srgb,var(--section) 92%,var(--button));color:var(--text);font:inherit;font-size:calc(var(--cell) * .8);line-height:var(--cell);white-space:pre-wrap;overflow-wrap:break-word;box-shadow:0 0 0 2px var(--select),0 8px 24px #141e322e;touch-action:auto;cursor:text;caret-color:var(--button)}.obj-edit::placeholder{color:var(--hint)}.e-bold{font-weight:600}.e-italic{font-style:italic}.e-underline{text-decoration:underline}.e-strikethrough{text-decoration:line-through}.e-underline.e-strikethrough{text-decoration:underline line-through}.e-spoiler{background:color-mix(in srgb,var(--text) 18%,transparent);border-radius:3px}.e-text_link,.e-url{color:var(--link)}.e-code,.e-pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}.e-blockquote,.e-expandable_blockquote{box-shadow:inset 3px 0 0 var(--link);background:color-mix(in srgb,var(--link) 10%,transparent);padding-left:.35em;border-radius:0 4px 4px 0}.fmt.fq{font-size:15px;font-weight:600}.fmt.ficon{display:inline-flex;align-items:center;justify-content:center}.handle{position:absolute;width:32px;height:32px;z-index:6;touch-action:none;cursor:nwse-resize}.handle:after{content:"";position:absolute;left:7px;top:7px;width:18px;height:18px;border-radius:50%;background:var(--section);box-shadow:0 0 0 2.5px var(--select),0 2px 8px #00000040}.handle-corner{right:-16px;bottom:-16px}.handle-right{right:-16px;top:calc(50% - 16px);cursor:ew-resize}.handle-right:after{width:9px;height:22px;left:11.5px;top:5px;border-radius:6px}.ghost{position:absolute;pointer-events:none;z-index:4;border-radius:6px;background:var(--select-soft);box-shadow:inset 0 0 0 2px var(--select)}.ghost-bad{background:var(--bad-soft);box-shadow:inset 0 0 0 2px var(--destructive)}.selbar{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--safe-bottom) + 84px);z-index:30;display:flex;align-items:center;gap:2px;padding:4px 6px 4px 14px;border-radius:999px;animation:pop .16s cubic-bezier(.2,.8,.2,1);max-width:calc(100% - 24px)}.with-fake-main .selbar{bottom:calc(var(--safe-bottom) + 146px)}.selbar-label{font-size:var(--fs-cap);font-weight:600;color:var(--hint);margin-right:6px;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}.selbar button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;height:40px;border:0;border-radius:50%;background:transparent;color:var(--text)}.selbar button:active{background:color-mix(in srgb,var(--text) 8%,transparent)}.selbar button.primary{color:var(--link)}.selbar button.danger{color:var(--destructive)}@keyframes pop{0%{transform:translateY(6px) scale(.96);opacity:0}to{transform:none;opacity:1}}.under{display:flex;align-items:center;gap:10px;padding:10px 16px 0;flex-wrap:wrap}.budget{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px 0 8px;border-radius:999px;font-size:var(--fs-cap);font-weight:600;font-variant-numeric:tabular-nums;color:var(--text)}.budget .ring{width:18px;height:18px;border-radius:50%;background:conic-gradient(var(--button) calc(var(--p) * 1%),color-mix(in srgb,var(--hint) 25%,transparent) 0);-webkit-mask:radial-gradient(circle,transparent 5px,#000 5.5px);mask:radial-gradient(circle,transparent 5px,#000 5.5px)}.budget.over{color:var(--destructive)}.budget.over .ring{background:conic-gradient(var(--destructive) 100%,transparent 0)}.under-summary{color:var(--hint);font-size:var(--fs-cap);line-height:var(--lh-cap);min-width:0;flex:1 1 170px}.under-problem{width:100%;margin:6px 4px 0;padding:10px 14px;border-radius:var(--r-m);font-size:var(--fs-cap);line-height:var(--lh-cap);color:var(--text)}.under-problem.error{color:var(--destructive)}.under-problem.warn{color:var(--warn-text)}.under-state{width:100%;padding:6px 6px 0;color:var(--hint);font-size:12px;line-height:16px;min-height:16px}.dock{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--safe-bottom) + 14px);z-index:30;display:flex;gap:2px;padding:6px;border-radius:999px;max-width:calc(100% - 24px)}.with-fake-main .dock{bottom:calc(var(--safe-bottom) + 76px)}.dock button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:0 1 78px;min-width:0;overflow:hidden;height:58px;border:0;border-radius:999px;background:transparent;color:var(--text);font-size:12px;font-weight:600;line-height:14px;transition:background .15s,transform .12s}.dock-wide{width:calc(100% - 24px);gap:0;padding:6px 4px}.dock-wide button{flex:1 1 0;font-size:clamp(10px,2.9vw,12px);letter-spacing:-.015em}.dock button:active{transform:scale(.95);background:color-mix(in srgb,var(--text) 7%,transparent)}.dock button svg{color:var(--link)}.dock button:disabled{opacity:.5}.editbar{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--safe-bottom) + 14px);z-index:30;display:flex;align-items:center;gap:8px;padding:6px 6px 6px 8px;border-radius:999px;width:calc(100% - 24px);max-width:456px;animation:pop .16s cubic-bezier(.2,.8,.2,1)}.with-fake-main .editbar{bottom:calc(var(--safe-bottom) + 76px)}.editbar-scroll{display:flex;gap:6px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;padding:2px 8px 2px 0;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent)}.editbar-scroll::-webkit-scrollbar{display:none}.editbar .fmt{min-width:38px;height:38px;padding:0 10px}.editbar .fmt.fl{margin-left:0}.editbar-sep{flex:0 0 1px;height:24px;background:var(--separator);margin:0 2px;align-self:center}.editbar .pill{flex:0 0 auto}.ref-card{margin:0 12px 10px;border-radius:var(--r-l);overflow:hidden}.ref-media{display:block;width:100%;padding:0;border:0;background:color-mix(in srgb,var(--text) 6%,transparent);cursor:zoom-in}.ref-card.open .ref-media{cursor:zoom-out}.ref-media img,.ref-media video{display:block;width:100%;height:88px;object-fit:cover;object-position:top}.ref-card.open .ref-media img,.ref-card.open .ref-media video{height:auto;max-height:70vh;object-fit:contain;background:color-mix(in srgb,var(--text) 8%,transparent)}.ref-missing{display:block;padding:20px;color:var(--destructive);font-size:var(--fs-cap);text-align:center}.ref-bar{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 14px}.ref-label{flex:1;min-width:0;color:var(--hint);font-size:var(--fs-cap);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ref-bar .pill{height:32px;padding:0 12px;font-size:var(--fs-cap)}.ref-bar .pill.icon-only{width:32px;padding:0}.ref-add{height:32px;padding:0 12px 0 10px;font-size:var(--fs-cap);font-weight:600;gap:5px;color:var(--link)}.sheet-backdrop{position:fixed;inset:0;z-index:50;background:#0a0e1638;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:480px;max-height:min(66vh,calc(var(--tg-viewport-stable-height, 100vh) - 110px));display:flex;flex-direction:column;border-radius:var(--r-xl) var(--r-xl) 0 0;padding-bottom:calc(var(--safe-bottom) + 10px);animation:sheet-in .24s cubic-bezier(.2,.8,.2,1)}@keyframes sheet-in{0%{transform:translateY(28px);opacity:.6}to{transform:none;opacity:1}}.sheet-grabber{width:36px;height:5px;border-radius:3px;background:color-mix(in srgb,var(--hint) 45%,transparent);margin:8px auto 4px}.sheet-header{display:flex;align-items:center;justify-content:space-between;padding:4px 12px 6px 20px}.sheet-title{font-size:20px;line-height:24px;font-weight:700;letter-spacing:-.01em}.sheet-body{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 0 8px}.screen{padding:0 0 16px}.group{margin:14px 12px 0}.group-header{padding:0 16px 6px;color:var(--section-header);font-size:var(--fs-cap);line-height:var(--lh-cap);font-weight:600}.group-footer{padding:6px 16px 0;color:var(--hint);font-size:var(--fs-cap);line-height:var(--lh-cap)}.group-body{border-radius:var(--r-l);overflow:hidden}.row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;text-align:left;border:0;background:transparent;color:var(--text);min-height:48px}.row+.row,.row+.stepper-row,.stepper-row+.row,.stepper-row+.stepper-row,.row+.chips,.chips+.row,.fmt-bar+.text-input{border-top:1px solid var(--separator)}.row-tap:active{background:color-mix(in srgb,var(--text) 6%,transparent)}.row-main{flex:1;min-width:0}.row-title{font-size:var(--fs-body);line-height:var(--lh-body)}.row-sub{color:var(--hint);font-size:var(--fs-cap);line-height:var(--lh-cap);margin-top:2px}.row-after{color:var(--hint);font-variant-numeric:tabular-nums;white-space:nowrap}.row-destructive .row-title{color:var(--destructive)}.row-link .row-title{color:var(--link)}.row-input{display:block;width:100%;border:0;padding:0;background:transparent;color:var(--text);font:inherit;font-size:var(--fs-body);line-height:var(--lh-body);outline:none}.row-input::placeholder{color:var(--hint)}.chips{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px}.chip{height:36px;padding:0 14px;border:0;border-radius:999px;font-size:var(--fs-sub);font-weight:600;color:var(--text);font-variant-numeric:tabular-nums;transition:transform .12s}.chip:active{transform:scale(.95)}.chip.on{background:color-mix(in srgb,var(--button) 88%,transparent);color:var(--button-text);box-shadow:inset 0 1px #ffffff59}.chip small{font-weight:500;opacity:.65;margin-left:5px;font-size:13px}.stepper-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;min-height:52px}.stepper{display:inline-flex;align-items:center;height:36px;border-radius:999px;overflow:hidden}.stepper-btn{width:40px;height:36px;border:0;background:transparent;color:var(--link);display:inline-flex;align-items:center;justify-content:center}.stepper-btn:active{background:color-mix(in srgb,var(--text) 8%,transparent)}.stepper-value{min-width:44px;text-align:center;font-weight:600;font-variant-numeric:tabular-nums}.switch{position:relative;width:51px;height:31px;border:0;border-radius:16px;background:color-mix(in srgb,var(--hint) 35%,transparent);padding:0;flex:0 0 auto;transition:background .15s}.switch span{position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0003;transition:transform .15s}.switch.on{background:var(--button)}.switch.on span{transform:translate(20px)}.fmt-bar{display:flex;gap:6px;padding:12px 16px 10px;overflow-x:auto}.fmt{min-width:40px;height:36px;padding:0 12px;border:0;border-radius:999px;color:var(--text);font-size:16px;flex:0 0 auto}.fmt.on{background:color-mix(in srgb,var(--button) 88%,transparent);color:var(--button-text)}.fmt.fb{font-weight:700}.fmt.fi{font-style:italic}.fmt.fu{text-decoration:underline}.fmt.fs{text-decoration:line-through}.fmt.fl{margin-left:auto;font-size:var(--fs-sub);font-weight:600}.text-input{display:block;width:100%;padding:12px 16px;border:0;resize:none;background:transparent;color:var(--text);font:inherit;font-size:var(--fs-body);line-height:var(--lh-body);outline:none;min-height:88px}.preview{padding:6px 12px 16px}.seg{display:inline-flex;padding:3px;border-radius:999px;margin:0 0 12px}.seg button{height:32px;padding:0 16px;border:0;border-radius:999px;background:transparent;color:var(--text);font-size:var(--fs-cap);font-weight:600;transition:background .15s}.seg button.on{background:color-mix(in srgb,var(--button) 88%,transparent);color:var(--button-text);box-shadow:inset 0 1px #ffffff59}.preview-wrap{position:relative}.bubble{position:relative;padding:6px 10px 18px;border-radius:18px 18px 18px 6px;background:var(--section);font-size:17px;line-height:22px;color:var(--text);box-shadow:0 1px 2px #00000014;transform-origin:top left}.bubble.desktop{border-radius:16px 16px 16px 4px}.bubble-grid{position:relative}.bubble-empty{color:var(--hint)}.pv-row{display:block;min-height:var(--e);line-height:var(--e);white-space:pre-wrap;overflow-wrap:break-word;font-size:17px}.pv-cell{display:inline-block;width:var(--e);height:var(--e);vertical-align:bottom;box-sizing:border-box}.pv-cell.missing{background:var(--bad-soft)}.pv-text{line-height:var(--e)}.pv-img{position:absolute;overflow:hidden}.pv-img img,.pv-img video{display:block;width:100%;height:100%}.bubble-time{position:absolute;right:10px;bottom:4px;font-size:11px;line-height:13px;color:var(--hint)}.preview-hint{margin:12px 8px 0;color:var(--hint);font-size:var(--fs-cap);line-height:var(--lh-cap)}.boot0{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--hint);font-size:var(--fs-sub)}.boot0 b{font-size:22px;font-weight:700;letter-spacing:-.01em;color:var(--text)}.boot0 i{display:block}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid color-mix(in srgb,var(--hint) 30%,transparent);border-top-color:var(--button);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.placeholder{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:36px 28px 20px}.placeholder .ph-icon{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--link)}.placeholder h2{margin:6px 0 0;font-size:22px;line-height:28px;font-weight:700;letter-spacing:-.01em}.placeholder p{margin:0;color:var(--hint);font-size:var(--fs-sub);line-height:var(--lh-sub);max-width:34ch}.placeholder .actions{margin-top:8px;display:flex;gap:8px}.progress{height:4px;border-radius:2px;background:color-mix(in srgb,var(--hint) 22%,transparent);overflow:hidden;margin-top:8px}.progress b{display:block;height:100%;border-radius:2px;background:var(--button);transition:width .3s}.toast{position:fixed;left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:448px;bottom:calc(var(--safe-bottom) + 92px);z-index:60;padding:12px 16px;border-radius:var(--r-m);color:var(--text);font-size:var(--fs-sub);line-height:var(--lh-sub);text-align:center}.with-fake-main .toast{bottom:calc(var(--safe-bottom) + 150px)}.fake-main{position:fixed;left:50%;transform:translate(-50%);width:100%;max-width:480px;bottom:0;z-index:40;height:56px;border:0;background:var(--button);color:var(--button-text);font-size:var(--fs-body);font-weight:600;padding-bottom:var(--safe-bottom)}.fake-back{position:sticky;top:0;z-index:30;border:0;background:transparent;color:var(--link);padding:8px 12px;text-align:left;width:100%;display:block}.chip:focus-visible,.pill:focus-visible,.fmt:focus-visible,.stepper-btn:focus-visible,.row-tap:focus-visible,.dock button:focus-visible,.actionbar button:focus-visible{outline:2px solid var(--button);outline-offset:2px}.crop-backdrop{z-index:70}.crop-sheet{max-height:calc(var(--tg-viewport-stable-height, 100vh) - 24px)}.crop-stage{position:relative;margin:6px 16px 0;border-radius:var(--r-m);overflow:hidden;background:#0b0f14;touch-action:none;user-select:none;-webkit-user-select:none}.crop-stage img,.crop-stage video{display:block;width:100%;height:auto;max-height:52vh;object-fit:contain;pointer-events:none}.crop-shade{position:absolute;background:#060a108c;pointer-events:none}.crop-box{position:absolute;box-shadow:0 0 0 2px #fff,0 0 0 3px #00000040;cursor:move;touch-action:none}.crop-grid{position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:linear-gradient(to right,rgba(255,255,255,.7) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.7) 1px,transparent 1px);background-size:33.34% 33.34%}.crop-handle{position:absolute;width:40px;height:40px;touch-action:none}.crop-handle:after{content:"";position:absolute;width:22px;height:22px;border:3px solid #fff;border-radius:3px}.crop-handle.nw{left:-12px;top:-12px;cursor:nwse-resize}.crop-handle.nw:after{left:9px;top:9px;border-right:0;border-bottom:0}.crop-handle.ne{right:-12px;top:-12px;cursor:nesw-resize}.crop-handle.ne:after{right:9px;top:9px;border-left:0;border-bottom:0}.crop-handle.sw{left:-12px;bottom:-12px;cursor:nesw-resize}.crop-handle.sw:after{left:9px;bottom:9px;border-right:0;border-top:0}.crop-handle.se{right:-12px;bottom:-12px;cursor:nwse-resize}.crop-handle.se:after{right:9px;bottom:9px;border-left:0;border-top:0}.crop-chips{padding:12px 16px 4px}.crop-footer{padding-bottom:8px}.inl{display:inline-block;vertical-align:bottom;height:var(--cell);width:calc(var(--cell) * var(--w, 1));border-radius:3px;overflow:hidden;background:var(--select-soft)}.inl img,.inl video{display:block;width:100%;height:100%;object-fit:cover}.inline-list .row-main{display:flex;align-items:center;gap:12px}.inline-thumb{width:36px;height:36px;border-radius:8px;object-fit:cover;flex:0 0 auto;background:var(--select-soft)}.pv-cell.tile.inline{vertical-align:bottom}.emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:12px 16px}.emoji-cell{aspect-ratio:1;border:0;border-radius:12px;padding:4px;display:flex;align-items:center;justify-content:center}.emoji-cell img,.emoji-cell video{width:100%;height:100%;object-fit:contain}.emoji-cell:active{transform:scale(.94)}.emoji-cell.removing{box-shadow:inset 0 0 0 2px var(--destructive)}.inline-move{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.inline-move .pill{height:30px;padding:0 10px;font-size:13px;color:var(--text);gap:3px}.inline-move .pill:nth-child(2) svg{transform:scaleX(-1)}:root{--c-drafts: var(--button);--c-stickers: #ff9500;--c-music: #ff2d55}:root[data-scheme=dark]{--c-stickers: #ff9f0a;--c-music: #ff375f}.sec-drafts{--c: var(--c-drafts)}.sec-stickers{--c: var(--c-stickers)}.sec-music{--c: var(--c-music)}.screen.home{position:relative;padding-bottom:96px;isolation:isolate}.screen.home:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:calc(-1 * var(--safe-top) - 8px);height:260px;pointer-events:none;background:radial-gradient(70% 100% at 18% 0%,color-mix(in srgb,var(--c) 20%,transparent),transparent 70%)}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:14px 20px 4px}.hero h1{margin:0;font-size:34px;line-height:41px;font-weight:800;letter-spacing:-.025em}.hero-actions{display:flex;gap:8px;padding-bottom:2px}.tabbar{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--safe-bottom) + 14px);z-index:30;display:grid;grid-template-columns:repeat(3,1fr);width:min(calc(100% - 32px),360px);padding:6px;border-radius:999px}.with-fake-main .tabbar{bottom:calc(var(--safe-bottom) + 76px)}.tab-on-drafts{--tc: var(--c-drafts)}.tab-on-stickers{--tc: var(--c-stickers)}.tab-on-music{--tc: var(--c-music)}.tab-lens{position:absolute;top:6px;bottom:6px;left:6px;width:calc((100% - 12px) / 3);border-radius:999px;background:color-mix(in srgb,var(--tc) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tc) 22%,transparent),inset 0 1px #ffffff59;transform:translate(calc(var(--i) * 100%));transition:transform .42s cubic-bezier(.3,1.35,.5,1),background .3s}.tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:54px;border:0;background:transparent;color:var(--hint);font:inherit;font-size:11px;line-height:13px;font-weight:600;border-radius:999px;-webkit-tap-highlight-color:transparent}.tab svg{transition:transform .25s cubic-bezier(.3,1.4,.5,1)}.tab.on{color:var(--text)}.tab-drafts.on svg{color:var(--c-drafts)}.tab-stickers.on svg{color:var(--c-stickers)}.tab-music.on svg{color:var(--c-music)}.tab.on svg{transform:translateY(-1px) scale(1.06)}.tab:active svg{transform:scale(.9)}.tab:focus-visible{outline:2px solid var(--link);outline-offset:-4px}@media(prefers-reduced-motion:reduce){.tab-lens,.tab svg{transition:none}}.row-pill{height:32px;padding:0 12px;gap:5px;font-size:var(--fs-cap);font-weight:600;color:var(--link)}.row-actions{display:inline-flex;align-items:center;gap:12px}.prompt-body{padding:4px 16px 6px;display:flex;flex-direction:column;gap:10px}.field{display:flex;align-items:center;gap:8px;border-radius:var(--r-m);padding:0 14px}.field input{flex:1;min-width:0;height:50px;border:0;background:transparent;color:var(--text);font:inherit;font-size:var(--fs-body);outline:none}.field-count{color:var(--hint);font-size:var(--fs-cap);font-variant-numeric:tabular-nums}.prompt-hint,.prompt-error,.prompt-question{margin:0 4px;font-size:var(--fs-cap);line-height:var(--lh-cap);color:var(--hint)}.prompt-error{color:var(--destructive)}.prompt-question{font-size:var(--fs-sub);line-height:var(--lh-sub);color:var(--text);text-align:center;padding:6px 8px 4px}.btn-wide{height:50px;border:0;border-radius:var(--r-m);background:var(--button);color:var(--button-text);font:inherit;font-weight:600;font-size:var(--fs-body)}.btn-wide:disabled{opacity:.55}.btn-wide:active{transform:scale(.985)}.btn-wide.danger{background:color-mix(in srgb,var(--destructive) 14%,transparent);color:var(--destructive)}.btn-wide.quiet{background:transparent;color:var(--link)}.sheet-cta{padding:10px 12px 0;display:flex}.sheet-cta .btn-wide{flex:1}.set-row{gap:12px}.set-cover{flex:0 0 48px;width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:color-mix(in srgb,var(--c-stickers) 14%,transparent);color:var(--c-stickers)}.set-cover img{width:100%;height:100%;object-fit:contain}.set-head{padding:2px 16px 10px}.set-meta{color:var(--hint);font-size:var(--fs-cap);text-align:center;margin-bottom:10px;font-variant-numeric:tabular-nums}.set-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.set-actions .pill{height:38px;gap:6px;font-size:var(--fs-sub)}.sticker-grid{margin:4px 12px 0;padding:10px;border-radius:var(--r-l);display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.sticker-grid[aria-busy=true]{opacity:.7}.sticker-cell{position:relative;aspect-ratio:1;border:0;padding:6px;border-radius:var(--r-s);background:transparent;display:flex;align-items:center;justify-content:center}.sticker-cell:active{background:color-mix(in srgb,var(--text) 7%,transparent)}.sticker-cell img{width:100%;height:100%;object-fit:contain}.sticker-emoji{position:absolute;right:2px;bottom:0;font-size:15px;line-height:18px}.sticker-kind{position:absolute;left:4px;top:4px;font-size:9px;font-weight:700;padding:1px 5px;border-radius:6px;color:var(--hint);background:color-mix(in srgb,var(--bg2) 80%,transparent)}.sticker-add{color:var(--c-stickers);border:1.5px dashed color-mix(in srgb,var(--c-stickers) 50%,transparent)}.set-note{margin:10px 28px 0;color:var(--hint);font-size:var(--fs-cap);line-height:var(--lh-cap)}.sticker-big{display:flex;justify-content:center;padding:4px 0 6px}.sticker-big img{width:160px;height:160px;object-fit:contain}.move-row{display:flex;gap:8px;padding:12px 14px;flex-wrap:wrap}.move-row .pill{height:38px;font-size:var(--fs-sub)}.emoji-pick{padding:10px 12px 12px}.emoji-chips{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.emoji-chip{height:44px;border:0;border-radius:14px;background:color-mix(in srgb,var(--text) 5%,transparent);font-size:24px;line-height:1;transition:transform .12s}.emoji-chip:active{transform:scale(.92)}.emoji-chip.on{background:color-mix(in srgb,var(--c, var(--button)) 22%,transparent);box-shadow:inset 0 0 0 2px var(--c, var(--button))}.emoji-input{display:block;width:100%;box-sizing:border-box;margin-top:10px;height:44px;padding:0 14px;border:0;border-radius:14px;outline:none;background:color-mix(in srgb,var(--text) 5%,transparent);color:var(--text);font:inherit;font-size:var(--fs-sub)}.emoji-actions{gap:8px;justify-content:flex-start}.emoji-actions .pill{height:36px;font-size:var(--fs-sub);gap:5px}.stage-grid{margin:14px 12px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stage-cell{position:relative;aspect-ratio:1;border:0;padding:8px;border-radius:var(--r-m);display:flex;align-items:center;justify-content:center;overflow:hidden}.stage-cell img,.stage-cell video{width:100%;height:100%;object-fit:contain}.stage-cell.on{box-shadow:inset 0 0 0 2.5px var(--c-stickers),var(--glass-shadow)}.stage-emoji{position:absolute;right:6px;bottom:4px;font-size:20px;line-height:24px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}.stage-state{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--fs-sub);color:var(--text);background:color-mix(in srgb,var(--section) 55%,transparent)}.stage-state.ok{color:#fff;background:color-mix(in srgb,#34c759 55%,transparent)}.stage-state.bad{color:#fff;background:color-mix(in srgb,var(--destructive) 55%,transparent);font-size:26px}.stage-add{flex-direction:column;gap:4px;color:var(--c-stickers);background:transparent;border:1.5px dashed color-mix(in srgb,var(--c-stickers) 50%,transparent);font:inherit;font-size:var(--fs-cap);font-weight:600}.track-drop{margin:14px 12px 0;width:calc(100% - 24px);box-sizing:border-box;border:0;border-radius:var(--r-xl);padding:34px 24px 30px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:var(--text);font:inherit}.track-drop b{font-size:20px;line-height:24px}.track-drop span{color:var(--hint);font-size:var(--fs-cap);line-height:var(--lh-cap);max-width:30ch}.track-drop .track-drop-icon{width:64px;height:64px;border-radius:20px;display:flex;align-items:center;justify-content:center;max-width:none;color:#fff;background:linear-gradient(160deg,color-mix(in srgb,var(--c-music) 80%,#fff),var(--c-music));box-shadow:0 10px 24px color-mix(in srgb,var(--c-music) 35%,transparent);margin-bottom:6px}.track-drop:active:not(.busy){transform:scale(.985)}.track-card{position:relative;overflow:hidden;isolation:isolate;margin:14px 12px 0;border-radius:var(--r-xl);padding:16px;display:flex;gap:16px;align-items:center}.track-aura{position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;object-fit:cover;transform:scale(1.6);filter:blur(36px) saturate(1.3);opacity:.38;pointer-events:none}.track-cover{flex:0 0 auto;width:128px;height:128px;padding:0;border:0;border-radius:18px;overflow:hidden;background:transparent;box-shadow:0 12px 28px #00000038}.track-cover img{width:100%;height:100%;object-fit:cover;display:block}.track-cover-empty{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:var(--fs-cap);font-weight:600;color:var(--c-music);background:color-mix(in srgb,var(--c-music) 12%,var(--section));border:1.5px dashed color-mix(in srgb,var(--c-music) 45%,transparent);border-radius:18px;box-sizing:border-box}.track-info{flex:1;min-width:0}.track-performer{color:var(--hint);font-size:var(--fs-sub);line-height:var(--lh-sub);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-title{font-size:21px;line-height:25px;font-weight:800;letter-spacing:-.015em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.track-q{margin-top:4px;color:var(--hint);font-size:12px;line-height:15px;font-variant-numeric:tabular-nums}.track-cover-actions{display:flex;gap:6px;margin-top:10px}.track-cover-actions .pill{height:32px;padding:0 12px;font-size:var(--fs-cap);font-weight:600}.track-cover-actions .pill.icon-only{width:32px;padding:0}.field-row{gap:12px}.field-label{flex:0 0 106px;color:var(--hint);font-size:var(--fs-sub);white-space:nowrap}.track-audio{width:100%;height:40px}.track-row{gap:12px}.track-thumb{flex:0 0 44px;width:44px;height:44px;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--c-music);background:color-mix(in srgb,var(--c-music) 12%,transparent)}.track-thumb img{width:100%;height:100%;object-fit:cover}@media(max-width:360px){.track-card{flex-direction:column;align-items:stretch;text-align:center}.track-cover{align-self:center}.track-cover-actions{justify-content:center}.field-label{flex-basis:100px;font-size:var(--fs-cap)}}.app:has(>.screen.start),.app:has(.screen.start){padding-bottom:calc(var(--safe-bottom) + 12px)}.screen.start{container-type:inline-size;display:flex;flex-direction:column;padding:0;min-height:calc(var(--tg-viewport-stable-height, 100vh) - var(--safe-top) - var(--safe-bottom) - 20px)}.start-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px 12px}.start-brand{min-width:0}.wordmark{margin:0;font-size:34px;line-height:41px;font-weight:800;letter-spacing:-.025em}.start-hello{margin:0;color:var(--hint);font-size:var(--fs-sub);line-height:var(--lh-sub)}.start-grid{--cell: calc((100cqw - 24px) / 11);flex:1;display:grid;grid-template-columns:repeat(11,minmax(0,1fr));grid-template-rows:minmax(calc(var(--cell) * 8),1fr) auto;margin:0 12px}.hm-tile{position:relative;margin:4px;display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:26px;background:var(--section);box-shadow:var(--glass-shadow),inset 0 0 0 1px var(--glass-stroke);transition:transform .18s ease}.hm-tile:has(.hm-tile-hit:active){transform:scale(.985)}.hm-tile-hit{position:absolute;inset:0;z-index:1;border:0;padding:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.hm-tile-hit:focus-visible{outline:2px solid var(--c);outline-offset:-3px;border-radius:inherit}.hm-tile-foot{position:relative;display:flex;align-items:center;gap:10px;padding:12px 16px 14px;pointer-events:none}.hm-tile-label{flex:1;min-width:0}.hm-tile-label h2{margin:0;font-size:22px;line-height:26px;font-weight:800;letter-spacing:-.02em;color:var(--text)}.hm-tile-label p{margin:2px 0 0;color:var(--hint);font-size:var(--fs-cap);line-height:var(--lh-cap);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hm-tile-go{position:relative;z-index:2;pointer-events:auto;flex:none;display:inline-flex;align-items:center;gap:2px;height:38px;padding:0 10px 0 16px;border:0;border-radius:999px;font:600 15px/1 var(--font);color:var(--button-text);background:var(--c);cursor:pointer;box-shadow:0 6px 16px color-mix(in srgb,var(--c) 35%,transparent);transition:transform .15s ease}.hm-tile-go:active{transform:scale(.95)}.hm-tile-go:focus-visible{outline:2px solid var(--text);outline-offset:2px}.hm-tile-posts{grid-column:1 / -1;min-height:0}.hm-chat{--pad: 12px;--chat-bg: color-mix(in srgb, var(--c) 6%, var(--bg2));position:relative;flex:1;min-height:0;overflow:hidden;background:radial-gradient(circle at 15% 10%,color-mix(in srgb,var(--c) 12%,transparent),transparent 55%),var(--chat-bg);pointer-events:none}.hm-chat-in{position:absolute;inset:14px;display:flex;flex-direction:column;overflow:hidden}.hm-chat.long .hm-chat-in{bottom:0}.hm-chat.long:after{content:"";position:absolute;left:0;right:0;bottom:0;height:40px;background:linear-gradient(to bottom,transparent,var(--chat-bg))}.hm-bubble{position:relative;flex:none;margin-top:auto;width:fit-content;max-width:100%;padding:6px var(--pad) 6px;border-radius:18px 18px 18px 6px;background:var(--section);box-shadow:0 1px 2px #0000001f}.hm-from{font-size:14px;line-height:18px;font-weight:600;color:var(--c);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.hm-time{margin-top:2px;text-align:right;font-size:11px;line-height:14px;color:var(--hint)}.mosaic{--m: calc((100cqw - 24px - 8px - 28px - 2 * var(--pad)) / 12);position:relative;width:calc(var(--m) * var(--cols));height:calc(var(--m) * var(--rows))}.mini-img{position:absolute;overflow:hidden;background:color-mix(in srgb,var(--c) 12%,transparent)}.mini-img img,.mini-img video{display:block;width:100%;height:100%}.mini-img:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,var(--section) 1px,transparent 1px),linear-gradient(to bottom,var(--section) 1px,transparent 1px);background-size:var(--m) var(--m);background-position:-.5px -.5px}.mini-line{position:absolute;overflow:hidden;white-space:pre;font-size:calc(var(--m) * .62);line-height:var(--m);color:var(--text)}.demo-art{background:radial-gradient(circle at 72% 36%,#ffe08a 0 11%,transparent 12%),linear-gradient(to bottom,transparent 60%,color-mix(in srgb,var(--c-music) 65%,#2a1240) 60% 74%,color-mix(in srgb,var(--c-drafts) 70%,#0b1d3a) 74%),linear-gradient(165deg,var(--c-drafts),var(--c-music) 62%,var(--c-stickers))}.hm-tile-stickers{grid-column:span 6;height:calc(var(--cell) * 6 - 8px)}.peel{position:relative;flex:1;min-height:0;pointer-events:none;background:radial-gradient(90% 80% at 50% 45%,color-mix(in srgb,var(--c) 16%,transparent),transparent 70%)}.diecut{position:absolute;width:calc(var(--cell) * 2.3);height:calc(var(--cell) * 2.3);object-fit:contain;filter:drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(0 2px 0 #fff) drop-shadow(0 -2px 0 #fff) drop-shadow(0 5px 7px rgba(0,0,0,.28));transition:transform .25s cubic-bezier(.3,1.4,.5,1)}.diecut-emoji{display:flex;align-items:center;justify-content:center;font-size:calc(var(--cell) * 1.7);line-height:1}.diecut-0{left:10%;top:22%;transform:rotate(-14deg)}.diecut-1{left:44%;top:8%;transform:rotate(9deg)}.diecut-2{left:30%;top:44%;transform:rotate(-3deg);z-index:1}.hm-tile-stickers:has(.hm-tile-hit:active) .diecut-0{transform:rotate(-20deg) translate(-4px,-2px)}.hm-tile-stickers:has(.hm-tile-hit:active) .diecut-1{transform:rotate(15deg) translate(4px,-3px)}.hm-tile-music{grid-column:span 5;height:calc(var(--cell) * 6 - 8px)}.deck{--s: calc(var(--cell) * 2.7);position:relative;flex:1;min-height:0;pointer-events:none}.sleeve,.vinyl{position:absolute;top:calc(50% - var(--s) / 2 - 6px);width:var(--s);height:var(--s)}.sleeve{left:14px;z-index:1;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:6px;color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--c) 80%,#fff),var(--c) 55%,color-mix(in srgb,var(--c) 60%,#000));box-shadow:0 8px 18px #00000047,inset 0 0 0 1px #ffffff1f}.sleeve img{width:100%;height:100%;object-fit:cover}.vinyl{--label: linear-gradient(145deg, color-mix(in srgb, var(--c) 80%, #fff), var(--c));left:calc(14px + var(--s) * .42);border-radius:50%;background:conic-gradient(from 30deg,#fff0 0 12%,#ffffff21 16%,#fff0 22% 62%,#ffffff1a 66%,#fff0 72%),repeating-radial-gradient(circle,#141414 0 1.5px,#222 1.5px 3px);box-shadow:0 6px 16px #0000004d,0 0 0 1px #ffffff1f;transition:transform .35s cubic-bezier(.3,1.3,.5,1)}.vinyl:before{content:"";position:absolute;inset:31%;border-radius:50%;background:var(--label) center / cover;box-shadow:0 0 0 2px #0e0e0e}.vinyl-hole{position:absolute;left:50%;top:50%;width:6%;height:6%;transform:translate(-50%,-50%);border-radius:50%;background:var(--section)}.hm-tile-music:has(.hm-tile-hit:active) .vinyl{transform:translate(10px) rotate(40deg)}@media(max-width:340px){.wordmark{font-size:36px;line-height:40px}.hm-tile-foot{padding:10px 12px 12px}.hm-tile-label h2{font-size:19px;line-height:23px}}@media(prefers-reduced-motion:reduce){.hm-tile,.hm-tile-go,.diecut,.vinyl{transition:none}}