:root{--bg:red;--fg:#fff;--muted:#fff9;--tag:#ffffff80;--accent:var(--accent-base,#fff);--font:"Helvetica Neue", Helvetica, Arial, sans-serif;--cols:8;--gap:16px;--m:12px;--colw:calc((100vw - 2 * var(--m) - (var(--cols) - 1) * var(--gap)) / var(--cols));--ease:cubic-bezier(.4, 0, .2, 1)}:root.in-theme{--bg:#fff;--fg:red;--muted:#f009;--tag:#ff000080;--accent:red}@media (min-width:750px){:root{--cols:9;--gap:24px;--m:16px}}@media (min-width:1024px){:root{--cols:16}}@media (min-width:2000px){:root{--cols:18}}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;overflow:hidden}:where(html,body,#mask,#stage,.face,#ui *){transition:background-color .6s,color .6s,text-decoration-color .6s}body{color:var(--fg);font:400 14px/16px var(--font);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer;text-align:left;line-height:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:block}.cell,.piece,#face-view,#preview,#full{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}::selection{background:var(--fg);color:var(--bg)}.u,.themes-list button:hover,.themes-list button.hot,.themes-list button.on,.js-back:hover{text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:1px;text-decoration-thickness:1.5px}.label{color:var(--muted);white-space:nowrap}#ui{z-index:100;left:var(--m);right:var(--m);top:var(--m);grid-template-columns:repeat(var(--cols), 1fr);column-gap:var(--gap);pointer-events:none;opacity:0;align-items:start;transition:opacity .2s ease-out;display:grid;position:fixed}#ui.ready{opacity:1}#ui.inline{z-index:auto;margin-bottom:24px;position:relative;top:auto;left:auto;right:auto}@media (max-width:749px){#ui.inline{margin-bottom:16px}}#ui>*{pointer-events:auto}.bio{grid-area:1/1/auto/-1}.bio-text{white-space:pre-wrap}.bio .name{cursor:pointer}.bio .surname{white-space:pre}.bio .contact{margin-top:16px}.bio .back{margin-top:16px;display:none}.bio .arr{font-size:12px}.themes,.vmeta{grid-area:2/1/auto/span 5;margin-top:16px;position:relative}.themes .label,.vmeta .label{display:block}.themes-list{flex-direction:column;align-items:flex-start;display:flex}.themes-list button{white-space:nowrap}.themes-list .clear{color:var(--fg);text-decoration:none!important}.themes-list .count{color:var(--muted)}.vmeta{flex-direction:column;align-items:flex-start;display:none}.vtheme{white-space:nowrap}.vtheme button:hover{color:var(--muted)}.vfull{white-space:nowrap;margin-top:8px;transition:color .15s}.vfull:hover,.full-close:hover{color:var(--muted)}.vmeta .fade{opacity:0;transition:opacity .4s cubic-bezier(0,0,.2,1)}.vmeta.in .fade{opacity:1}.viewtoggle{grid-area:2/6/auto/span 3;margin-top:16px;position:relative}.viewtoggle .label{display:block}.viewtoggle-list{flex-direction:column;align-items:flex-start;display:flex}.viewtoggle-list button.on,.viewtoggle-list button:hover{text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:1px;text-decoration-thickness:1.5px}@media (min-width:750px){.bio{grid-column:1/span 5}.themes,.vmeta{grid-area:1/7/auto/span 3;margin-top:0}.viewtoggle{grid-area:2/1/auto/span 5}}@media (min-width:1024px){.themes,.vmeta{grid-column:12/span 3}.viewtoggle{grid-area:1/15/auto/span 2;margin-top:0}.themes .label,.vmeta .label,.viewtoggle .label{padding-right:8px;position:absolute;top:0;right:100%}}@media (min-width:2000px){.bio{grid-column:1/span 4}.themes,.vmeta{grid-column:13/span 3}.viewtoggle{grid-column:17/span 2}}@media (max-width:749px){:root{--cols:3;--gap:10px;--m:14px}body{font-size:15px;line-height:20px}.bio,.themes,.viewtoggle,.vmeta{grid-column:1/-1}.themes{grid-row:2;margin-top:18px}.viewtoggle{grid-row:3;margin-top:10px}.themes-list,.viewtoggle-list{flex-flow:wrap;column-gap:18px}.themes-list button,.viewtoggle-list button,.email,.bio .back,.vfull,.vtheme button{padding:6px 0}.is-view .bio-text,.is-view .contact{display:none}.is-view .bio .back{margin-top:0}.vmeta{flex-flow:wrap;grid-row:2;align-items:baseline;column-gap:16px;margin-top:0}.vmeta .label{display:none}.vfull{margin-top:0}#face-view{touch-action:none;padding-bottom:24px}.view-media img{transition:opacity .35s,transform .25s}}#mbar{display:none}@media (max-width:749px){#mbar{z-index:120;height:44px;padding:0 var(--m);background:var(--bg);transition:transform .25s var(--ease), background-color .6s ease, color .6s ease;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(-100%)}.mbar-on.is-home #mbar{transform:none}#mbar button{padding:10px 0}}.is-view .themes,.is-view .viewtoggle{display:none}.is-view .vmeta{display:flex}.is-view .bio .back{display:inline-block}@media (max-width:749px){.is-view .bio .contact{display:none}}#mask{z-index:50;background:var(--bg);pointer-events:none;height:0;position:fixed;top:0;left:0;right:0}#stage{z-index:10;background:var(--bg);position:fixed;inset:0}#cube{position:absolute;inset:0}.face{background:var(--bg);overscroll-behavior:contain;position:absolute;inset:0;overflow-y:auto}#face-view{display:none}#stage.three{perspective:4000px;perspective-origin:50%}#stage.three #cube{transform-style:preserve-3d;transition:transform var(--dur,1.8s) var(--ease)}#stage.three .face{backface-visibility:hidden;overflow:hidden}#face-home{padding:var(--m);flex-direction:column;display:flex}.grid{grid-template-columns:repeat(var(--cols), 1fr);gap:var(--gap);align-items:center;margin-top:auto;display:grid}.cell{cursor:pointer;opacity:0;position:relative;transform:scale(0)}.cell.in{animation:pop .45s var(--ease) forwards;animation-delay:var(--d,0s)}.cell.shown{opacity:1;transform:none}.cell img{background:#00000014;width:100%;height:auto;transition:opacity .2s}.cell:hover img{opacity:.6}.cell.out{animation:shrink .6s var(--ease) forwards;animation-delay:var(--d,0s)}.cell.gone{display:none}@keyframes pop{to{opacity:1;transform:scale(1)}}@keyframes shrink{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.layouts{padding-bottom:40px;display:none}.mode-layout .grid{display:none}.mode-layout .layouts{animation:.4s fadeIn;display:block}.lay+.lay{margin-top:96px}.lay-title{margin-bottom:24px}.lay-canvas{width:100%;position:relative}.piece{cursor:zoom-in;position:absolute}.piece img{background:#00000014;width:100%;height:auto;transition:opacity .2s}.piece:hover img{opacity:.85}#preview{z-index:105;pointer-events:none;opacity:0;transition:opacity .5s ease-out;position:fixed}#preview.on{opacity:1;transition:none}#preview img{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .15s;position:absolute;inset:0}#preview img.cur{opacity:1}#face-view{padding:0 var(--m) 40px;flex-direction:column;align-items:center;overflow:hidden}.view-media,.full-media{flex:1;width:100%;min-height:0;position:relative}.view-media img,.full-media img{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.view-media img.cur,.full-media img.cur{opacity:1}.view-count{flex-shrink:0;margin-top:16px}.half{width:50vw;display:none;position:fixed;bottom:0}#stage~.half{z-index:60;top:var(--view-top,0)}.is-view:not(.busy) #stage~.half{display:block}.half.left{cursor:w-resize;left:0}.half.right{cursor:e-resize;right:0}#full{z-index:200;background:#000;display:none;position:fixed;inset:0}#full.open{animation:.2s fadeIn;display:block}#full .full-media{position:absolute;inset:0}#full .half{z-index:1;display:block;top:0}.full-close{top:var(--m);right:var(--m);z-index:2;color:#fff;position:fixed}@media (hover:none){.half{cursor:default}}@media (prefers-reduced-motion:reduce){.cell,.cell.in{opacity:1;animation:none;transform:none}}