.site-header nav button{background:none;border:0;padding:0;font:inherit;cursor:pointer;color:inherit}.hidden-art{display:none}.work-art.has-cover{aspect-ratio:1;background:#eee;overflow:hidden}.work-art.has-cover img{width:100%;height:100%;object-fit:contain;display:block}.detail-cover{width:160px;max-width:45%;display:block;margin-bottom:24px;border-radius:4px}.about-fox{width:190px;display:block;margin:0 auto 20px;mix-blend-mode:multiply}.note-body{white-space:pre-wrap;line-height:1.9;overflow-wrap:anywhere}.personal-note{border-top:1px solid #ddd;margin-top:20px;padding-top:20px}.note-label{margin-top:32px}.source-link{font-size:14px}#owner-button,.edit-note,dialog form button{font:inherit;cursor:pointer;border:1px solid #222;border-radius:30px;padding:10px 18px;background:#fff;color:#191919}#owner-button{font-size:12px;opacity:.65}dialog form label{display:block;margin:18px 0;font-size:14px}dialog form input,dialog form textarea{box-sizing:border-box;display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #bbb;border-radius:8px;background:#fff;color:#191919;font:inherit}dialog form textarea{resize:vertical}dialog form button[type=submit]{background:#191919;color:white}.form-error{color:#a12727;font-size:14px}.save-hint{font-size:13px;opacity:.7}footer.shell{justify-content:flex-end;padding-top:24px;padding-bottom:30px}
.category-page .hero{display:none}.category-page .filters{display:none}.category-page .work-section{min-height:65vh;padding-top:48px}#category-back{display:inline-block;margin-bottom:32px;font-size:14px}#category-back[hidden]{display:none}.demo-player{grid-column:1/-1;max-width:640px;width:100%;margin:12px auto 50px;text-align:center}.cassette-drawing{position:relative}.cassette-drawing svg{width:100%;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.cassette-drawing>span{position:absolute;top:15%;left:0;width:100%;font-size:12px;letter-spacing:3px}.transport{display:flex;justify-content:center;gap:18px;margin:25px 0}.transport button{width:54px;height:54px;border:1.5px solid #191919;border-radius:50%;background:#fafafa;font-size:22px;cursor:pointer}.transport button:disabled{opacity:.3;cursor:default}.demo-player>p{font-size:14px;color:#666}.category-page .section-heading{margin-top:16px}
.demo-shelf{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:100%;padding:8px 4px 25px}.demo-slot{position:relative;background:#fafafa;color:#191919;border:0;text-align:left;cursor:pointer;font:inherit;padding:0 6px 20px}.demo-slot .cassette-drawing{display:block;transform:rotate(-2deg);transition:transform .2s}.demo-slot:nth-child(2) .cassette-drawing{transform:rotate(2deg)}.demo-slot:hover .cassette-drawing{transform:rotate(0) translateY(-4px)}.demo-slot .cassette-drawing>span{font-size:9px;letter-spacing:1px;top:17%}.demo-slot h3{font-size:18px;margin:12px 0 8px}.demo-slot p{font-size:13px;color:#777}.slot-play{position:absolute;right:8px;bottom:25px;border:1px solid;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:12px}@media(max-width:650px){.demo-shelf{grid-template-columns:repeat(3,240px);overflow-x:auto;scroll-snap-type:x mandatory;gap:16px}.demo-slot{scroll-snap-align:start}}
.filters{display:none}.category-preview{grid-column:1/-1;min-width:0;margin-bottom:36px}.preview-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ccc;padding:24px 0}.preview-heading h3{font-size:25px;margin:0}.preview-heading button{font:inherit;font-size:13px;background:none;border:0;border-bottom:1px solid #191919;padding:8px 0;cursor:pointer;color:inherit}.mini-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.mini-empty{display:flex;align-items:center;gap:24px;min-height:140px;color:#666}.mini-empty svg{width:110px;fill:none;stroke:#222;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media(max-width:650px){.mini-cards{grid-template-columns:repeat(3,200px);overflow-x:auto;padding-bottom:20px;gap:16px}.mini-cards .work-card h3{font-size:17px}}
.external-links{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;width:100%}.external-card{display:block;border:2px solid #222;border-radius:4px 10px 3px 8px;padding:28px 22px;text-decoration:none;color:inherit;box-shadow:4px 4px 0 #222}.external-card>span{float:right}.external-card h3{font-size:20px}.external-card small{color:#777;overflow-wrap:anywhere}[data-edit-links]{padding:15px;background:transparent;border:1px dashed #aaa;border-radius:8px;cursor:pointer;font:inherit;color:inherit}#links-form fieldset{border:1px solid #ddd;border-radius:8px;margin:20px 0;padding:12px}
.filters{display:flex}.category-page .filters{display:none}.preview-page-link{grid-column:1/-1;justify-content:flex-end;border:0;padding:0;margin-bottom:0}
.demo-shelf{display:flex;flex-direction:column;gap:28px;overflow:visible;max-width:780px;margin:0 auto;scroll-snap-type:none}.demo-slot{width:100%;display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(150px,1fr);grid-template-rows:auto auto;column-gap:32px;align-items:center;border-bottom:1px solid #ddd;padding:8px 16px 24px}.demo-slot .cassette-drawing{grid-row:1/3;transform:rotate(-1deg)}.demo-slot:nth-child(2) .cassette-drawing{transform:rotate(1deg)}.demo-slot h3{align-self:end;margin:0 0 12px}.demo-slot p{align-self:start;margin:0 0 42px}.slot-play{right:25px;bottom:34px}.demo-slot .cassette-drawing>span{font-size:12px;letter-spacing:2px}@media(max-width:540px){.demo-slot{grid-template-columns:minmax(130px,1.2fr) minmax(100px,1fr);gap:12px;padding:8px 0 22px}.demo-slot h3{font-size:16px}.demo-slot p{font-size:12px}.demo-slot .cassette-drawing>span{font-size:8px;letter-spacing:1px}.slot-play{right:6px;bottom:24px}}
.cassette-stack{grid-column:1/-1;display:flex;flex-direction:column;gap:28px;width:100%;max-width:850px;margin:0 auto}.cassette-box{border:2px solid #222;border-radius:14px 19px 12px 16px;background:#fafafa;box-shadow:5px 5px 0 #222;padding:25px 40px 18px;min-width:0}.cassette-heading{display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px}.cassette-centered{max-width:370px;width:75%;margin:15px auto 0}.cassette-centered svg{display:block;width:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cassette-box h3{text-align:center;font-size:17px;margin:6px 0 20px}.cassette-controls{display:flex;justify-content:center;gap:16px}.cassette-controls button{width:44px;height:44px;display:grid;place-items:center;border:1.5px solid #222;border-radius:50%;font:inherit;font-size:17px;background:#fafafa;color:#222;cursor:pointer}.cassette-controls button:disabled{opacity:.35;cursor:default}.cassette-timeline{display:flex;align-items:center;gap:14px;max-width:620px;margin:22px auto 0}.cassette-timeline time{font:12px monospace;color:#777}.cassette-timeline input{min-width:0;flex:1;accent-color:#222;cursor:pointer}.cassette-status{font-size:12px;text-align:center;color:#777;min-height:18px;margin:15px 0 0}.cassette-box.is-playing [data-play]{background:#222;color:#fff}@media(max-width:540px){.cassette-box{padding:22px 18px 16px}.cassette-centered{width:88%;max-width:300px}.cassette-stack{gap:22px}.cassette-heading{font-size:10px;letter-spacing:1px}}
.cassette-stack{max-width:700px;gap:22px}.cassette-box{padding:18px 28px 12px}.cassette-centered{max-width:230px;margin:4px auto 0}.cassette-box h3{font-size:15px;margin:0 0 12px}.cassette-controls button{width:36px;height:36px;font-size:14px}.cassette-timeline{margin-top:14px}.cassette-status{margin-top:9px}.tape-reel{animation:tape-turn 2.2s linear infinite;animation-play-state:paused;transform-origin:0 0}.is-playing .tape-reel{animation-play-state:running}@keyframes tape-turn{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.tape-reel{animation:none}}.external-links.linktree-list{display:flex;flex-direction:column;max-width:700px;margin:0 auto;gap:14px}.linktree-list .external-card{font:inherit;text-align:left;background:#fafafa;padding:20px 24px;border-radius:8px 12px 9px 10px;box-shadow:3px 3px 0 #222;cursor:pointer}.linktree-list .external-card h3{font-size:18px;margin:0 0 7px}.linktree-list .pending-link{opacity:.55;cursor:default;box-shadow:none;border-style:dashed}.pending-link>span{font-size:11px}.linktree-list .about-link{color:inherit}.linktree-list .external-card:hover:not(.pending-link){background:#f0f0f0}@media(max-width:540px){.cassette-box{padding:16px 18px 10px}.cassette-centered{max-width:205px}.linktree-list .external-card{padding:17px 19px}}
.cassette-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;width:100%;gap:22px;padding:4px 6px 10px}.cassette-box{padding:18px 16px 12px}.cassette-centered{width:100%;max-width:230px}.cassette-box h3{font-size:14px}.cassette-heading{font-size:9px;letter-spacing:1px}.cassette-timeline{gap:8px}.cassette-status{font-size:11px}@media(max-width:850px){.cassette-stack{grid-template-columns:repeat(3,280px);overflow-x:auto;scroll-snap-type:x mandatory}.cassette-box{scroll-snap-align:start}}
.room-door{width:21px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.room-arrived .room-door{animation:room-arrival .65s .2s both}@keyframes room-arrival{0%{transform:translateY(-25px) rotate(-8deg);opacity:0}65%{transform:translateY(3px) rotate(3deg);opacity:1}85%{transform:translateY(-2px) rotate(-1deg)}100%{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.room-arrived .room-door{animation:none}}
.cassette-stack{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:650px){.cassette-stack{grid-template-columns:repeat(2,280px)}}
.about-dedicated{grid-column:1/-1;width:100%;max-width:740px;margin:0 auto 70px}.about-dedicated .about-fox{width:220px;margin:0 auto 30px}.about-dedicated .note-body{font-size:17px;line-height:2}.about-dedicated .personal-note{padding-top:30px}.about-dedicated h3{font-size:26px}@media(max-width:540px){.about-dedicated .note-body{font-size:15px}.about-dedicated .about-fox{width:170px}.site-header nav{display:flex;margin-left:auto;gap:8px}.site-header nav>a{display:none}.site-header nav button{font-size:11px}.site-header .room-link{gap:5px;padding:8px}.site-header .room-door{width:15px}}
.cassette-year{font-size:12px;color:var(--muted);text-align:center;margin:6px 0 0;letter-spacing:1px}
.essay-shelf{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;width:100%;padding:12px 5px 24px}.essay-notebook{min-width:0;transform:rotate(-1deg)}.essay-notebook:nth-child(3n+2){transform:rotate(1.4deg)}.essay-notebook:nth-child(3n){transform:rotate(-.6deg)}.essay-cover{display:block;position:relative;width:100%;text-align:left;aspect-ratio:240/270;transition:transform .18s}.essay-cover:hover{transform:translateY(-5px)}.essay-cover svg{width:100%;height:100%;fill:var(--paper);stroke:var(--ink);stroke-width:2.5}.essay-cover h3{position:absolute;left:28%;right:16%;top:37%;font-size:clamp(17px,1.8vw,25px);line-height:1.45;letter-spacing:-.7px;word-break:keep-all}.essay-number{position:absolute;top:20%;left:29%;font-size:9px;letter-spacing:1.3px}.essay-open{position:absolute;bottom:16%;left:30%;font-size:11px}.essay-blank{opacity:.35}.essay-empty-label{position:absolute;left:29%;right:13%;top:44%;font-size:13px}.essay-toolbar{grid-column:1/-1;display:flex;justify-content:flex-end;gap:16px}.essay-toolbar button,.essay-actions button{border:1px solid var(--ink);border-radius:14px;padding:8px 14px;font-size:12px}.essay-actions{display:flex;gap:8px;justify-content:center;margin:12px 0}.essay-reading{grid-column:1/-1;max-width:720px;width:100%;margin:0 auto 60px}.essay-back{display:inline-block;font-size:13px;margin-bottom:45px}.essay-reading h1{font-size:clamp(28px,4vw,42px);line-height:1.35;margin:0 0 36px;letter-spacing:-1.5px}.essay-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:2;font-size:17px}.essay-reading .essay-actions{justify-content:flex-start;margin-top:35px}.room-link[aria-disabled=true]{opacity:.5;cursor:default}.room-link[aria-disabled=true]:hover{background:none;color:inherit}@media(max-width:760px){.essay-shelf{gap:15px;grid-template-columns:repeat(2,minmax(0,1fr))}.essay-cover h3{font-size:18px}}@media(max-width:440px){.essay-shelf{grid-template-columns:1fr;max-width:300px;margin:auto}.essay-cover h3{font-size:23px}.essay-body{font-size:15px}}
.has-global-player{padding-bottom:115px}.global-player{position:fixed;bottom:0;left:0;right:0;z-index:70;background:#191919;color:#fafafa;display:flex;align-items:center;gap:24px;padding:16px max(24px,calc((100vw - 1144px)/2));border-top:2px solid #fafafa;box-shadow:0 -4px 20px #0002}.global-track{min-width:160px}.global-track small{display:block;font-size:8px;letter-spacing:2px;margin-bottom:6px}.global-track strong{font-size:14px}.global-player button{border:1px solid #fafafa;border-radius:50%;width:40px;height:40px;color:inherit;flex-shrink:0}.global-timeline{display:flex;align-items:center;gap:12px;flex:1}.global-timeline input{flex:1;min-width:50px;accent-color:#fff}.global-timeline time{font:11px monospace}.global-player [role=status]{font-size:11px}@media(max-width:600px){.global-player{flex-wrap:wrap;gap:10px;padding:12px 22px calc(12px + env(safe-area-inset-bottom))}.global-track{flex:1}.global-timeline{flex-basis:100%}.has-global-player{padding-bottom:150px}}
.shelf-piece .category-caption,.sleeve-cover .category-caption{font-family:Pretendard,Arial,sans-serif;font-size:10px;font-weight:400;line-height:1.4;letter-spacing:0}
.about-tabs{display:flex;border-bottom:1px solid var(--line);margin:0 0 30px}.about-tabs button{flex:1;padding:16px;font-size:16px;letter-spacing:1px;color:var(--muted);border-bottom:2px solid transparent}.about-tabs [aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink);font-weight:700}.about-tabs+div .personal-note{border-top:0;padding-top:0}
.about-dedicated .personal-note h3{margin-bottom:2em}
.essay-post-footer{display:flex;align-items:center;border-top:1px solid #e5e5e5;margin:0 20px;padding:10px 0}.essay-heart{display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:#222;cursor:pointer}.essay-heart svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}.essay-heart[aria-pressed=true] svg{fill:currentColor}.essay-reading>.essay-post-footer{margin:28px 0 0}.essay-heart:focus-visible{outline:2px solid #222;outline-offset:2px}
.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}
#owner-button[hidden]{display:none!important}
#work-grid .essay-posts{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;padding:12px 4px 26px;align-items:start}
#work-grid .essay-post{border:1px solid #c9c7c1;border-radius:2px;background:#fffefb;box-shadow:2px 3px 0 #eeeae3,4px 6px 0 -1px #fffefb,4px 6px 0 #dedbd4;overflow:visible;isolation:isolate}
#work-grid .essay-post-top{margin:0 22px;border-bottom:1px solid #d9d5cd;color:#8a857b;letter-spacing:1.4px;font-size:9px;padding:17px 0 13px}
#work-grid .essay-post-link{text-align:left;padding:12px 23px;background:repeating-linear-gradient(transparent 0 27px,#efede71a 27px 28px)}
#work-grid .essay-post-link svg{margin:0 0 7px;width:68px;height:68px;stroke:#49463f;stroke-width:1.6}
#work-grid .essay-post-link h3{font-size:20px;font-weight:650;letter-spacing:-.65px;line-height:1.45;margin:7px 0 10px}
#work-grid .essay-post-link p{font-size:13px;color:#817a70;line-height:1.8}
#work-grid .essay-post-footer{justify-content:space-between;margin:0 17px;border-top:1px solid #e8e4dc;padding:4px 0;position:relative}
.essay-placeholder-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#b0aca3;padding-bottom:30px}.essay-placeholder-body svg{width:65px;height:65px;fill:none;stroke:currentColor;stroke-width:1.5}.essay-placeholder-body h3{font-size:14px;font-weight:400;letter-spacing:2px}
.essay-reaction,.essay-more{position:relative}.essay-reaction summary,.essay-more summary{list-style:none;display:grid;place-items:center;width:44px;height:40px;cursor:pointer;color:#837e74;border-radius:8px}.essay-reaction summary::-webkit-details-marker,.essay-more summary::-webkit-details-marker{display:none}.essay-more summary{font-size:24px;letter-spacing:2px}.essay-reaction svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.essay-reaction .selected{color:#27241f;background:#eeebe4}.reaction-options,.essay-more>div{position:absolute;bottom:calc(100% + 8px);left:0;display:flex;gap:3px;background:#fffefb;padding:7px;border:1px solid #d3cfc6;border-radius:12px;box-shadow:0 7px 22px #00000015;z-index:5}.reaction-options button{display:grid;place-items:center;width:38px;height:38px;border:0;background:transparent;color:#6e695f;border-radius:8px;cursor:pointer}.reaction-options button:hover,.reaction-options button[aria-pressed=true]{background:#ebe7de;color:#171717}.essay-more>div{left:auto;right:0;flex-direction:column;min-width:120px}.essay-more>div a,.essay-more>div button{font:inherit;font-size:13px;border:0;background:none;padding:10px;text-align:left;white-space:nowrap;color:#292723}.reaction-error{position:absolute;bottom:100%;left:0;font-size:11px;background:white;min-width:150px}.reaction-error:empty{display:none}.essay-reaction summary:focus-visible,.essay-more summary:focus-visible{outline:2px solid #777;outline-offset:2px}
@media(max-width:800px){#work-grid .essay-posts{grid-template-columns:repeat(3,minmax(270px,1fr));overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:24px}#work-grid .essay-post{scroll-snap-align:start}}
.essay-posts>.essay-post{aspect-ratio:1;display:flex;flex-direction:column;box-sizing:border-box;min-height:0}.essay-posts .essay-post-top{flex:none;padding:13px 0}.essay-posts .essay-post-link{flex:1;min-height:0;overflow:hidden;padding:12px 20px}.essay-posts .essay-post-link svg{width:64px;height:64px;margin:0 auto 8px}.essay-posts .essay-post-link h3{font-size:18px;margin:8px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.essay-posts .essay-post-link p{margin:8px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6}.essay-posts .essay-read-arrow{position:absolute;right:16px;top:12px;margin:0}.essay-posts .essay-post-footer{flex:none;padding:2px 0}.essay-posts .essay-actions{flex:none;margin:4px 0}
.essay-posts{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;width:100%}.essay-post{min-width:0;position:relative;border:2px solid #222;border-radius:7px 16px 8px 13px;background:#fff;box-shadow:4px 5px 0 #e3e3e3;overflow:hidden}.essay-post-top{display:flex;justify-content:space-between;margin:0 20px;padding:17px 0;border-bottom:1px dashed #ccc;font-size:11px;letter-spacing:1px}.essay-post-link{display:block;position:relative;padding:18px 24px 24px;text-align:center;color:inherit;text-decoration:none}.essay-post-link svg{display:block;width:90px;height:90px;margin:0 auto 12px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.essay-post-link h3{font-size:19px;margin:12px 0;line-height:1.5;word-break:keep-all}.essay-post-link p{font-size:14px;line-height:1.8;color:#666;white-space:pre-line;overflow-wrap:anywhere}.essay-read-arrow{display:block;text-align:right;margin-top:15px;font-size:22px}.essay-lp{position:absolute;right:18px;top:25px;width:30px;height:30px;border:8px double #222;border-radius:50%;opacity:.12}.essay-post-link:hover{background:#f7f7f7}.essay-popup{width:min(690px,94vw);max-height:88dvh;padding:30px!important;border:2px solid #222!important;border-radius:9px 19px 10px 15px!important}.essay-popup-author{display:flex;align-items:center;gap:12px;padding:0 40px 20px 0;border-bottom:1px solid #ddd;margin-bottom:30px}.essay-popup-author small{color:#777;font-size:10px;letter-spacing:2px}.essay-avatar{width:38px;height:38px;display:grid;place-items:center;border:2px solid;border-radius:44% 49% 42% 46%;font-weight:800}.essay-popup .essay-back,.essay-popup .eyebrow{display:none}.essay-popup .essay-reading{margin:0;max-width:none}.essay-popup .essay-reading h1{font-size:28px;letter-spacing:-1px}.essay-popup .essay-body{font-size:16px;line-height:1.95}.essay-popup .close-dialog{position:sticky;top:0;float:right;z-index:1;background:#fff}.essay-popup::backdrop{background:rgb(0 0 0 / .55)}@media(max-width:760px){.essay-posts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.essay-posts{grid-template-columns:1fr}.essay-popup{padding:22px!important}.essay-popup .essay-reading h1{font-size:24px}.essay-popup .essay-body{font-size:15px}}