:root{--bg:#fff;--panel:#fff;--fg:#0b0b0b;--muted:#6b7280;--muted-soft:#9ca3af;--subtle:#64748b;--primary:#000;--danger:#ff616b;--border:#e5e7eb;--ring:#000;--grid:8px;--radius:8px;--shadow:none;--interface-color:#fff;--header-height:40px;--figure-background:#f4f4f4;--figure-accent:#ffb3f0;--color-success:#a6ff47;--color-error:#ff616b;--color-info:#fff59e}@font-face{font-display:swap;font-family:GT Pressura Mono;font-style:normal;font-weight:400;src:url(../fonts/GT-Pressura-Mono-Text.woff2) format("woff2")}@font-face{font-display:swap;font-family:Suisse Intl;font-style:normal;font-weight:400;src:url(../fonts/SuisseIntl-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Suisse Intl;font-style:italic;font-weight:400;src:url(../fonts/SuisseIntl-RegularIt.woff2) format("woff2")}@font-face{font-display:swap;font-family:Suisse Intl;font-style:normal;font-weight:700;src:url(../fonts/SuisseIntl-Bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Suisse Intl;font-style:italic;font-weight:700;src:url(../fonts/SuisseIntl-BoldIt.woff2) format("woff2")}.about-text.open{max-height:999px;opacity:1;pointer-events:auto;transform:translateY(0)}.about-text.scrolled{opacity:0;pointer-events:none;transform:translateY(-6px)}*{box-sizing:border-box;font-family:GT Pressura Mono!important;font-size:.9rem!important;font-weight:400!important}#figure-list,.container,.slider-viewport,body,html{max-width:100%}audio,img,video{height:auto;max-width:100%}body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-overflow-style:none;background:var(--bg);color:var(--fg);font-family:GT Pressura Mono;font-size:16px;line-height:1.55;margin:0;overflow-x:hidden;scrollbar-width:none;transition:filter .5s ease-out;will-change:filter}body::-webkit-scrollbar{height:0!important;width:0!important}html{-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar{height:0!important;width:0!important}a{color:var(--fg);text-decoration:none}a:hover{opacity:.75}.underline{text-decoration:underline}.uppercase{text-transform:uppercase}small{font-size:.75rem!important}mark{background-color:var(--figure-accent);border-radius:2px;color:var(--figure-accent-foreground,#000);padding:0 .15em}.container{margin:0 auto}header.main-header{align-items:center;color:#000;display:flex;height:var(--header-height);justify-content:center;left:0;padding:1rem 1rem 0;position:fixed;right:0;text-align:center;top:0;z-index:80!important}.header-content{align-items:center;display:flex;flex-direction:row;gap:2rem;justify-content:space-between;line-height:1.2;width:100%}.header-actions{gap:8px;margin-left:auto}.header-actions,.header-main{align-items:center;display:flex}.header-main{justify-content:space-evenly;width:100%}.header-main div{background:linear-gradient(180deg,transparent 80%,var(--figure-accent) 100%);flex:1;text-align:center}body.page-play{overflow-x:hidden;scroll-padding-top:var(--header-height)}body.page-play #figure-list li{scroll-margin-top:0!important}body.page-play main{padding-top:0!important}.m-0{margin:0!important}.mt-0{margin-top:0!important}.mb-0{margin-bottom:0!important}.mt-1{margin-top:calc(var(--grid)*1)!important}.mb-1{margin-bottom:calc(var(--grid)*1)!important}.mt-2{margin-top:calc(var(--grid)*2)!important}.mb-2{margin-bottom:calc(var(--grid)*2)!important}.mt-4{margin-top:calc(var(--grid)*4)!important}.mb-4{margin-bottom:calc(var(--grid)*4)!important}.ml-auto{margin-left:auto!important}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.gap-1{gap:calc(var(--grid)*1)}.gap-2{gap:calc(var(--grid)*2)}.gap-3{gap:calc(var(--grid)*3)}.no-underline{border-bottom:0!important}.text-muted-soft{color:var(--muted-soft)!important}.text-subtle{color:var(--subtle)!important}.text-sm{font-size:.9rem}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.max-w-65ch{max-width:65ch}.play-thumb{align-items:flex-start;flex:0 0 auto}.play-thumb .media{background-color:#fff;display:inline-block;height:150px;max-width:100vw;overflow:hidden;vertical-align:top}.play-thumb .media img,.play-thumb .media video{display:block;height:100%;margin:0 auto;object-fit:cover;width:auto}.play-thumb .text-only{box-sizing:border-box;max-width:360px}.play-thumb .text-only .excerpt,.play-thumb .text-only .excerpt *{font-family:Suisse Intl!important}body.page-play{overflow:hidden}main{padding-top:var(--header-height)!important}body.page-play .container{max-width:100vw;padding:0}form{display:grid;gap:calc(var(--grid)*1.5);margin:calc(var(--grid)*2) 0}.form-hint{color:var(--muted);font-size:.85rem!important;margin-bottom:8px;margin-top:0}.play-thumb-link{color:inherit;display:block;text-decoration:none}.play-thumb-link .play-thumb-footer{width:100%}.modal .modal-body form{align-items:start;box-sizing:border-box;display:grid;gap:16px;max-width:100%}.modal .modal-body form .full-width{grid-column:1/-1}.modal .modal-body input,.modal .modal-body select,.modal .modal-body textarea{width:100%}.modal .modal-body textarea{line-height:1.6;min-height:40vh;padding:14px;resize:vertical}.modal .modal-actions{background:transparent;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:space-between;padding:.5rem}@media (max-width:920px){.modal-dialog{height:auto;max-height:90vh;width:calc(100vw - 24px)}.modal .modal-body form{grid-template-columns:1fr}.modal .modal-body textarea{min-height:36vh}}.refs{margin-top:.5rem}.refs .ref-row{align-items:end;display:grid;gap:8px;grid-template-columns:1fr 1fr auto;margin-bottom:.5rem}.refs .ref-row label{display:block;margin-bottom:6px}.add-ref-btn,.refs .ref-row .btn{border:none!important;margin-bottom:.25rem;padding:0!important}.color-picker{display:block}.color-picker .color-picker-inner{align-items:center;display:flex;gap:8px}.color-picker input[type=color],.modal .modal-body input[type=color]{appearance:none;-webkit-appearance:none;background:transparent;border:0;border:1px solid var(--border);border-radius:100%;box-shadow:var(--shadow);cursor:pointer;display:inline-block;height:25px;padding:0;vertical-align:middle;width:25px}.color-picker input[type=color]::-webkit-color-swatch-wrapper,.modal .modal-body input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-picker input[type=color]::-webkit-color-swatch,.modal .modal-body input[type=color]::-webkit-color-swatch{border:none;border-radius:100%}input[type=color]{-webkit-appearance:none;appearance:none;background:transparent;border:1px solid var(--border);border-radius:100%;box-shadow:var(--shadow);display:inline-block;height:25px;padding:0;vertical-align:middle;width:25px}input[type=color]::-moz-color-swatch-wrapper{padding:0}input[type=color]::-moz-color-swatch{border:none;border-radius:6px}@media (max-width:420px){input[type=color]{height:36px;width:36px}}.tn-type{--tn-type-scale:1;mix-blend-mode:difference;pointer-events:none;right:0;transform:scale(var(--tn-type-scale)) translateZ(0);transform-origin:top center;transition:transform .25ms linear}.intro,.tn-type{left:0;position:sticky;top:0;width:100vw}.intro{align-items:flex-end;background:linear-gradient(0deg,#fff 0,var(--figure-background) 20%,var(--figure-background) 80%,#fff 100%);display:flex;justify-content:center;padding:1rem;text-align:center;z-index:0}.intro *,.intro-second *{line-height:1.25}.intro-second h1,.intro-second p,.intro-text h1,.intro-text p{margin:0;padding:0}span.toggle-about{cursor:pointer;margin-top:1rem!important;pointer-events:auto;user-select:none}.about-text{box-sizing:border-box;max-height:0;max-width:90ch;opacity:0;overflow:hidden;padding-bottom:2rem;padding-top:1rem;pointer-events:none;text-align:left!important;transform:translateY(-6px);transition:opacity .28s ease,transform .28s ease,max-height .28s ease;width:100%}.about-text.visible{max-height:999px;opacity:1;pointer-events:auto;transform:translateY(0)}.indent{padding-left:2rem!important;padding-right:2rem!important}.intro-second{align-items:flex-end;display:flex;justify-content:center;padding:1rem;position:sticky;text-align:center;top:8vh;width:100vw;z-index:-10}.tn-type--shrink{opacity:.98}.tn-type--expanded{opacity:1}.hero-svg{color:var(--fg)}.hero-svg svg{display:block;height:auto;margin:0 auto;width:75%}.type-path{stroke:silver;fill:none!important;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:none!important;will-change:stroke-width,stroke-dasharray}.color-picker .color-swatch{border:1px solid var(--border);border-radius:50%;box-shadow:inset 0 1px 0 rgba(0,0,0,.04);height:28px;width:28px}.modal .modal-body form .fieldset.full-width{grid-column:1/-1}.modal-actions-wrapper{gap:12px;justify-content:space-between}.modal-actions-wrapper,.modal-actions-wrapper>div{align-items:center;display:flex}.modal-actions-wrapper .btn{margin:0 6px 0 0}@media (max-width:640px){.modal-actions-wrapper{align-items:stretch;flex-direction:column}.modal-actions-wrapper>div{width:100%}.modal-actions-wrapper>div:last-child{display:flex;justify-content:flex-end}}.file-previews{flex-direction:column;gap:.25rem;margin-top:.25rem}.file-previews .file-preview{align-items:center;background:transparent;border:0;display:flex;gap:.5rem;padding:0}.file-previews .file-preview .preview-img{border-radius:2px;max-height:80px;max-width:120px;object-fit:cover}.file-previews audio,.file-previews video{max-width:220px}.file-names{color:var(--muted-soft);display:block;font-size:.9rem;margin-top:.25rem}.modal .modal-body .two-col{align-items:start;box-sizing:border-box;display:grid;gap:12px;grid-template-columns:1fr 1fr;max-width:100%}.modal .modal-body .two-col .col{min-width:0}@media (max-width:720px){.modal .modal-body .two-col{grid-template-columns:1fr}}.form-group{padding:1rem}.form-group.first-figure-setup{background-color:#fbfef5}.first-figure-setup-header{border-bottom:1px solid var(--border);margin-bottom:2rem;padding-bottom:1rem}.col.play-media-upload{align-items:flex-start;display:grid;grid-template-columns:1fr 1fr}.form-item{margin-bottom:1rem}.form-item .col{background-color:#fafafa}label{font-size:.85rem!important}input,select,textarea{background-color:#fafafa;border:none;border-bottom:1px solid #c3c3c3;outline:none;padding:.25rem;width:100%}input:focus,select:focus,textarea:focus{border-bottom:1px solid #000;outline:none}input::placeholder{font-size:.85rem!important}textarea{min-height:120px}.btn{align-items:center;appearance:none;background:var(--interface-color);border:none;border-bottom:0;box-shadow:var(--shadow);color:#000;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:clamp(9px,2.6vw,10px) clamp(12px,3.2vw,14px);text-decoration:none}.btn:hover{filter:brightness(.96)}.about-text,body,html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.about-text{-webkit-font-smoothing:antialiased;font-size:1rem!important;line-height:1.45!important;word-break:break-word}.btn,.index-toggle,.slider-arrow,button{-webkit-tap-highlight-color:transparent!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.index-toggle,.slider-arrow{background:var(--interface-color)!important;color:inherit!important}.btn.positive:hover,.k-button[data-theme=positive]:hover,.k-button[theme=positive]:hover,button[theme=positive]:hover,button[type=submit].btn:hover,button[type=submit][data-theme=positive]:hover,input[type=submit].btn:hover{background:#a6ff47;color:#000;filter:none}.btn-secondary{background:#fff;border-color:#cbd5e1;color:var(--fg)}.btn-danger{background:var(--danger);border-color:var(--danger)}.btn-ghost{background:transparent;border:1px solid #d1d5db;border-radius:var(--radius);box-shadow:none;color:var(--fg)}header.main-header .btn-ghost{border:none;color:#000;outline:none;padding:0!important}.list{list-style:none;margin:0;padding:0}.dashboard-container{padding:1rem}.dashboard-list{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.dashboard-list li{background:linear-gradient(to bottom,#fff,var(--figure-background));margin-bottom:1rem}.cards{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));list-style:none;padding:0}.home-grid{padding:1rem}.grid-head{align-items:flex-end;background:linear-gradient(to bottom,transparent,var(--figure-background));padding-bottom:1rem}.home-plays{list-style-type:none;margin:0;padding:0;width:100%}.group-item,.home-plays{display:flex;flex-direction:column}.group-item{background:#f8f8f8;transition:opacity .3s ease,filter .3s ease}.group-colors{display:flex;gap:0;height:4px;overflow:hidden}.group-colors .color-item{flex:1;min-width:0}.group-head{align-items:center;background:#fff;border-radius:4px;cursor:pointer;display:flex;gap:1rem;padding:.5rem}.group-toggle{background:none;border:none;cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:transform .2s}.group-item.collapsed .group-toggle{transform:rotate(-90deg)}.group-info{align-items:start;display:grid;flex:1;gap:1rem;grid-template-columns:1fr 1fr 1fr}.g-head-item{line-height:1.2}@media (max-width:768px){.group-info{gap:.5rem;grid-template-columns:1fr}}.group-plays{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;padding-left:0;transition:opacity .2s ease}.group-item.collapsed .group-plays{display:none}.group-item:not(.collapsed) .group-plays{content-visibility:auto}.group-item.collapsed .group-plays *{content-visibility:hidden}.home-plays.has-active-group>.group-item:not(.active),.home-plays.has-active-group>.play-item{filter:grayscale(.5);opacity:.3;pointer-events:none}.home-plays.has-active-group>.group-item.active{filter:none;opacity:1;pointer-events:auto}.play-item{background:linear-gradient(to bottom,#fff,var(--figure-background));display:grid;gap:12px;grid-template-rows:auto 1fr;padding-bottom:.5rem}.home-play-head{border-top:4px solid var(--play-accent)}.play-head-link{align-items:start;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr 1fr}.p-head-item{line-height:1.2}@media (max-width:768px){.play-head-link{align-items:start;gap:12px;grid-template-columns:1fr 1fr}.p-head-item.meta,.p-head-item.players{display:none}}.play-thumbs{display:flex;flex-wrap:wrap;gap:1rem}.play-thumb{display:flex;flex-direction:column;width:fit-content}.play-thumb-footer{align-items:center;display:flex;font-size:.9rem;justify-content:space-between;width:100%}@media (max-width:640px){.play-head{grid-template-columns:1fr}.play-head,.play-head .meta{text-align:left}}.fieldset{border:1px solid var(--border);border-radius:.5rem;padding:calc(var(--grid)*2)}.fieldset--dashed{border-style:dashed}.ref-row{align-items:end;display:flex;gap:calc(var(--grid)*1);margin-bottom:calc(var(--grid)*1)}.pfh-title{font-weight:600}.pfh-desc{color:var(--muted-soft);max-width:40vw}.pfh-owner{color:var(--subtle);white-space:nowrap}.btn-ghost--light{border:1px solid hsla(0,0%,100%,.6);color:#fff}.btn-ghost--light:hover{border-color:#fff}.modal{align-items:center;display:none;inset:0;justify-content:center;overflow-x:hidden;overscroll-behavior-x:contain;position:fixed;z-index:90}#modal-confirm,.modal.modal-confirm{z-index:10010}.modal[aria-hidden=false]{display:flex;overflow-x:hidden}.modal-backdrop{background:hsla(0,0%,94%,.9);inset:0;position:absolute}.modal-dialog{background:#fff;box-shadow:var(--shadow);box-sizing:border-box;height:auto;left:50%;max-height:90vh;max-width:calc(100vw - 48px);overflow-x:hidden;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:min(1200px,90vw);z-index:inherit}.modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 18px}.modal-body{box-sizing:border-box;display:block;overflow-x:hidden!important;padding-left:12px;padding-right:12px}.modal .modal-body input,.modal .modal-body select,.modal .modal-body textarea{box-sizing:border-box;max-width:100%}.modal-close{background:transparent;border:0;color:#111;cursor:pointer;font-size:1.5rem;line-height:1;padding:.25rem .5rem}.alert{font-size:.85rem!important;margin:8px 0;padding:.5rem}.alert-success{background-color:var(--color-success)!important;color:#000}.alert-error{background-color:var(--color-error)!important;color:#000}.alert-info{background-color:var(--color-info)!important;color:#000}.alerts{bottom:16px;display:flex;flex-direction:column;gap:8px;pointer-events:none;position:fixed;right:16px;width:min(420px,92vw);z-index:60;z-index:1e+38!important}.alerts .alert{align-items:center;box-shadow:var(--shadow);display:flex;justify-content:space-between;pointer-events:auto}.toast{opacity:0;transform:translateY(6px);transition:opacity .22s ease,transform .22s ease}.toast.show{opacity:1;transform:translateY(0)}.fade-item{opacity:0;transform:translateY(6px);transition:opacity .22s ease,transform .22s ease}.fade-item.show{opacity:1;transform:translateY(0)}.fade-out{opacity:0!important;transform:translateY(6px)!important;transition:opacity .18s ease,transform .18s ease}.page-overlay{background:var(--bg);inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .25s ease;z-index:40}.page-overlay.active{opacity:1;pointer-events:auto}body.blur-active{filter:blur(6px)}@media (prefers-reduced-motion:reduce){.fade-item,.fade-out,.page-overlay,.toast,body{transition:none}}.form-error{border-color:var(--danger)!important}.error-message{color:var(--danger);font-size:12px;margin-top:4px}.btn:disabled{cursor:not-allowed;opacity:.6;opacity:0;pointer-events:none}.btn.loading{color:transparent;position:relative}.btn.loading:after{animation:spin 1s linear infinite;border:2px solid transparent;border-radius:50%;border-top-color:currentcolor;content:"";height:16px;left:50%;margin:-8px 0 0 -8px;position:absolute;top:50%;width:16px}@keyframes spin{to{transform:rotate(1turn)}}iframe{border:0;max-width:100%}.thumb{background:#f8fafc;border:1px solid var(--border);display:grid;height:84px;place-items:center;width:84px}.thumb img{height:84px;object-fit:cover;width:84px}.file-previews{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.file-previews img{display:block;height:auto;max-height:80px;max-width:120px;object-fit:cover}.file-previews video{height:auto}.file-previews audio,.file-previews video{display:block;max-width:220px}.file-upload{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.file-input-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.file-button{cursor:pointer}.file-names{color:var(--muted);font-size:.85rem!important}.media-btn{border-bottom:1px solid #c3c3c3!important;border-radius:0!important}.slider-viewport{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;background:transparent;height:calc(100vh - var(--header-height));margin-left:calc(50% - 50vw);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;position:relative;scroll-behavior:auto;scroll-snap-type:x mandatory;scrollbar-width:none;top:var(--header-height);transition:filter .5s ease-out;width:100vw;will-change:scroll-position}.slider-viewport::-webkit-scrollbar{display:none}.slider-viewport.blur-active{filter:blur(6px)}.figure-item{background-color:var(--figure-background);box-sizing:border-box;display:flex;flex:0 0 calc(50vw - 0.25rem);flex-direction:column;height:100%;overflow:hidden;padding-left:1rem;padding-right:1rem;scroll-snap-align:start;scroll-snap-stop:always}.figure-item img{height:auto;width:100%}.figure-item img.portrait-image{max-width:65%}.figure-content p{line-height:1.3;max-width:75ch}.figure-content p,.figure-content p *{font-family:Suisse Intl!important}b,strong{font-weight:700!important}.figure-item.is-left-visible{background:#f4f4f4;background:linear-gradient(90deg,#f4f4f4 95%,rgba(209,176,179,0))}.figure-item.is-right-visible{background:#f4f4f4;background:linear-gradient(-90deg,#f4f4f4 95%,rgba(209,176,179,0))}#figure-list{display:flex;gap:.5rem;height:calc(100vh - var(--header-height));list-style:none;margin:0;padding:0;position:relative;z-index:10}@media (max-width:768px){#figure-list>li{flex:0 0 100vw}}.figure-scroll{flex:1 1 auto;min-height:0;overflow-y:auto}#figure-list>li.add-figure .figure-scroll{min-height:140px;position:relative}#figure-list>li.add-figure .figure-scroll .btn{pointer-events:auto;position:relative;z-index:10005}#figure-list>li.add-figure{box-sizing:border-box}@supports (height:100dvh){.modal-dialog{max-height:90vh}.slider-viewport{height:calc(100dvh - var(--header-height))}#figure-list,#figure-list>li{height:100%}.figure-scroll{flex:1 1 auto;min-height:0}}.figure-head{gap:12px;position:sticky;top:0;z-index:5}.f-head-item,.figure-head{align-items:center;display:flex}.f-head-item{width:50%}.f-head-item .title{margin-right:.25rem}.figure-head span{background-color:var(--figure-accent);border-top:2px solid var(--figure-accent);white-space:nowrap}.figure-head .by,.figure-head .title,.figure-head span{color:var(--figure-accent-foreground,#000)}.figure-head .head-center{flex:1;font-weight:600;text-align:center}.figure-head .pos{color:#111}.figure-head .title{font-weight:700}.figure-head .by{font-weight:500}.figure-head .head-next,.figure-head .head-prev{display:none!important}#figure-list>li.is-left-visible .figure-head .head-prev,#figure-list>li.is-right-visible .figure-head .head-next{display:inline-flex}@media (max-width:768px){#figure-list>li{flex:0 0 100vw}#figure-list>li .figure-head .head-next,#figure-list>li .figure-head .head-prev{display:inline-flex}form{gap:12px}.modal{padding:8px 8px calc(8px + env(safe-area-inset-bottom, 0px))}.modal-dialog{max-height:92vh;width:96vw}.modal-body{padding:14px}#figure-index-list .meta .title{max-width:52vw}.btn{font-size:.95rem}}#figure-list>li.add-figure{display:grid;overflow:hidden;place-items:center}#figure-list>li.login-hint{display:grid;place-items:center;text-align:center}#figure-list>li.login-hint h3{font-weight:600}.figure-meta *{font-size:.75rem!important}.f-meta-list{display:flex;flex-direction:column;flex-wrap:wrap;list-style:none;margin:0;padding:0}.f-meta-list li{border-bottom:1px solid #000;padding-bottom:.125rem;padding-top:.25rem}.slider-arrow{background:hsla(0,0%,100%,.9);border:1px solid var(--border);border-radius:999px;bottom:calc(env(safe-area-inset-bottom, 0px) + 12px);box-shadow:var(--shadow);cursor:pointer;display:grid;height:44px;place-items:center;position:fixed;transform:translateY(0);transition:bottom .22s ease,transform .22s ease,opacity .18s ease;user-select:none;width:44px;z-index:10006}.slider-arrow[disabled]{cursor:default;opacity:.4}.slider-arrow.prev{left:12px}.slider-arrow.next{right:12px}.fixed-slider-nav{bottom:0;height:0;left:0;pointer-events:none;position:fixed;right:0;z-index:10005}.fixed-slider-nav .slider-arrow{pointer-events:auto}.fixed-slider-nav{transform:translateY(0);transition:transform .22s ease,opacity .18s ease}body.has-index-open .fixed-slider-nav{transform:translateY(calc((var(--index-toggle-offset, 56px) + env(safe-area-inset-bottom, 0px))*-1))}body.has-index-open .slider-arrow{bottom:calc(env(safe-area-inset-bottom, 0px) + 56px);bottom:calc(var(--index-toggle-offset, 56px) + env(safe-area-inset-bottom, 0px))}@media (max-width:768px){.slider-arrow{height:40px;width:40px}}@media (prefers-reduced-motion:reduce){#figure-list{transition:none}}.figure-scroll{-ms-overflow-style:none;overflow:auto;padding-bottom:8vh;scrollbar-width:none}.figure-scroll::-webkit-scrollbar{display:none}.figure-content{min-height:75vh}.figure-content img.media-landscape,.figure-content video.media-landscape{display:block;height:auto;width:100%}.figure-content img.media-portrait,.figure-content video.media-portrait{display:block;height:auto;width:50%}.figure-actions-outer{display:flex;margin-left:1rem}.figure-actions-outer span{background-color:transparent!important}.figure-actions{display:flex;gap:1rem;opacity:0;pointer-events:none;transition:opacity .22s ease}.figure-actions.figure-actions-visible{opacity:1;pointer-events:auto;transition:opacity .22s ease}.f-action-btn{cursor:pointer}.toggle-figure-actions{cursor:pointer;margin-right:1rem}body.page-play .play-info{display:none}.figure-index{background:var(--interface-color);border:none;box-sizing:border-box;color:#fff;grid-row:2;justify-self:stretch;max-height:0;opacity:0;overflow:hidden;pointer-events:none;position:relative;transition:max-height .28s ease,opacity .28s ease;width:100%}.figure-index.active{max-height:180px;opacity:1;pointer-events:auto}.figure-index-inner{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;height:100%;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;white-space:nowrap}.figure-index-inner::-webkit-scrollbar{display:none}#figure-index-list{align-items:stretch;display:flex;flex-wrap:nowrap;gap:12px;list-style:none;margin:0;padding:0}.figure-index-wrapper{align-items:end;bottom:0;display:grid;grid-template-rows:auto auto;justify-items:center;left:0;pointer-events:none;position:fixed;right:0;width:100vw;z-index:10008}.figure-index-wrapper .index-toggle{background:none;background-color:var(--interface-color);border:none;cursor:pointer;grid-row:1;min-width:5vw;outline:none;padding:.5rem;pointer-events:auto;text-transform:uppercase;z-index:10009}#figure-index-list li{align-items:center;color:#000;cursor:pointer;display:flex;flex:0 0 auto;height:55px;position:relative;white-space:nowrap}#figure-index-list li.active{background-color:var(--figure-accent);color:var(--figure-accent-foreground,#000)}#figure-index-list img{height:100%;width:auto}#figure-index-list .meta{display:flex;flex-direction:column;gap:4px;padding:.5rem}#figure-index-list .meta .title{overflow:hidden;text-overflow:ellipsis}#figure-index-list .meta .pos{color:inherit}.figure-item.is-updating{cursor:progress;position:relative}.figure-item.is-updating>.updating-overlay{align-items:center;animation:overlayPulse 2.6s ease-in-out infinite;background:hsla(0,0%,100%,.6);color:#000;display:flex;font-weight:600;inset:0;justify-content:center;letter-spacing:.02em;padding:0 1rem;pointer-events:none;position:absolute;text-align:center;z-index:5}.figure-item.is-updating>:not(.updating-overlay){filter:blur(6px);transition:filter .5s ease-out}@keyframes overlayPulse{0%{opacity:.6}50%{opacity:.75}to{opacity:.6}}@media (max-width:768px){.dashboard-container,.home-grid,.intro,.intro-second,.modal-body,.modal-header{padding:.5rem}.figure-item{padding-left:.5rem;padding-right:.5rem}.form-group{padding:0}.modal-dialog{max-width:98vw!important}.play-header-desc,.play-header-owner{display:none}.play-header-title{align-items:center;display:flex;justify-content:center}}.subpage-container{padding:1rem}.subpage-text{margin-bottom:2rem;max-width:75ch}body.page-play footer{display:none}footer{padding:1rem}.footer-content{align-items:center;justify-content:space-between}.footer-content,.footer-links{display:flex;flex-wrap:wrap;gap:1.5rem}.footer-links a{color:inherit;text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-credits{color:#6b7280;font-size:.9rem;white-space:nowrap}.footer-credits a{color:inherit;text-decoration:none}.footer-credits a:hover{text-decoration:underline}@media (max-width:640px){.footer-content{align-items:flex-start;flex-direction:column;gap:1rem}.footer-credits{white-space:normal}}.form-check-wrapper{align-items:flex-start;display:flex;font-size:.9rem;line-height:1.4;margin-bottom:.75rem}.form-check-wrapper label{cursor:pointer;margin:0 0 0 .5rem}.form-check-wrapper label a{color:inherit;text-decoration:underline}.form-check-wrapper label a:hover{color:var(--figure-accent,#ffb3f0)}input[type=checkbox].custom-checkbox{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:transparent;border:1px solid #000;border-radius:50%;color:currentColor;cursor:pointer;flex-shrink:0;font:inherit;height:1.1em;margin:.15em 0 0;padding:0;transition:background-color .12s ease-in-out;width:1.1em}input[type=checkbox].custom-checkbox:checked{background-color:#000}.blur-up{display:block;filter:blur(10px) saturate(.95) contrast(.95);height:auto;transform:scale(1.02);-webkit-transition:filter .3s ease,transform .3s ease;transition:filter .3s ease,transform .3s ease;width:100%;will-change:filter,transform,opacity}.blur-up.loaded{filter:none;transform:none}#loading-indicator{opacity:0;padding:2rem;text-align:center;transition:opacity .3s ease}.grid-head{gap:1rem;justify-content:space-between}.grid-head,.grid-head-left{align-items:center;display:flex;flex-wrap:wrap}.grid-head-left{gap:2rem}.grid-head-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.plays-filter{align-items:center;display:flex;gap:.5rem}.filter-btn{background:none;border:none;color:#999;cursor:pointer;font-family:inherit;font-size:1.5rem;font-weight:600;padding:0;transition:color .2s ease}.filter-btn:hover{color:#000}.filter-btn.active{color:#000;text-decoration:underline}.plays-filter:has(.filter-btn:only-child) .filter-btn{color:#000;cursor:default;text-decoration:none}.plays-filter:has(.filter-btn:only-child) .filter-btn:hover{color:#000}.view-toggle{align-items:center;display:flex;gap:.5rem}.view-btn{background:none;border:none;color:#999;cursor:pointer;font-family:inherit;font-size:inherit;padding:0;transition:color .2s ease}.view-btn:hover{color:#000}.view-btn.active{color:#000;text-decoration:underline}.home-plays.list-view{display:flex;flex-direction:column;gap:0}.home-plays.list-view .play-item{background:linear-gradient(to bottom,#fff,var(--figure-background));display:flex;flex-direction:column;padding-bottom:.5rem}.home-plays.list-view .play-thumbs{display:none}.home-plays.list-view .play-head{padding:0 0 2rem}.home-plays.list-view .home-play-head{background:linear-gradient(0deg,transparent 50%,var(--play-accent) 120%)}.home-plays.list-view .play-head-link{display:grid;gap:.75rem}.home-plays.list-view .p-head-item{align-items:baseline;display:flex;gap:.5rem}.home-plays.list-view .p-head-item.title{font-size:1.25rem;font-weight:600}.home-plays.list-view .p-head-item span:first-child{font-weight:500;min-width:fit-content}.home-plays.list-view .p-head-item span:last-child{flex:1}#loading-indicator span{color:var(--muted);font-size:.9rem}