.sphere-app{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--sphere-bg:#fff;--sphere-surface:#fff;--sphere-line:#d9d9d9;--sphere-line-strong:#0b0b0b;--sphere-text:#050505;--sphere-muted:#6a6a6a;--sphere-quiet:#f5f5f5;--sphere-focus:#b9961f;--sphere-blue:#2f7dff;--sphere-rose:#f4a8d8;--sphere-sidebar-width:348px;--sphere-topbar-height:56px;grid-template-columns:var(--sphere-sidebar-width) minmax(0, 1fr);background:var(--sphere-surface);width:100%;height:100%;min-height:0;color:var(--sphere-text);letter-spacing:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid;overflow:hidden}.sphere-app.sphere-no-sandbox{grid-template-columns:minmax(0,1fr)}.sphere-detail-portal{display:contents}.sphere-app *{box-sizing:border-box}.sphere-app button{-webkit-tap-highlight-color:transparent}.sphere-desktop-sidebar{min-width:0}.sphere-sidebar{z-index:2;width:var(--sphere-sidebar-width);scrollbar-gutter:stable;border-right:1px solid var(--sphere-line);background:var(--sphere-surface);scrollbar-color:#b9b9b9 transparent;flex-direction:column;gap:24px;height:100%;padding:32px 28px;display:flex;position:relative;overflow:auto}.sphere-brand{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.sphere-brand h1{max-width:10ch;color:var(--sphere-text);letter-spacing:0;margin:0;font-size:32px;font-weight:600;line-height:.9}.sphere-brand p{color:var(--sphere-muted);margin:10px 0 0;font-size:13px;line-height:1.2}.sphere-upload,.sphere-tool-group{border-bottom:1px solid var(--sphere-line);gap:16px;padding-bottom:28px;display:grid}.sphere-upload{gap:10px}.sphere-group-title{color:var(--sphere-muted);margin:0;font-size:12px;font-weight:400;line-height:1.2}.sphere-file-row{grid-template-columns:minmax(0,1fr) 40px;align-items:center;gap:10px;display:grid;position:relative}.sphere-file-row input[type=file]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.sphere-file-trigger,.sphere-primary,.sphere-icon-button,.sphere-mobile-close,.sphere-topbar button,.sphere-preview button{border:1px solid var(--sphere-text);background:var(--sphere-surface);min-height:38px;color:var(--sphere-text);cursor:pointer;font:inherit;border-radius:0;font-size:13px;font-weight:500;transition:background .18s,color .18s,transform .18s,border-color .18s}.sphere-file-trigger{justify-content:center;align-items:center;gap:8px;display:flex}.sphere-file-trigger svg{display:none}.sphere-icon-button,.sphere-mobile-close,.sphere-topbar button,.sphere-preview button{place-items:center;display:grid}.sphere-primary,.sphere-file-trigger,.sphere-file-trigger:hover,.sphere-primary:hover,.sphere-icon-button:hover,.sphere-mobile-close:hover,.sphere-topbar button:hover,.sphere-preview button:hover{background:var(--sphere-text);color:var(--sphere-surface)}.sphere-file-trigger:active,.sphere-primary:active,.sphere-icon-button:active,.sphere-action-grid button:active,.sphere-preset-button:active,.sphere-topbar button:active,.sphere-preview button:active{transform:scale(.985)}.sphere-preset-grid{border-bottom:1px solid var(--sphere-line);gap:18px;padding-bottom:8px;display:flex;position:relative}.sphere-preset-button{min-height:24px;color:var(--sphere-text);cursor:pointer;opacity:.46;background:0 0;border:0;border-radius:0;padding:0;font-size:12px;font-weight:400;transition:opacity .18s,transform .18s;position:relative}.sphere-preset-button:after{content:"";background:var(--sphere-text);opacity:0;transform-origin:0;height:1px;transition:transform .26s,opacity .26s;position:absolute;bottom:-9px;left:0;right:0;transform:scaleX(0)}.sphere-preset-button.active,.sphere-preset-button:hover{opacity:1}.sphere-preset-button.active:after,.sphere-preset-button:hover:after{opacity:1;transform:scaleX(1)}.sphere-action-grid{border-top:1px solid var(--sphere-line);display:grid}.sphere-action-grid button{border:0;border-bottom:1px solid var(--sphere-line);min-height:42px;color:var(--sphere-text);cursor:pointer;font:inherit;text-align:left;background:0 0;border-radius:0;justify-content:space-between;align-items:center;gap:10px;padding:0;font-size:13px;font-weight:500;transition:color .18s,transform .18s;display:flex;position:relative}.sphere-action-grid button:before{content:"";background:var(--sphere-text);transform-origin:0;height:1px;transition:transform .24s;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.sphere-action-grid button:after{content:attr(data-code);min-width:28px;color:var(--sphere-muted);text-align:right;font-size:10px;font-weight:400}.sphere-action-grid button svg{display:none}.sphere-action-grid button:hover:before,.sphere-action-grid button:focus-visible:before{transform:scaleX(1)}.sphere-action-grid button:disabled{cursor:default;opacity:.32}.sphere-action-grid button:disabled:before{display:none}.sphere-card-type-grid{background:#05050506;border:1px solid #05050514;border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px;display:grid}.sphere-card-type-grid button{color:#05050594;cursor:pointer;min-height:34px;font:inherit;background:0 0;border:0;border-radius:13px;font-size:12px;font-weight:600;transition:background .18s cubic-bezier(.2,0,.38,.9),color .18s cubic-bezier(.2,0,.38,.9),transform .18s cubic-bezier(.2,0,.38,.9)}.sphere-card-type-grid button:hover{color:var(--sphere-text);background:#ffffffb8}.sphere-card-type-grid button.active{background:var(--sphere-text);color:var(--sphere-surface)}.sphere-card-type-grid button:active{transform:scale(.98)}.sphere-status-line{color:var(--sphere-muted);margin:0;font-size:11px;line-height:1.2}.sphere-details-panel{border-bottom:1px solid var(--sphere-line);gap:12px;padding-bottom:24px;display:grid}.sphere-details-panel.has-focus{border-bottom-color:var(--sphere-text)}.sphere-details-meta{min-height:34px;color:var(--sphere-muted);gap:4px;font-size:11px;line-height:1.2;display:grid}.sphere-details-panel textarea{resize:vertical;border:0;border-top:1px solid var(--sphere-line);border-bottom:1px solid var(--sphere-line);width:100%;min-height:74px;color:var(--sphere-text);font:inherit;background:0 0;border-radius:0;outline:0;padding:10px 0;font-size:12px;line-height:1.2}.sphere-details-panel textarea:focus-visible,.sphere-file-trigger:focus-visible,.sphere-primary:focus-visible,.sphere-icon-button:focus-visible,.sphere-mobile-close:focus-visible,.sphere-topbar button:focus-visible,.sphere-preview button:focus-visible,.sphere-card-type-grid button:focus-visible,.sphere-mode-switch button:focus-visible,.sphere-hud-button:focus-visible,.sphere-hud-menu button:focus-visible,.sphere-select-toggle:focus-visible,.sphere-selection-entry-button:focus-visible,.sphere-canvas-zoom-widget button:focus-visible,.sphere-canvas-panel-toggle:focus-visible,.sphere-flat-scale input:focus-visible,.sphere-detail-close:focus-visible,.sphere-detail-actions button:focus-visible,.sphere-selection-tray button:focus-visible,.sphere-spin-knob:focus-visible{outline:1px solid var(--sphere-focus);outline-offset:2px}.sphere-details-panel textarea:disabled{color:var(--sphere-muted);cursor:default;opacity:.42}.sphere-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-bottom:6px;display:grid}.sphere-stat{border-top:1px solid var(--sphere-line-strong);min-height:58px;padding:10px 0 0}.sphere-stat strong{font-size:28px;font-weight:600;line-height:.9;display:block}.sphere-stat span{color:var(--sphere-muted);font-size:11px;line-height:1.2}.sphere-field{gap:12px;padding:2px 0 10px;display:grid}.sphere-field label{color:var(--sphere-muted);justify-content:space-between;align-items:center;gap:12px;font-size:12px;line-height:1.2;display:flex}.sphere-field output{color:var(--sphere-text);font-variant-numeric:tabular-nums}.sphere-field input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:18px}.sphere-field input[type=range]:disabled{cursor:default;opacity:.64}.sphere-field input[type=range]::-webkit-slider-runnable-track{background:var(--sphere-text);border:0;border-radius:0;height:1px}.sphere-field input[type=range]::-webkit-slider-thumb{appearance:none;border:1px solid var(--sphere-text);background:var(--sphere-surface);border-radius:0;width:10px;height:18px;margin-top:-8px;transition:width .16s,background .16s,transform .16s}.sphere-field input[type=range]:hover::-webkit-slider-thumb{background:var(--sphere-text);width:16px}.sphere-field input[type=range]:focus-visible::-webkit-slider-thumb{background:var(--sphere-text);width:16px}.sphere-field input[type=range]:active::-webkit-slider-thumb{transform:scaleY(1.18)}.sphere-field input[type=range]::-moz-range-track{background:var(--sphere-text);border:0;border-radius:0;height:1px}.sphere-field input[type=range]::-moz-range-thumb{border:1px solid var(--sphere-text);background:var(--sphere-surface);border-radius:0;width:10px;height:18px}.sphere-field select,.sphere-field>select{border:0;border-bottom:1px solid var(--sphere-line);appearance:none;background:var(--sphere-surface);width:100%;min-height:38px;color:var(--sphere-text);cursor:pointer;font:inherit;border-radius:0;outline:0;padding:0 0 8px;font-size:13px;transition:border-color .18s}.sphere-field select:hover,.sphere-field select:focus-visible{border-color:var(--sphere-text)}.sphere-spin-field{gap:12px}.sphere-spin-control{grid-template-columns:86px minmax(0,1fr);align-items:center;gap:14px;min-height:92px;display:grid}.sphere-spin-control p{max-width:14ch;color:var(--sphere-muted);margin:0;font-size:12px;line-height:1.2}.sphere-spin-knob{aspect-ratio:1;width:86px;color:var(--sphere-text);cursor:grab;touch-action:none;background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:relative}.sphere-spin-knob:active{cursor:grabbing}.sphere-spin-ring{aspect-ratio:1;border:1px solid var(--sphere-line-strong);background:radial-gradient(circle at center, var(--sphere-surface) 0 36%, transparent 37%), conic-gradient(from -90deg, #2f7dff47, #f4a8d83d, #2f7dff47);width:78px;box-shadow:inset 0 0 0 7px var(--sphere-surface);border-radius:50%;display:block;position:relative}.sphere-spin-ring:before{content:"";border:1px solid #0505052e;border-radius:50%;position:absolute;inset:12px}.sphere-spin-hand{background:var(--sphere-text);width:2px;height:27px;transform:translateX(-50%) rotate(var(--spin-angle));transform-origin:50% 32px;border-radius:999px;transition:transform .18s cubic-bezier(.2,0,.38,.9),box-shadow .18s cubic-bezier(.2,0,.38,.9);position:absolute;top:7px;left:50%;box-shadow:0 0 0 4px #ffffffc7}.sphere-spin-hand:after{content:"";aspect-ratio:1;background:var(--sphere-text);border-radius:50%;width:8px;position:absolute;top:-3px;left:50%;transform:translate(-50%)}.sphere-spin-cardinal{color:#0505059e;pointer-events:none;font-size:8px;font-weight:600;line-height:1;position:absolute}.sphere-spin-cardinal-top{top:5px;left:50%;transform:translate(-50%)}.sphere-spin-cardinal-right{top:50%;right:3px;transform:translateY(-50%)}.sphere-spin-cardinal-bottom{bottom:5px;left:50%;transform:translate(-50%)}.sphere-spin-cardinal-left{top:50%;left:3px;transform:translateY(-50%)}.sphere-balance-grid{border-top:1px solid var(--sphere-line);border-bottom:1px solid var(--sphere-line);background:0 0;gap:12px;padding:18px 0 20px;transition:opacity .18s;display:grid}.sphere-balance-grid.muted{opacity:.48}.sphere-toggles{gap:10px;display:grid}.sphere-toggle{border-top:1px solid var(--sphere-line);min-height:38px;color:var(--sphere-text);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:0;font-size:13px;display:flex}.sphere-toggle input{appearance:none;border:0;border-bottom:1px solid var(--sphere-text);cursor:pointer;background:0 0;width:58px;height:24px;margin:0;position:relative}.sphere-toggle input:before{content:"Off";color:var(--sphere-muted);font-size:10px;line-height:1;position:absolute;top:0;right:0}.sphere-toggle input:after{content:"";background:var(--sphere-text);width:8px;height:8px;transition:transform .18s;position:absolute;bottom:-5px;left:0;transform:translate(0)}.sphere-toggle input:checked:before{content:"On";color:var(--sphere-text)}.sphere-toggle input:checked:after{transform:translate(50px)}.sphere-stage{background:var(--sphere-surface);cursor:grab;touch-action:none;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.sphere-stage:active{cursor:grabbing}.sphere-stage.flat-view,.sphere-stage.flat-view:active{cursor:default}.sphere-stage canvas{width:100%;height:100%;display:block}.sphere-flat-board{--sphere-hud-top:20px;--sphere-hud-gap:14px;z-index:2;scrollbar-gutter:stable;padding:calc(var(--sphere-hud-top) + var(--sphere-hud-h,42px) + var(--sphere-hud-gap)) var(--grid-gutter,16px) 176px;scrollbar-color:#05050538 transparent;flex-direction:column;gap:clamp(10px,1.3vw,18px);display:flex;position:absolute;inset:0;overflow:hidden auto}.sphere-flat-group{flex-direction:column;gap:clamp(10px,1.3vw,18px);display:flex}.sphere-flat-columns{grid-template-columns:repeat(var(--flat-columns), minmax(0, 1fr));align-items:start;gap:clamp(10px,1.3vw,18px);display:grid}.sphere-flat-date{letter-spacing:.01em;color:var(--sphere-muted);margin:4px 0 0;padding:0 2px;font-size:13px;font-weight:650}.sphere-flat-column{align-content:start;gap:clamp(10px,1.3vw,18px);min-width:0;display:grid}.sphere-flat-card{width:100%;aspect-ratio:var(--item-aspect);background:oklch(var(--color-panel));cursor:pointer;box-shadow:var(--tg-shadow-ring), 0 1px 2px #0000000d, 0 2px 14px #0000000d;border:0;border-radius:clamp(12px,1.1vw,18px);padding:0;transition:transform .18s,box-shadow .18s;display:block;position:relative;overflow:hidden}.sphere-flat-card:hover{box-shadow:var(--tg-shadow-ring), 0 2px 4px #0000000f, 0 8px 26px #0000001a}.sphere-flat-card:active{transform:scale(.97)}.sphere-flat-card:focus-visible{outline:2px solid oklch(var(--color-blue));outline-offset:2px}.sphere-flat-media{width:100%;height:100%;display:block}.sphere-flat-scrub{pointer-events:none;display:block;position:absolute;inset:0}.sphere-flat-scrub img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .18s;position:absolute;inset:0}.sphere-flat-scrub img.is-on{opacity:1}.sphere-flat-card img,.sphere-flat-card video,.sphere-flat-placeholder{width:100%;height:100%;display:block}.sphere-flat-card img,.sphere-flat-card video{object-fit:cover}.sphere-flat-placeholder{text-align:center;background:radial-gradient(circle at 30% 26%, oklch(var(--color-lavender-soft)), transparent 60%), oklch(var(--color-panel));flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:120px;padding:16px;display:flex}.sphere-flat-placeholder-glyph{color:oklch(var(--color-muted));opacity:.75;justify-content:center;align-items:center;display:inline-flex}.sphere-flat-placeholder-title{color:oklch(var(--color-muted-strong));-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;font-size:11.5px;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.sphere-flat-note,.sphere-flat-link{text-align:left;box-sizing:border-box;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.sphere-flat-note{background:#fcfaf1;background:lab(98.334% -.360012 4.57276);gap:6px;padding:clamp(10px,1vw,14px)}.sphere-flat-note.is-doc{background:hsl(var(--note-hue,220) 42% 97%);border-left:4px solid hsl(var(--note-hue,220) 60% 54%)}.sphere-flat-note-top{justify-content:space-between;align-items:center;display:flex}.sphere-flat-note-chip{color:#765e2d;background:#ede4c9;border-radius:999px;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:600;display:inline-flex}.sphere-flat-note.is-doc .sphere-flat-note-chip{color:#fff;background:hsl(var(--note-hue,220) 60% 54%)}.sphere-flat-note-ver{color:hsl(var(--note-hue,220) 45% 34%);background:hsl(var(--note-hue,220) 32% 86%);border-radius:999px;padding:2px 6px;font-size:9px;font-weight:600}.sphere-flat-note-title{color:#1a1a1a;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(12px,1vw,14px);font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.sphere-flat-note-body{color:#5a5a55;-webkit-line-clamp:5;-webkit-box-orient:vertical;font-size:clamp(11px,.9vw,12px);line-height:1.35;display:-webkit-box;overflow:hidden}.sphere-flat-link.no-img{background:hsl(var(--link-hue,220) 40% 96.5%);gap:7px;padding:clamp(10px,1vw,14px)}.sphere-flat-link-glyph{color:hsl(var(--link-hue,220) 55% 50%);display:inline-flex}.sphere-flat-link-title{color:#1a1a1a;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:clamp(12px,1vw,13px);font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.sphere-flat-link-domain{color:hsl(var(--link-hue,220) 55% 44%);white-space:nowrap;text-overflow:ellipsis;margin-top:auto;font-size:11px;font-weight:600;overflow:hidden}.sphere-flat-link.has-img{position:relative}.sphere-flat-link.has-img img{object-fit:cover;width:100%;height:100%}.sphere-flat-link.has-img:after{content:"";pointer-events:none;background:linear-gradient(#0000,#00000080);height:46%;position:absolute;inset:auto 0 0}.sphere-flat-link-chip{z-index:1;color:#fff;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;max-width:calc(100% - 16px);font-size:10px;font-weight:600;display:inline-flex;position:absolute;bottom:8px;left:8px;overflow:hidden}.sphere-flat-play{color:#fff;-webkit-backdrop-filter:blur(6px);pointer-events:none;background:#0000006b;border-radius:999px;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex;position:absolute;bottom:8px;left:8px}.sphere-flat-colors{-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;background:#ffffffe6;border-radius:999px;align-items:center;gap:0;padding:3px;transition:opacity .16s,transform .16s;display:inline-flex;position:absolute;bottom:8px;right:8px;transform:translateY(4px);box-shadow:0 1px 4px #00000029}.sphere-flat-colors>span{border-radius:999px;width:12px;height:12px;box-shadow:inset 0 0 0 1px #00000014}.sphere-flat-colors>span+span{margin-left:-3px}.sphere-flat-card:hover .sphere-flat-colors,.sphere-flat-card:focus-visible .sphere-flat-colors{opacity:1;transform:translateY(0)}.sphere-flat-facts{opacity:0;pointer-events:none;flex-wrap:wrap;align-items:center;gap:4px;max-width:calc(100% - 56px);transition:opacity .16s,transform .16s;display:inline-flex;position:absolute;bottom:8px;left:8px;transform:translateY(4px)}.sphere-flat-card:has(.sphere-flat-play) .sphere-flat-facts{bottom:40px}.sphere-flat-fact{letter-spacing:.005em;color:#26292e;color:lab(16.4532% -.674158 -3.64358);-webkit-backdrop-filter:blur(6px);white-space:nowrap;text-overflow:ellipsis;background:#ffffffeb;border-radius:999px;max-width:120px;padding:2px 7px;font-size:10.5px;font-weight:550;line-height:1.45;display:inline-block;overflow:hidden;box-shadow:0 1px 4px #00000029}.sphere-flat-card:hover .sphere-flat-facts,.sphere-flat-card:focus-visible .sphere-flat-facts{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.sphere-flat-facts{transition:opacity .16s;transform:none}}.sphere-flat-check{color:#0000;-webkit-backdrop-filter:blur(4px);pointer-events:none;background:#fff9;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;transition:background .14s,color .14s,box-shadow .14s,transform .14s;display:inline-flex;position:absolute;top:8px;left:8px;box-shadow:inset 0 0 0 1.5px #fffffff2,0 1px 3px #0003}.sphere-flat-card.selectable:not(.selected):hover .sphere-flat-check{background:#ffffffd9}.sphere-flat-card.selected{box-shadow:0 0 0 2px oklch(var(--color-blue)), 0 2px 4px #0000000f, 0 8px 26px #2f7dff29}.sphere-flat-card.selected .sphere-flat-check{color:#fff;background:oklch(var(--color-blue));transform:scale(1.04);box-shadow:inset 0 0 0 1.5px #ffffff80,0 1px 4px #2f7dff66}.sphere-flat-card.selected .sphere-flat-media{filter:brightness(.97)}.sphere-flat-card.draggable{cursor:grab}.sphere-flat-card.draggable:active{cursor:grabbing}.sphere-flat-card.dragging{opacity:.45;box-shadow:0 0 0 2px oklch(var(--color-nav-accent)), 0 8px 26px #0000001f;transform:scale(.96)}.sphere-media-reel{z-index:0;width:100%;height:var(--fs-strip-h,96px);pointer-events:auto;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;background:#ebedf1;border:0;border-top:1px solid #05050514;border-radius:0;align-items:center;gap:10px;padding:0 18px;scroll-padding-inline:18px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:auto hidden;box-shadow:inset 0 6px 12px -8px #14171e2e,inset 0 1px #ffffff80;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 24px calc(100% - 24px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 24px calc(100% - 24px),#0000 100%)}.sphere-media-reel::-webkit-scrollbar{display:none}.sphere-media-reel button{width:min(calc(var(--reel-aspect) * 58px), 32vw, 168px);background:linear-gradient(135deg, hsl(var(--reel-hue-a) 68% 86%), #fafafa 52%, hsl(var(--reel-hue-b) 72% 88%));cursor:pointer;scroll-snap-align:center;opacity:.55;border:0;border-radius:6px;flex:none;height:58px;padding:0;transition:opacity .18s,box-shadow .18s;display:block;position:relative;overflow:hidden;box-shadow:0 1px 2px #14171e0f}.sphere-media-reel button:hover,.sphere-media-reel button:focus-visible{opacity:.85}.sphere-media-reel button.active{opacity:1;box-shadow:0 0 0 1.5px var(--sphere-surface), 0 0 0 3px var(--sphere-blue)}.sphere-media-reel button.active:hover{opacity:1}.sphere-media-reel button:focus-visible{outline:0}.sphere-media-reel img,.sphere-media-reel button>span{width:100%;height:100%;display:block}.sphere-media-reel img{object-fit:cover}.sphere-canvas-hud{z-index:4;pointer-events:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid;position:absolute;top:20px;left:24px;right:24px}.sphere-mode-switch,.sphere-hud-button,.sphere-select-toggle,.sphere-selection-entry-button,.sphere-flat-scale,.sphere-selection-tray{background:linear-gradient(135deg,#fffffff5,#ffffffd6),#ffffffeb;border:1px solid #ffffffb3;box-shadow:inset 0 1px #ffffffe0,0 4px 16px #14171e0f,0 2px 4px #14171e08}.sphere-mode-switch{border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:3px;display:grid}.sphere-mode-switch button,.sphere-hud-button,.sphere-select-toggle,.sphere-selection-entry-button,.sphere-canvas-zoom-widget,.sphere-canvas-panel-toggle,.sphere-canvas-zoom-widget button,.sphere-detail-actions button,.sphere-selection-tray button{min-height:34px;color:var(--sphere-text);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:7px;font-size:12px;font-weight:600;transition:opacity .18s,transform .18s,background .18s,color .18s;display:inline-flex}.sphere-mode-switch button{color:#05050594;width:38px;min-width:38px;padding:0}.sphere-view-switch span{display:none}.sphere-hud-cluster{pointer-events:auto;align-items:center;gap:8px;display:flex;position:relative}.sphere-hud-view{justify-self:start}.sphere-hud-board,.sphere-hud-create{justify-self:end}.sphere-view-switch button{min-width:38px}.sphere-mode-switch button.active{background:var(--sphere-text);color:var(--sphere-surface)}.sphere-hud-button{background:#ffffffc2;min-width:104px;padding:0 14px}.sphere-hud-primary{background:var(--sphere-blue);min-width:112px;color:var(--sphere-surface);box-shadow:inset 0 1px #ffffff38,0 14px 34px #2f7dff3d}.sphere-hud-primary em{min-height:20px;color:inherit;white-space:nowrap;background:#ffffff2e;border-radius:999px;align-items:center;padding:0 7px;font-size:10px;font-style:normal;font-weight:700;display:inline-flex}.sphere-selection-entry-button{z-index:4;pointer-events:auto;background:linear-gradient(135deg,#ffffffdb,#ffffffa8),#ffffffc7;min-width:108px;padding:0 16px;position:absolute;bottom:22px;right:24px}.sphere-selection-entry-button:hover,.sphere-selection-entry-button:focus-visible{color:var(--sphere-text);background:#05050513}.sphere-hud-menu{background:#fffffffa;border:1px solid #ffffffb8;border-radius:18px;gap:2px;min-width:164px;padding:6px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:inset 0 1px #ffffffd1,0 24px 70px #2a365029}.sphere-create-menu,.sphere-sort-menu{right:0}.sphere-hud-menu button{min-height:34px;color:var(--sphere-text);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:12px;justify-content:flex-start;padding:0 11px;font-size:12px;font-weight:600}.sphere-hud-menu button:hover,.sphere-hud-menu button:focus-visible{background:#0505050f}.sphere-hud-menu button.active{background:var(--sphere-text);color:var(--sphere-surface)}.sphere-select-toggle{background:#ffffffb3;min-width:108px;padding:0 15px}.sphere-select-toggle.active,.sphere-hud-secondary:hover,.sphere-hud-secondary:focus-visible{background:var(--sphere-text);color:var(--sphere-surface)}.sphere-hud-primary:hover,.sphere-hud-primary:focus-visible{color:var(--sphere-surface);background:#1768e8}.sphere-select-toggle:hover:not(.active),.sphere-select-toggle:focus-visible:not(.active){color:var(--sphere-text);background:#05050513}.sphere-select-toggle.active:hover,.sphere-select-toggle.active:focus-visible{background:var(--sphere-text);color:var(--sphere-surface);box-shadow:inset 0 1px #ffffff2e,0 8px 22px #05050529}.sphere-flat-scale{min-height:40px;color:var(--sphere-text);border-radius:999px;align-items:center;gap:10px;padding:0 12px;font-size:11px;font-weight:600;display:flex}.sphere-flat-scale span{font-variant-numeric:tabular-nums;min-width:62px}.sphere-flat-scale input{appearance:none;cursor:pointer;background:0 0;width:108px;height:16px}.sphere-flat-scale input::-webkit-slider-runnable-track{background:#05050538;border-radius:999px;height:2px}.sphere-flat-scale input::-webkit-slider-thumb{appearance:none;border:2px solid var(--sphere-surface);background:var(--sphere-text);border-radius:999px;width:14px;height:14px;margin-top:-6px;box-shadow:0 3px 10px #05050529}.sphere-flat-scale input::-moz-range-track{background:#05050538;border-radius:999px;height:2px}.sphere-flat-scale input::-moz-range-thumb{border:2px solid var(--sphere-surface);background:var(--sphere-text);border-radius:999px;width:14px;height:14px}.sphere-mode-switch button:active,.sphere-hud-button:active,.sphere-select-toggle:active,.sphere-selection-entry-button:active,.sphere-canvas-zoom-widget button:active,.sphere-canvas-panel-toggle:active,.sphere-detail-actions button:active,.sphere-selection-tray button:active{transform:scale(.96)}.sphere-detail-card{z-index:5;isolation:isolate;background:linear-gradient(135deg, #fff 0%, #fffffffa 58%, #fbfcff 100%), var(--sphere-surface);transform-origin:50%;border:1px solid #05050514;border-radius:30px;grid-template-columns:minmax(220px,.82fr) minmax(280px,1fr);gap:20px;width:min(700px,100% - 92px);min-height:328px;padding:10px;display:grid;position:absolute;top:50%;left:50%;overflow:hidden;translate:-50% -50%;box-shadow:inset 0 1px #ffffffe6,0 28px 78px #1c273d24,0 0 0 8px #ffffff52}.sphere-detail-card:before{content:"";z-index:0;border-radius:inherit;opacity:.72;pointer-events:none;background:radial-gradient(circle at 2% 8%,#2f7dff14,#0000 30%),radial-gradient(circle at 96% 2%,#f4a8d81a,#0000 28%),linear-gradient(135deg,#2f7dff14,#0000 38%,#f4a8d814);position:absolute;inset:0}.sphere-detail-card>:not(.sphere-media-reel){z-index:1;position:relative}.sphere-detail-close{z-index:2;width:38px;height:38px;color:var(--sphere-text);cursor:pointer;background:#fffffff0;border:1px solid #0505050f;border-radius:999px;place-items:center;display:grid;position:absolute;top:18px;right:18px;box-shadow:inset 0 1px #ffffffe6,0 8px 24px #1c273d14}.sphere-detail-card.fullscreen .sphere-detail-close{z-index:20;position:fixed;inset:18px 18px auto auto}.sphere-detail-media{background:linear-gradient(135deg, #eff4fc, #f9f2fa), var(--sphere-quiet);border:1px solid #0505050d;border-radius:22px;min-height:312px;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #ffffffc7}.sphere-detail-media img{object-fit:cover;filter:saturate(.92)contrast(1.03);width:100%;height:100%;min-height:312px;display:block}.sphere-detail-card.stacked{scrollbar-gutter:stable;grid-template-columns:1fr;width:min(940px,100% - 72px);min-height:min(72dvh,760px);max-height:min(88dvh,860px);overflow:auto}.sphere-detail-card.stacked .sphere-detail-media{min-height:min(58dvh,560px)}.sphere-detail-card.stacked .sphere-detail-media img,.sphere-detail-card.fullscreen .sphere-detail-media img{object-fit:contain;min-height:0}.sphere-detail-card.stacked .sphere-detail-copy{padding:10px 26px 24px}.sphere-detail-card.stacked .sphere-detail-copy h2{max-width:18ch;font-size:clamp(34px,4.7vw,64px)}.sphere-detail-card.fullscreen{--fs-strip-h:96px;inset:0 0 var(--fs-strip-h) 0;z-index:1;background:var(--sphere-surface);border:0;border-radius:0;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:0;width:auto;min-height:0;padding:0;position:fixed;translate:none;box-shadow:0 -2px 28px #14171e1a}.sphere-detail-card.fullscreen:before{display:none}.sphere-detail-card.fullscreen.details-collapsed{grid-template-columns:minmax(0,1fr)}.sphere-detail-card.fullscreen.details-collapsed .sphere-detail-media{grid-column:1/-1}.sphere-detail-card.fullscreen.details-collapsed .sphere-detail-copy{display:none}.sphere-detail-card.fullscreen .sphere-detail-media{cursor:grab;touch-action:none;height:100%;min-height:0;box-shadow:none;background:radial-gradient(circle,#0505051a 1.2px,#0000 1.4px) 0 0/28px 28px,linear-gradient(135deg,#f4f6fa,#f9f5f9);border:0;border-radius:0;grid-row:1}.sphere-detail-card.fullscreen .sphere-detail-media:active{cursor:grabbing}.sphere-detail-media-canvas{pointer-events:none;background:radial-gradient(circle at 18% 20%,#ffffff94,#0000 30%),radial-gradient(circle at 82% 78%,#2f7dff0b,#0000 32%);border-radius:0;position:absolute;inset:0}.sphere-media-frame{width:var(--media-frame-width);max-width:min(86%,980px);max-height:calc(100% - 92px);aspect-ratio:var(--media-aspect);background:var(--sphere-surface);box-shadow:var(--tg-shadow-ring), inset 0 1px 0 #ffffffe0, 0 1px 1px #05050512, 0 18px 44px #1c273d1a;transform:translate(calc(-50% + var(--media-pan-x)), calc(-50% + var(--media-pan-y))) scale(var(--media-zoom));transform-origin:50%;will-change:transform;border-radius:12px;place-items:center;display:grid;position:absolute;top:50%;left:50%;overflow:hidden}.sphere-detail-card.fullscreen .sphere-media-frame img,.sphere-detail-card.fullscreen .sphere-media-frame video,.sphere-detail-card.fullscreen .sphere-media-frame .sphere-detail-placeholder{object-fit:contain;width:100%;height:100%;min-height:0;display:block}.sphere-detail-card.fullscreen .sphere-media-frame video{background:#050505}.sphere-canvas-zoom-widget{z-index:3;min-height:36px;color:var(--sphere-text);cursor:default;background:linear-gradient(135deg,#ffffffeb,#ffffffb8),#ffffffdb;border:1px solid #ffffffb8;border-radius:999px;gap:0;padding:0 8px;position:absolute;bottom:18px;left:18px;box-shadow:inset 0 1px #ffffffdb,0 16px 44px #1c273d1f}.sphere-canvas-zoom-widget span{min-width:48px;color:var(--sphere-text);text-align:center;font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.sphere-canvas-zoom-widget button,.sphere-canvas-panel-toggle{min-width:32px;min-height:32px;color:var(--sphere-text);background:0 0;padding:0}.sphere-canvas-zoom-widget button:hover,.sphere-canvas-zoom-widget button:focus-visible,.sphere-canvas-panel-toggle:hover,.sphere-canvas-panel-toggle:focus-visible{background:#05050511}.sphere-canvas-panel-toggle{z-index:3;background:linear-gradient(135deg,#ffffffeb,#ffffffb8),#ffffffdb;border:1px solid #ffffffb8;width:36px;height:36px;position:absolute;bottom:18px;right:18px;box-shadow:inset 0 1px #ffffffdb,0 16px 44px #1c273d1f}.sphere-detail-card.fullscreen .sphere-detail-copy{background:linear-gradient(135deg, #fffffffa, #fafafcf2), var(--sphere-surface);grid-area:1/2;justify-content:end;padding:56px 24px 26px}.sphere-detail-card.fullscreen .sphere-detail-copy h2{max-width:9ch;font-size:clamp(34px,4.2vw,58px)}@media (max-width:1180px){.sphere-detail-card.fullscreen{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.sphere-detail-card.fullscreen .sphere-detail-media{grid-area:1/1/auto/-1}.sphere-detail-card.fullscreen .sphere-detail-copy{scrollbar-gutter:stable;background:linear-gradient(135deg,#fffffff0,#ffffffc7),#ffffffdb;border:1px solid #ffffffb8;border-radius:24px;grid-area:1/1/auto/-1;justify-content:start;width:min(360px,100% - 48px);max-height:min(50dvh,420px);padding:20px;position:absolute;inset:auto 24px 24px auto;overflow:auto;box-shadow:inset 0 1px #ffffffd1,0 22px 60px #1c273d24}.sphere-detail-card.fullscreen .sphere-detail-copy h2{max-width:12ch;font-size:clamp(30px,5vw,46px)}}.sphere-detail-placeholder{color:#05050552;background-color:#0000;background-image:linear-gradient(90deg,#05050509 1px,#0000 1px),linear-gradient(0deg,#05050509 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:30px 30px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;place-items:center;width:100%;height:100%;min-height:312px;display:grid}.sphere-detail-copy{flex-direction:column;justify-content:center;min-width:0;padding:34px 42px 28px 12px;display:flex}.sphere-detail-copy>p:first-child{color:var(--sphere-muted);letter-spacing:.08em;margin:0 0 14px;font-size:11px;font-weight:600}.sphere-detail-copy h2{max-width:13ch;color:var(--sphere-text);letter-spacing:0;margin:0;font-size:clamp(30px,4vw,52px);font-weight:600;line-height:.96}.sphere-detail-meta-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:22px 0 0;display:grid}.sphere-detail-meta-grid span{min-height:38px;color:var(--sphere-muted);border-top:1px solid #0505052e;padding:9px 0 0;font-size:11px;line-height:1.2}.sphere-detail-note{color:#050505ad;max-width:42ch;margin:20px 0 0;font-size:13px;line-height:1.45}.sphere-detail-actions{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.sphere-detail-actions button{background:#0505050e;min-height:36px;padding:0 15px;box-shadow:inset 0 0 0 1px #05050508}.sphere-detail-actions button:first-child{background:var(--sphere-text);color:var(--sphere-surface)}.sphere-selection-tray{z-index:4;width:max-content;max-width:min(760px,100% - 48px);box-shadow:none;pointer-events:auto;transform-origin:100%;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:0;display:flex;position:absolute;bottom:22px;right:24px;translate:none}.sphere-selection-segment{background:linear-gradient(135deg,#fffffff5,#ffffffd6),#ffffffeb;border:1px solid #05050512;border-radius:999px;align-items:center;min-height:40px;display:inline-flex;overflow:visible;box-shadow:inset 0 1px #ffffffdb,0 18px 54px #2a365026}.sphere-selection-primary-actions{overflow:visible}.sphere-selection-state-actions{box-shadow:none;background:0 0;border:0}.sphere-selection-state-actions strong{text-align:center;white-space:nowrap;justify-content:center;align-items:center;min-width:92px;min-height:38px;padding:0 15px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.sphere-selection-action{display:inline-flex;position:relative}.sphere-selection-action>button,.sphere-selection-clear{min-height:38px;color:var(--sphere-muted);white-space:nowrap;background:0 0;padding:0 15px}.sphere-selection-action>button{min-width:172px}.sphere-selection-clear{color:var(--sphere-text);box-shadow:none;background:0 0}.sphere-selection-action>button:hover,.sphere-selection-action>button:focus-visible,.sphere-selection-clear:hover,.sphere-selection-clear:focus-visible{color:var(--sphere-text);background:#05050513}.sphere-selection-menu{background:#fffffff5;border:1px solid #ffffffb8;border-radius:18px;gap:2px;min-width:210px;padding:6px;display:grid;position:absolute;bottom:calc(100% + 10px);right:0;box-shadow:inset 0 1px #fffc,0 24px 70px #2a36502e}.sphere-selection-menu button{min-height:34px;color:var(--sphere-text);border-radius:12px;justify-content:flex-start;padding:0 11px;font-size:12px;font-weight:600}.sphere-selection-menu button:hover,.sphere-selection-menu button:focus-visible{background:#05050511}.sphere-selection-menu .pinned{min-height:42px;color:var(--sphere-muted);border-top:1px solid #05050514;border-radius:0 0 12px 12px;margin-top:7px;padding-top:7px;padding-bottom:7px}.sphere-drop-note{z-index:3;color:var(--sphere-text);pointer-events:none;background:#ffffffdb;place-items:center;font-size:clamp(20px,5vw,42px);font-weight:600;display:grid;position:absolute;inset:0}.sphere-topbar,.sphere-mobile-close{display:none}.sphere-desktop-sidebar .sphere-mobile-close{width:38px;min-width:38px;height:38px;display:grid}.sphere-mobile-layer{display:none}.sphere-preview-backdrop{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.sphere-preview{border:1px solid var(--sphere-text);background:var(--sphere-surface);width:min(420px,100%);min-height:280px;padding:24px;position:relative;box-shadow:0 28px 80px #00000029}.sphere-preview button{width:38px;height:38px;position:absolute;top:14px;right:14px}.sphere-preview h2{margin:0 48px 18px 0;font-size:24px;font-weight:600;line-height:1}.sphere-preview p{color:var(--sphere-muted);margin:0;font-size:13px;line-height:1.35}.sphere-preview span{color:var(--sphere-muted);font-size:11px;position:absolute;bottom:24px;left:24px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:840px){.sphere-app{grid-template-columns:1fr}.sphere-topbar,.sphere-desktop-sidebar{display:none}.sphere-stage{height:100%;min-height:420px}.sphere-canvas-hud{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;top:12px;left:12px;right:12px}.sphere-hud-cluster{flex-wrap:wrap;max-width:100%}.sphere-hud-view,.sphere-hud-board,.sphere-hud-create{justify-self:start}.sphere-hud-board,.sphere-hud-create{justify-self:end}.sphere-mode-switch button{width:44px;min-width:44px;min-height:44px;padding:0}.sphere-view-switch button{min-width:44px;min-height:44px}.sphere-hud-button{min-width:44px;min-height:44px;padding:0 12px}.sphere-hud-secondary span{display:none}.sphere-hud-primary{min-width:44px;min-height:44px}.sphere-hud-primary em,.sphere-hud-primary span{display:none}.sphere-media-reel{padding:0 12px}.sphere-media-reel button{height:50px}.sphere-select-toggle{min-width:96px;min-height:44px}.sphere-flat-scale{min-height:44px;padding:0 10px}.sphere-flat-scale input{width:90px}.sphere-flat-board{--sphere-hud-top:12px;--sphere-hud-gap:12px;gap:8px;padding-bottom:172px;padding-left:8px;padding-right:8px;inset:0 8px}.sphere-flat-group,.sphere-flat-columns,.sphere-flat-column{gap:8px}.sphere-detail-card{width:auto;max-height:calc(100dvh - var(--sphere-topbar-height) - 88px);scrollbar-gutter:stable;border-radius:28px;grid-template-columns:1fr;gap:10px;min-height:0;inset:auto 10px 12px;overflow:auto;translate:none}.sphere-detail-card.stacked,.sphere-detail-card.fullscreen{width:auto;max-height:calc(100dvh - var(--sphere-topbar-height) - 88px);grid-template-columns:1fr;min-height:0;inset:auto 10px 12px;translate:none}.sphere-detail-card.stacked .sphere-detail-media,.sphere-detail-card.fullscreen .sphere-detail-media{height:auto;min-height:52dvh}.sphere-detail-card.fullscreen{--fs-strip-h:84px;inset:0 0 var(--fs-strip-h) 0;z-index:1;border-radius:0;grid-template-rows:minmax(0,1fr);grid-template-columns:1fr;max-height:none;display:grid;position:fixed;overflow:visible}.sphere-detail-card.fullscreen .sphere-detail-media{height:auto;min-height:0}.sphere-canvas-zoom-widget{bottom:12px;left:12px}.sphere-canvas-panel-toggle{bottom:12px;right:12px}.sphere-detail-card.fullscreen .sphere-media-frame{width:min(70%,520px);max-height:calc(100% - 64px)}.sphere-detail-card.fullscreen .sphere-detail-copy{border-radius:22px;grid-area:1/1/auto/-1;width:auto;max-height:40dvh;padding:16px;inset:auto 12px 12px}.sphere-detail-card.fullscreen.details-collapsed .sphere-detail-copy{display:none}.sphere-detail-card:before{inset:0}.sphere-detail-media,.sphere-detail-media img,.sphere-detail-placeholder{min-height:220px}.sphere-detail-card.fullscreen .sphere-detail-media,.sphere-detail-card.fullscreen .sphere-media-frame img,.sphere-detail-card.fullscreen .sphere-media-frame video,.sphere-detail-card.fullscreen .sphere-media-frame .sphere-detail-placeholder{min-height:0}.sphere-detail-copy{padding:16px 16px 18px}.sphere-detail-copy h2{max-width:14ch;font-size:34px}.sphere-detail-meta-grid{grid-template-columns:1fr;gap:4px;margin-top:16px}.sphere-detail-meta-grid span{min-height:0;padding-top:8px}.sphere-selection-tray{border-radius:24px;flex-wrap:wrap;justify-content:flex-end;width:auto;max-width:none;bottom:10px;left:10px;right:10px;translate:none}.sphere-selection-segment{max-width:100%;overflow:visible}.sphere-selection-entry-button{min-height:44px;bottom:10px;right:10px}.sphere-selection-state-actions strong{text-align:left;width:auto;min-width:0}.sphere-selection-menu{transform-origin:bottom;max-width:none;right:50%;translate:50%}.sphere-selection-action>button,.sphere-selection-clear{padding:0 11px}.sphere-mobile-layer{z-index:12;background:#ffffffad;display:block;position:fixed;inset:0}.sphere-mobile-layer>div{width:min(348px,100vw - 42px);max-width:100%}.sphere-mobile-layer .sphere-sidebar{border-right:1px solid var(--sphere-line);width:min(348px,100vw - 42px);height:100dvh}.sphere-mobile-close{width:38px;min-width:38px;display:grid}.sphere-brand h1{max-width:none;font-size:24px}.sphere-stats{display:none}.sphere-preview-backdrop{align-items:end;padding:0}.sphere-preview{border-bottom:0;border-left:0;border-right:0;width:100%;min-height:62dvh}}