/* DAiKi shared design layer: additive, existing Nuxt/3D content unchanged. */
#daiki-fidelity-webgl{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:8;opacity:.24;mix-blend-mode:screen;transition:opacity .7s ease}
body[data-daiki-motion="full"] #daiki-fidelity-webgl,body[data-daiki-motion="home"] #daiki-fidelity-webgl{opacity:.09;z-index:15}
body[data-daiki-motion="todos"] #daiki-fidelity-webgl{z-index:0;opacity:.38}
body[data-daiki-motion="todos"]>.top,body[data-daiki-motion="todos"]>h1,body[data-daiki-motion="todos"]>.intro,body[data-daiki-motion="todos"]>.list,body[data-daiki-motion="todos"]>.note{position:relative;z-index:1}
body[data-daiki-motion="todos"] .item{position:relative;isolation:isolate;transition:transform .52s cubic-bezier(.22,1,.36,1),background .4s,border-color .4s;will-change:transform}
body[data-daiki-motion="todos"] .item:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.07),transparent 75%);opacity:0;transform:scaleX(.1);transform-origin:left center;transition:opacity .35s,transform .65s cubic-bezier(.22,1,.36,1);pointer-events:none;z-index:-1}
body[data-daiki-motion="todos"] .item:hover,body[data-daiki-motion="todos"] .item.daiki-active{transform:translateX(min(1vw,12px));border-color:rgba(255,255,255,.9)}
body[data-daiki-motion="todos"] .item:hover:before,body[data-daiki-motion="todos"] .item.daiki-active:before{opacity:1;transform:scaleX(1)}
body[data-daiki-motion="todos"] .item h2 a{display:inline-block;transition:letter-spacing .45s cubic-bezier(.22,1,.36,1)}
body[data-daiki-motion="todos"] .item:hover h2 a{letter-spacing:.015em}
.daiki-scroll-preview{position:fixed;bottom:25px;right:3vw;width:min(26vw,340px);z-index:35;pointer-events:none;background:rgba(14,14,14,.87);border:1px solid rgba(255,255,255,.3);border-radius:16px;padding:7px;overflow:hidden;box-shadow:0 20px 60px #0009;transform:translateY(24px) rotate(2deg) scale(.93);opacity:0;transition:opacity .45s,transform .65s cubic-bezier(.22,1,.36,1);backdrop-filter:blur(24px)}
.daiki-scroll-preview.daiki-visible{opacity:1;transform:translateY(0) rotate(0) scale(1)}
.daiki-scroll-preview img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#090909;border-radius:11px}
.daiki-scroll-preview figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;font:500 11px/1.4 Arial,sans-serif;letter-spacing:.07em;color:#eee;text-transform:uppercase;padding:9px 8px 6px}
.daiki-hover-preview{position:fixed;top:0;left:0;z-index:99;pointer-events:none;width:clamp(190px,19vw,310px);border-radius:12px;overflow:hidden;opacity:0;transform:translate3d(var(--mx,0px),var(--my,0px),0) scale(.8) rotate(-5deg);transform-origin:center;transition:opacity .18s,transform .32s cubic-bezier(.22,1,.36,1);filter:drop-shadow(0 20px 35px #000b);background:rgba(10,10,10,.92);border:1px solid #ffffff33}
.daiki-hover-preview.daiki-show{opacity:1;transform:translate3d(var(--mx,0px),var(--my,0px),0) scale(1) rotate(-1deg)}
.daiki-hover-preview img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;display:block;background:#181818}
.daiki-hover-preview span{display:block;color:#fff;font:500 11px/1.4 Arial,sans-serif;padding:10px 12px;text-transform:uppercase;letter-spacing:.07em}
.daiki-setup-mark{position:fixed;left:clamp(16px,3vw,44px);bottom:24px;z-index:48;display:flex;align-items:center;justify-content:center;width:clamp(46px,5.8vw,88px);aspect-ratio:1;border:1px solid #ffffff65;border-radius:50%;background:rgba(9,9,9,.65);box-shadow:0 0 40px #ffffff0b,0 10px 40px #0008;backdrop-filter:blur(18px);transform:translateY(80px) scale(.12) rotate(-24deg);opacity:0;animation:daiki-grow-in 1.35s cubic-bezier(.12,1,.3,1) .45s forwards;transition:box-shadow .4s,width .6s,transform .7s cubic-bezier(.22,1,.36,1);overflow:hidden}
.daiki-setup-mark img{display:block;max-width:79%;max-height:79%;object-fit:contain;filter:drop-shadow(0 0 8px #fff7)}
.daiki-setup-mark:hover,.daiki-setup-mark:focus-visible{width:clamp(66px,8.5vw,132px)!important;transform:rotate(6deg) scale(1.07)!important;box-shadow:0 0 60px #ffffff33}
@keyframes daiki-grow-in{0%{transform:translateY(80px) scale(.12) rotate(-24deg);opacity:0}65%{opacity:1}100%{transform:translateY(0) scale(1) rotate(0);opacity:1}}
body[data-daiki-motion="media"] .grid img,body[data-daiki-motion="media"] .grid video{transition:transform .9s cubic-bezier(.22,1,.36,1),filter .8s,opacity .75s;transform-origin:center;filter:saturate(.9)}
body[data-daiki-motion="media"] .grid img:hover{transform:scale(1.025);filter:saturate(1.1) brightness(1.05)}
body[data-daiki-motion="media"] .grid img{cursor:zoom-in}
body[data-daiki-motion="media"] .daiki-media-reveal:not(.daiki-inview){transform:translateY(28px) scale(.97);opacity:.65}
body[data-daiki-motion="media"] .daiki-media-reveal.daiki-inview{transform:translateY(0) scale(1);opacity:1}
body[data-daiki-motion="media"] .daiki-video-shell{border-radius:16px;border:1px solid #ffffff28;box-shadow:0 17px 65px #0009;transition:border-color .3s,transform .6s}
body[data-daiki-motion="media"] .daiki-video-shell:hover{border-color:#ffffff88;transform:scale(1.006)}
.daiki-lightbox{position:fixed;inset:0;z-index:12000;background:rgba(3,3,3,.94);backdrop-filter:blur(23px);display:none;align-items:center;justify-content:center;flex-direction:column;padding:4vw}
.daiki-lightbox[aria-hidden="false"]{display:flex;animation:daiki-lightbox-in .3s both}
@keyframes daiki-lightbox-in{from{opacity:0}to{opacity:1}}
.daiki-lightbox img{display:block;max-width:min(94vw,1600px);max-height:79vh;object-fit:contain;box-shadow:0 18px 80px #000e;animation:daiki-grow-in .6s cubic-bezier(.22,1,.36,1) both}
.daiki-lightbox figcaption{color:#ccc;font:500 13px Arial,sans-serif;letter-spacing:.05em;margin-top:1rem}
.daiki-lightbox button{position:absolute;background:#161616aa;color:#fff;border:1px solid #ffffff77;border-radius:50%;width:44px;height:44px;cursor:pointer;font-size:21px;display:grid;place-items:center}
.daiki-lightbox button[data-action="close"]{right:5vw;top:4vh}.daiki-lightbox button[data-action="prev"]{left:3vw;top:50%}.daiki-lightbox button[data-action="next"]{right:3vw;top:50%}
@media(max-width:720px){.daiki-scroll-preview,.daiki-hover-preview{display:none!important}.daiki-setup-mark{left:16px;bottom:14px;width:48px}#daiki-fidelity-webgl{opacity:.14!important}body[data-daiki-motion="todos"] .item:hover,body[data-daiki-motion="todos"] .item.daiki-active{transform:none}.daiki-inline-preview{grid-column:2 / -1;overflow:hidden;border-radius:9px;max-height:0;opacity:0;transition:max-height .5s,opacity .5s}.item.daiki-active .daiki-inline-preview{max-height:220px;opacity:1}.daiki-inline-preview img{width:100%;max-height:180px;object-fit:contain;background:#111;display:block}.daiki-lightbox{padding:14px}.daiki-lightbox img{max-height:78vh}}
@media(prefers-reduced-motion:reduce){#daiki-fidelity-webgl{display:none}.daiki-setup-mark{animation:none;opacity:1;transform:none}.daiki-media-reveal,.daiki-media-reveal:not(.daiki-inview),.daiki-scroll-preview,.daiki-hover-preview{animation:none;transition:none}}