@font-face{font-family:Caveat;src:url(/assets/caveat-bold-COZh8Cw3.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:block}:root{--bg:#e7e9ee;--ink:#5a544a;--pink:#e88aa6;--card:#fcfaf4b8}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:Hiragino Maru Gothic ProN,BIZ UDGothic,Segoe UI,system-ui,sans-serif;overflow:hidden}#stage{cursor:grab;touch-action:none;position:fixed;inset:0}html,body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}input,textarea{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}#stage.grabbing{cursor:grabbing}.panel{z-index:10;background:var(--card);-webkit-backdrop-filter:blur(10px);border:1px solid #5a544a26;border-radius:18px;max-width:270px;padding:14px 16px;position:fixed;top:16px;left:16px;box-shadow:0 8px 30px #5a544a1f}.panel h1{letter-spacing:.08em;margin-bottom:2px;font-size:13px;font-weight:700}.panel .sub{opacity:.75;margin-bottom:10px;font-size:10.5px;line-height:1.6}.row{gap:6px;display:flex}input[type=text]{min-width:0;color:var(--ink);background:#ffffffbf;border:1.5px solid #5a544a40;border-radius:10px;outline:none;flex:1;padding:7px 10px;font-family:inherit;font-size:14px;font-weight:700}input[type=text]:focus{border-color:var(--pink)}button{cursor:pointer;color:#fff;background:var(--pink);white-space:nowrap;border:none;border-radius:10px;padding:7px 12px;font-family:inherit;font-size:12px;font-weight:700;transition:transform .12s,filter .12s}button:hover{filter:brightness(1.05)}button:active{transform:scale(.95)}button:disabled{opacity:.4;cursor:default}#air,#trans{background:#a89f8f;width:100%;margin-top:8px}.hint{z-index:10;letter-spacing:.05em;opacity:.6;white-space:nowrap;background:var(--card);border:1px solid #5a544a1f;border-radius:999px;padding:6px 14px;font-size:11px;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}:root{--vig:.16;--grain:.05}#fx{pointer-events:none;z-index:5;background:radial-gradient(ellipse 90% 90% at 50% 48%, transparent 55%, rgba(58,50,40,var(--vig)) 100%);position:fixed;inset:0}#fx:after{content:"";opacity:var(--grain);mix-blend-mode:overlay;background-image:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"180\" height=\"180\"><filter id=\"n\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"0.9\" numOctaves=\"2\" stitchTiles=\"stitch\"/><feColorMatrix type=\"saturate\" values=\"0\"/></filter><rect width=\"180\" height=\"180\" filter=\"url(%23n)\"/></svg>");background-size:180px 180px;position:absolute;inset:0}.panel,.hint{display:none}:root.editable .panel,:root.editable .hint{display:block}#fallback[hidden]{display:none}#fallback{text-align:center;place-items:center;padding:24px;font-size:14px;line-height:1.8;display:grid;position:fixed;inset:0}@media (width<=520px){.panel{max-width:210px}.hint{font-size:10px}}:root{--work-ink:#3d3b4a;--work-sub:#817f8e}.works{z-index:10;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));flex-wrap:wrap;gap:6px 20px;display:flex;position:fixed}.work{color:var(--work-ink);-webkit-font-smoothing:antialiased;border-radius:18px;align-items:center;gap:10px;padding:4px 14px 4px 4px;font-family:ui-rounded,SF Pro Rounded,Hiragino Maru Gothic ProN,BIZ UDGothic,system-ui,sans-serif;text-decoration:none;display:flex}.works button.work{font-size:inherit;text-align:left;white-space:normal;cursor:pointer;background:0 0;border:0;transition:none}.works .work:hover{filter:none}.works .work:active{transform:none}.work-mark{flex:none;width:56px;height:56px;position:relative}.work-mark svg{width:40px;height:40px;fill:var(--work-ink);transition:opacity .45s;position:absolute;inset:8px}.work-mark.is-3d svg{opacity:0}.work-text{flex-direction:column;gap:3px;line-height:1.2;display:flex}.work-name{letter-spacing:.005em;font-size:15px;font-weight:650}.work-arrow{margin-left:.28em;font-size:.8em;font-weight:500;transition:transform .25s;display:inline-block}.work-desc{color:var(--work-sub);letter-spacing:.01em;font-size:12px;font-weight:500}.work:hover .work-arrow,.work:focus-visible .work-arrow{transform:translate(2px,-2px)}.work-play{vertical-align:.04em;fill:currentColor;width:.6em;height:.6em;margin-left:.42em;transition:transform .25s;display:inline-block}.work:hover .work-play,.work:focus-visible .work-play{transform:translate(2px)}.work-tag,.film-status{letter-spacing:.02em;color:var(--work-sub);border:1px dashed;border-radius:999px;align-items:center;gap:.4em;padding:2px 8px 2px 7px;font-size:10.5px;font-weight:600;line-height:1.3;display:inline-flex}.work-tag{vertical-align:.14em;margin-left:.6em}.work-tag .work-play{vertical-align:0;width:.72em;height:.72em;margin-left:0}.work:focus-visible{outline:2px solid var(--work-ink);outline-offset:1px}@media (prefers-reduced-motion:reduce){.work-arrow,.work-play,.work-mark svg{transition:none}}@media (width<=520px){.work-mark{width:48px;height:48px}.work-mark svg{width:34px;height:34px;inset:7px}:root.editable .hint{bottom:78px}}.lang{z-index:10;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));-webkit-font-smoothing:antialiased;gap:2px;font-family:ui-rounded,SF Pro Rounded,Hiragino Maru Gothic ProN,BIZ UDGothic,system-ui,sans-serif;display:flex;position:fixed}.lang a{text-align:center;letter-spacing:.01em;min-width:38px;color:var(--work-sub);border-radius:999px;padding:7px 10px;font-size:12.5px;font-weight:600;line-height:1.3;text-decoration:none;transition:color .15s,background .15s}.lang a:hover{color:var(--work-ink)}.lang a[aria-current]{color:var(--work-ink);cursor:default;background:#3d3b4a12}.lang a:focus-visible{outline:2px solid var(--work-ink);outline-offset:1px}.film{color:var(--work-ink);-webkit-font-smoothing:antialiased;background:0 0;border:0;outline:none;max-width:none;max-height:none;margin:auto;padding:0;font-family:ui-rounded,SF Pro Rounded,Hiragino Maru Gothic ProN,BIZ UDGothic,system-ui,sans-serif;overflow:visible}.film::backdrop{-webkit-backdrop-filter:blur(18px)saturate(1.05);backdrop-filter:blur(18px)saturate(1.05);background:#e7e9ee8c}.film-box{background:#f6f7fa;border-radius:24px;width:min(960px,100vw - 32px,177.778dvh - 444.444px);max-height:calc(100dvh - 24px);padding:10px;position:relative;overflow:auto;box-shadow:inset 0 1px #ffffffe6,0 0 0 1px #3d3b4a12,0 30px 80px -24px #3d3b4a66}.film-frame{aspect-ratio:16/9;background:#1d1c25;border-radius:16px;overflow:hidden}.film-video{object-fit:cover;width:100%;height:100%;display:block}.film-text{grid-template-columns:1fr auto;align-items:center;gap:8px 12px;padding:14px 4px 8px 12px;display:grid}.film-text>p{grid-column:1/-1;max-width:64ch}.film-text>.film-meta{grid-column:1}.film-meta{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.film-title{letter-spacing:.01em;font-size:20px;font-weight:800}.film-for{color:var(--work-sub);font-size:12px;font-weight:600}.film-lead{font-size:15px;font-weight:700}.film-body{color:#5b5968;font-size:13.5px;font-weight:500;line-height:1.7}.film-stack{color:var(--work-sub);font-size:12px;font-weight:500}.film-status{align-self:center}.film-note{color:#5b5968;border-top:1px dashed #3d3b4a40;margin-top:4px;padding-top:12px;font-size:12.5px;font-weight:500;line-height:1.7}.film .film-close{width:34px;height:34px;color:var(--work-ink);box-shadow:none;background:#3d3b4a12;border-radius:50%;align-self:start;place-items:center;padding:0;transition:background .15s;display:grid}.film .film-close:hover{filter:none;background:#3d3b4a21}.film-close svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:12px;height:12px}.film-close:focus-visible{outline:2px solid var(--work-ink);outline-offset:2px}@media (width<=520px){.film-box{border-radius:20px;width:calc(100vw - 20px);padding:6px}.film-frame{border-radius:14px}}@media (height<=560px){.film-box{width:min(960px,100vw - 32px,177.778dvh - 135.111px)}}