@font-face{font-family:Lunchtype;src:url(../fonts/lunchtype22-light-webfont.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Lunchtype;src:url(../fonts/lunchtype22-regular-webfont.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lunchtype;src:url(../fonts/lunchtype23-regular-italic-webfont.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Lunchtype;src:url(../fonts/lunchtype22-medium-webfont.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Lunchtype;src:url(../fonts/lunchtype23-medium-italic-webfont.woff2)format("woff2");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Lunchtype Condensed;src:url(../fonts/lunchtype25-medium-condensed-webfont.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Letter Gothic;src:local(Letter Gothic Std),local(LetterGothicStd),url(../fonts/LetterGothicMTStd.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Letter Gothic;src:local(Letter Gothic Std Slanted),local(LetterGothicStd-Slanted),url(../fonts/LetterGothicMTStd-Oblique.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Letter Gothic;src:local(Letter Gothic Std Bold),local(LetterGothicStd-Bold),url(../fonts/LetterGothicMTStd-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Letter Gothic;src:local(Letter Gothic Std Bold Slanted),local(LetterGothicStd-BoldSlanted),url(../fonts/LetterGothicMTStd-BoldObl.woff2)format("woff2");font-weight:700;font-style:italic;font-display:swap}:root{--red:#fa5252;--red-dark:#e03e3e;--red-tint:#fee9e9;--grey:#ececec;--grey-mid:#b9b9b9;--white:#fff;--text:#000;--text-content:#3d3d3d;--text-secondary:#8c8c8c;--line:#cfcfcf;--bar-h:44px;--side-w:248px;--font-ui:"Lunchtype", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-display:"Lunchtype Condensed", "Lunchtype", "Arial Narrow", sans-serif;--font-content:"Letter Gothic", "Courier New", ui-monospace, monospace}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--grey);height:100%;color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.3;overflow:hidden}#app{position:fixed;inset:0}button{font-family:var(--font-ui);cursor:pointer;color:inherit}:focus-visible{outline:2px solid var(--text);outline-offset:2px}.btn{border:1px solid var(--red);background:var(--white);color:var(--red);font-family:var(--font-ui);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:0;padding:.2rem .5rem .15rem;font-size:.87rem;line-height:1.25;text-decoration:none;display:inline-block}.btn:hover,.btn--primary{background:var(--red);color:var(--white)}.btn--primary:hover{background:var(--red-dark);border-color:var(--red-dark)}.menubar{height:var(--bar-h);z-index:50;background:var(--red);color:var(--white);align-items:center;gap:1.4rem;padding:0 .8rem 0 .65rem;display:flex;position:absolute;top:0;left:0;right:0}.menubar :focus-visible{outline-color:var(--white)}.menubar__app{min-width:0;color:inherit;white-space:nowrap;flex:none;align-items:center;gap:.6rem;font-size:1.07rem;font-weight:500;text-decoration:none;display:flex}.menubar__logo{flex:none;width:auto;height:30px;display:block}.menubar__home{flex:none;display:block}.menubar__right{flex:none;align-items:center;gap:.6rem;margin-left:auto;display:flex}.menubar__btn{border:1px solid var(--white);color:var(--white);font-family:var(--font-ui);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:0 0;padding:.15rem .35rem .1rem;font-size:.87rem;line-height:1.25;text-decoration:none}.menubar__btn:hover{background:var(--white);color:var(--red)}.player{flex:1;align-items:center;gap:.7rem;min-width:0;display:flex}.player__play{width:28px;height:28px;color:var(--white);background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.player__play svg{fill:currentColor;width:22px;height:22px;display:none}.player__play[data-state=play] .icon-play,.player__play[data-state=pause] .icon-pause,.player__play[data-state=replay] .icon-replay{display:block}.player__scrub{cursor:pointer;touch-action:none;flex:1;min-width:60px;height:28px;position:relative}.player__scrub:before{content:"";background:var(--white);height:5px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.player__fill{background:var(--grey-mid);pointer-events:none;width:0%;height:5px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.player__marks{pointer-events:none;position:absolute;inset:0}.player__mark{background:var(--white);width:2px;height:14px;position:absolute;top:7px;transform:translate(-1px)}.player__mark--pause{width:4px;transform:translate(-2px)}.player__thumb{background:var(--grey);pointer-events:none;border-radius:50%;width:15px;height:15px;position:absolute;top:50%;left:0%;transform:translate(-50%,-50%)}.player__info{flex-direction:column;flex:none;min-width:6.2rem;max-width:24vw;font-size:.87rem;line-height:1.2;display:flex}.player__cue{white-space:nowrap;text-overflow:ellipsis;font-style:italic;overflow:hidden}.player__time{font-variant-numeric:tabular-nums}.desktop{top:var(--bar-h);background:var(--grey);position:absolute;bottom:0;left:0;right:0;overflow:hidden}.has-sidebar .desktop{left:var(--side-w);overflow:auto}.sidebar{top:var(--bar-h);width:var(--side-w);z-index:40;background:var(--white);border-right:1px solid var(--red);border-left:1px solid var(--red);padding:1.1rem .6rem 2rem 1.1rem;font-size:.87rem;position:absolute;bottom:0;left:0;overflow-y:auto}.sidebar__empty{color:var(--text-secondary);margin:0}.tree,.tree ul{margin:0;padding:0;list-style:none}.tree ul{padding-left:.85rem}.tree__group+.tree__group{margin-top:.7rem}.tree__row{width:100%;min-height:25px;font-family:var(--font-ui);font-size:inherit;text-align:left;color:var(--text);background:0 0;border:none;align-items:center;gap:.35rem;padding:1px 0;display:flex}.tree__row:hover .tree__name{color:var(--red)}.tree__box{border:1px solid var(--red);background:var(--white);flex:none;width:9px;height:9px}.tree__row[aria-pressed=true] .tree__box,.tree__row[aria-expanded=true] .tree__box{background:var(--red)}.tree__thumb{background-position:50%;background-size:cover;flex:none;justify-content:center;align-items:center;width:22px;height:20px;display:flex}.tree__thumb--image{border:1px solid var(--red)}.tree__thumb svg{width:18px;height:18px;stroke:var(--red)}.tree__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.win{background:var(--white);border:1px solid var(--red);flex-direction:column;transition:opacity .18s;display:flex;position:absolute}.win--entering{opacity:0}.win__titlebar{border-bottom:1px solid var(--red);height:25px;color:var(--red);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex:none;align-items:center;display:flex;position:relative}.win__titlebar:active{cursor:grabbing}.win--static .win__titlebar,.win--preview .win__titlebar{cursor:inherit}.win__title{text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;padding:1px 28px 0;font-size:.87rem;overflow:hidden}.win__ctrl{width:25px;height:24px;color:var(--red);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:0}.win__ctrl svg{stroke:currentColor;fill:none;width:13px;height:13px}button.win__ctrl:hover{background:var(--red);color:var(--white)}.win__ctrl--close{right:0}.win__ctrl--max{left:0}.win--text .win__ctrl--max,.win--link .win__ctrl--max,.win--folder .win__ctrl--max{display:none}.win__body{background:var(--white);flex:1;min-height:0;position:relative;overflow:auto}.win__footer{border:none;border-top:1px solid var(--red);background:var(--white);font-family:var(--font-ui);text-align:left;color:var(--red);flex:none;padding:.25rem .6rem .2rem;font-size:.87rem}button.win__footer:hover{background:var(--red);color:var(--white)}.win__footer--static{cursor:default}.win__resize{cursor:nwse-resize;background:linear-gradient(135deg, transparent 50%, var(--red) 50%, var(--red) calc(50% + 1px), transparent calc(50% + 1px), transparent 72%, var(--red) 72%, var(--red) calc(72% + 1px), transparent calc(72% + 1px));width:14px;height:14px;position:absolute;bottom:0;right:0}.win-content{height:100%;font-family:var(--font-content);flex-direction:column;gap:.45rem;padding:.75rem .65rem .6rem;font-size:13px;font-weight:700;line-height:1.3;display:flex}.win-content__title{color:var(--text);flex:none;margin-bottom:.35rem;font-style:italic}.win-content__body{flex:1;min-height:0;display:flex;overflow:hidden}.win-content__body--image{justify-content:center;align-items:center}.win-content__image{object-fit:contain;width:100%;height:100%}.win-content__body--text{overflow-y:auto}.win-content__text{white-space:pre-wrap;width:100%;max-width:68ch;color:var(--text-content)}.win-content__body--pdf,.win-content__body--video{background:var(--grey)}.win-content__pdf{border:none;width:100%;height:100%}.win-content__video{background:#000;width:100%;height:100%}.win-content__body--link{flex-direction:column;justify-content:center;align-items:flex-start;gap:.6rem}.win-content__domain{color:var(--text-content);word-break:break-all}.win-content__open{border:1px solid var(--red);color:var(--red);font-family:var(--font-ui);letter-spacing:.04em;text-transform:uppercase;padding:.2rem .5rem .15rem;font-size:.87rem;text-decoration:none}.win-content__open:hover{background:var(--red);color:var(--white)}.win-content__caption{color:var(--text-secondary);border-top:1px solid var(--line);flex:none;padding-top:.3rem}.home-logo{pointer-events:none;width:auto;height:min(52%,460px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-stories{grid-template-rows:repeat(auto-fill,200px);grid-auto-columns:180px;grid-auto-flow:column;place-content:start;gap:18px 36px;padding:56px 42px;display:grid;position:absolute;inset:0;overflow:auto}.story{width:200px;height:200px;color:var(--text);text-align:center;border:2px solid var(--red);background:#fff;gap:1rem;padding:10px 10px 15px;text-decoration:none;display:block}.story__thumb{background:var(--white) center / cover no-repeat;height:150px;font-family:var(--font-display);color:var(--red);outline:1px solid #0000;margin-bottom:8px;font-size:5rem;line-height:1}.story__thumb--empty{outline-color:var(--red)}.story:hover{background:var(--red)}.story:hover .story__title{color:#fff}.story__title{font-weight:500}.desktop-empty{max-width:22rem;font-family:var(--font-content);color:var(--text-content);margin:0;font-size:13px;line-height:1.38;position:absolute;top:56px;left:42px}.win--about{z-index:20;width:min(420px,100% - 32px);max-height:calc(100% - 52px);top:36px;right:16px}.win--dialog{z-index:900;width:min(420px,90vw);position:fixed;top:30%;left:50%;transform:translate(-50%,-30%);box-shadow:0 0 0 100vmax #ecececcc}.new-recit-form{font-family:var(--font-ui);gap:.9rem;font-size:.93rem}.new-recit-form__label{flex-direction:column;gap:.35rem;display:flex}.new-recit-form__label input{font-family:var(--font-content);border:1px solid var(--red);color:var(--text);border-radius:0;padding:.45rem .5rem;font-size:13px}.new-recit-form__label input:focus{outline:2px solid var(--red);outline-offset:0}.new-recit-form .btn{align-self:flex-start}.win-content--finder{font-family:var(--font-ui);font-size:.87rem}.finder-grid{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));align-content:flex-start;gap:.9rem .4rem;width:100%;display:grid}.finder-empty{color:var(--text-secondary);margin:auto}.desktop-icon{-webkit-user-select:none;user-select:none;text-align:center;cursor:pointer;width:86px;font-family:var(--font-ui);flex-direction:column;align-items:center;gap:.35rem;display:flex}.desktop-icon--desktop{position:absolute}.desktop-icon__glyph{background:var(--white);border:1px solid var(--red);justify-content:center;align-items:center;width:52px;height:52px;display:flex}.desktop-icon__glyph svg{width:30px;height:30px}.desktop-icon__glyph--thumb{background-position:50%;background-size:cover}.desktop-icon:hover .desktop-icon__glyph{outline:2px solid var(--red)}.desktop-icon__label{max-width:100%;color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.87rem;line-height:1.2;display:-webkit-box;overflow:hidden}.finder-grid .desktop-icon{width:auto}.type-icon{fill:none;stroke:var(--text);stroke-width:1px}.intro-overlay{top:var(--bar-h);z-index:2000;background:var(--grey);transition:opacity .4s,visibility .4s;position:fixed;bottom:0;left:0;right:0}.intro-overlay--hidden{opacity:0;visibility:hidden;pointer-events:none}.intro-sheet{width:100%;padding:clamp(1.2rem,4vw,3rem)}.intro-sheet h1{font-family:var(--font-display);letter-spacing:-.01em;text-transform:uppercase;color:var(--red);overflow-wrap:anywhere;margin:0 0 .18em -.04em;font-size:clamp(4rem,17vw,15rem);font-weight:500;line-height:.86}.intro-subtitle{font-family:var(--font-content);max-width:34rem;color:var(--text);margin:0 0 1.4rem;font-size:15px;line-height:1.4}.intro-overlay .btn{margin-bottom:1rem;padding:.45rem .8rem .4rem;font-size:1rem}.intro-hint{margin:0;font-size:.93rem}.pause-hint{bottom:16px;left:calc(var(--side-w) + 16px);z-index:420;background:var(--red);color:var(--white);max-width:min(calc(100vw - var(--side-w) - 32px), 34rem);align-items:center;gap:1rem;padding:.6rem .7rem .6rem .8rem;display:flex;position:fixed}.pause-hint p{margin:0;font-size:.93rem;line-height:1.3}.pause-hint .btn{border-color:var(--white)}.pause-hint .btn:hover{background:var(--white);color:var(--red)}@media (width<=760px){:root{--side-w:0px}.sidebar,.player__info{display:none}.menubar{gap:.7rem}.menubar__app span{text-overflow:ellipsis;overflow:hidden}.menubar__app{flex:0 auto}.desktop--home{overflow-y:auto}.home-logo{height:180px;margin:24px auto 0;display:block;position:static;transform:none}.home-stories{grid-template-rows:none;grid-template-columns:repeat(auto-fill,138px);grid-auto-flow:row;gap:24px 16px;padding:24px 16px;position:static}.win--about{width:auto;max-height:none;margin:16px;position:static}}@media (prefers-reduced-motion:reduce){.win,.intro-overlay{transition:none!important}}
