:root{--color-page: #120718;--color-text: #f5eef8;--color-muted: #efe0ee;--color-warm: #fff4d8;--color-accent: #90e1d7;--color-sky: #d9f3ff;--color-ink: #0c0512;--surface-hero-copy: linear-gradient(145deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .025)), rgba(12, 5, 18, .32);--border-hero-copy: rgba(255, 255, 255, .09);--shadow-hero-copy: 0 18px 54px rgba(0, 0, 0, .18), inset 0 0 26px rgba(144, 225, 215, .035);--space-title-card: 34px;--radius-card: 8px;color:var(--color-text);background:var(--color-page);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit}.shell{min-height:100vh;background:linear-gradient(180deg,#1207182e,#12071885),url(/media/backgrounds/kakera.png) center / cover no-repeat fixed,radial-gradient(circle at 88% 18%,rgba(87,190,178,.16),transparent 26rem),#120718}.site-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;width:min(1120px,calc(100% - 32px));margin:0 auto;padding:18px 0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand,.site-nav a,.back-link{text-decoration:none}.brand{display:inline-flex;gap:10px;align-items:center;font-weight:750}.brand-mark{width:16px;height:16px;background:linear-gradient(135deg,#f3e9ff,#70ddd0 45%,#f1b36b);clip-path:polygon(50% 0,100% 34%,76% 100%,18% 82%,0 24%)}.site-nav{display:flex;gap:16px;color:#d9c6df;font-size:.94rem}.fragment-stage{position:relative;min-height:calc(100vh - 64px);padding:42px 0 88px;overflow:hidden}.fragment-stage.projected{min-height:100vh;padding-top:22px}.symbol-field{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.symbol-field span{position:absolute;left:var(--x);bottom:-16vh;color:#f6e6ff6b;font-size:var(--size);line-height:1;opacity:0;text-shadow:0 0 18px rgba(144,225,215,.28);transform:translateZ(0);animation:particle-rise var(--duration) linear var(--delay) infinite;will-change:transform,opacity}.symbol-field span:nth-child(3n+1){color:#ffd27d7a;text-shadow:0 0 22px rgba(255,210,125,.28)}.symbol-field span:nth-child(3n+2){color:#90e1d77a;text-shadow:0 0 24px rgba(144,225,215,.3)}.fragment-hero{position:relative;z-index:1;display:grid;place-items:center;min-height:280px;width:min(980px,calc(100% - 32px));margin:0 auto 20px;text-align:center;transition:min-height .7s ease,opacity .42s ease,transform .7s ease}.projected .fragment-hero{min-height:0;height:0;margin:0 auto;overflow:hidden;opacity:0;transform:translateY(-40px);pointer-events:none}.sigil{margin:0 0 10px;color:#ffd27d;font-size:2.1rem;text-shadow:0 0 24px rgba(255,210,125,.48)}.fragment-hero h1{max-width:100%;font-family:Georgia,Times New Roman,serif;font-size:clamp(4rem,14vw,9.5rem);font-weight:500;line-height:.88;text-shadow:0 0 28px rgba(144,225,215,.22),0 12px 60px rgba(0,0,0,.54)}.subtitle{margin:22px 0 8px;color:#e7d7e9;font-size:clamp(.92rem,2vw,1.25rem);letter-spacing:.16em}.fragment-prompt{color:#90e1d7;font-weight:800}.fragment-map{position:relative;z-index:1;height:min(66vh,680px);min-height:520px;width:min(1180px,calc(100% - 32px));margin:0 auto;overflow:hidden;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:height .78s ease,opacity .52s ease,transform .78s ease}.fragment-map:active{cursor:grabbing}.projected .fragment-map{height:0;min-height:0;opacity:0;transform:scale(1.12);pointer-events:none}.hidden-snack{position:absolute;right:30px;bottom:30px;z-index:1;display:grid;width:142px;aspect-ratio:1;padding:0;place-items:center;cursor:pointer;pointer-events:auto;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.36),transparent 24%),radial-gradient(circle at 50% 50%,#ffd27d33,#90e1d71f 58%,#8b3aff33);border:1px solid rgba(255,255,255,.28);border-radius:999px;box-shadow:0 18px 48px #00000057,0 0 28px #90e1d733,inset 0 0 28px #ffffff1f;opacity:.82;transition:opacity .18s ease,transform .18s ease,border-color .18s ease}.hidden-snack:hover{opacity:1;border-color:#ffd27d94;transform:translateY(-2px)}.hidden-snack:focus-visible{outline:3px solid rgba(144,225,215,.72);outline-offset:4px}.hidden-snack:after{position:absolute;top:8px;right:8px;bottom:8px;left:8px;content:"";border:1px solid rgba(255,255,255,.18);border-radius:inherit}.hidden-snack img{position:relative;z-index:1;display:block;width:78%;max-height:70%;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(0,0,0,.28));-webkit-user-select:none;user-select:none}.snack-popup-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;padding:28px;place-items:center;background:radial-gradient(circle at 50% 42%,rgba(144,225,215,.16),transparent 36%),#040208c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.snack-popup-panel{display:grid;gap:18px;justify-items:center;max-width:min(94vw,1440px)}.snack-popup-image{display:block;width:auto;height:auto;max-width:min(94vw,1440px);max-height:82vh;object-fit:contain;background:#0503086b;border:1px solid rgba(255,255,255,.2);border-radius:8px;box-shadow:0 34px 120px #00000085,0 0 42px #90e1d729}.snack-popup-confirm{min-width:92px;padding:11px 22px;color:#071012;font:inherit;font-weight:900;cursor:pointer;background:#90e1d7;border:0;border-radius:8px;box-shadow:inset 0 1px #ffffff52,0 14px 34px #00000047;transition:background .18s ease,transform .18s ease}.snack-popup-confirm:hover{background:#ffd27d;transform:translateY(-2px)}.snack-popup-enter-active,.snack-popup-leave-active{transition:opacity .26s ease,backdrop-filter .26s ease}.snack-popup-enter-active .snack-popup-panel,.snack-popup-leave-active .snack-popup-panel{transition:opacity .26s ease,transform .32s cubic-bezier(.22,1,.36,1)}.snack-popup-enter-from,.snack-popup-leave-to{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}.snack-popup-enter-from .snack-popup-panel,.snack-popup-leave-to .snack-popup-panel{opacity:0;transform:translateY(18px) scale(.94)}.fragment-world{position:absolute;width:1100px;height:620px;transform-origin:center;transition:transform .92s cubic-bezier(.2,.82,.2,1);will-change:transform}.sea-boundary{position:absolute;pointer-events:none;border:2px solid rgba(139,58,255,.72);box-shadow:0 0 18px #8b3aff9e,0 0 72px #8b3aff57,inset 0 0 24px #8b3aff85,inset 0 0 140px #8b3aff24}.sea-boundary:before,.sea-boundary:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none}.sea-boundary:before{background:linear-gradient(90deg,rgba(139,58,255,.34),transparent 9%,transparent 91%,rgba(139,58,255,.34)),linear-gradient(180deg,rgba(139,58,255,.34),transparent 9%,transparent 91%,rgba(139,58,255,.34));filter:blur(14px)}.sea-boundary:after{top:-28px;right:-28px;bottom:-28px;left:-28px;border:1px solid rgba(196,142,255,.18);box-shadow:0 0 110px #8b3aff2e,inset 0 0 110px #8b3aff1f}.traveling .fragment-world{filter:saturate(1.24) brightness(1.12)}.fragment-map.zooming .fragment-world{transition-duration:60ms;transition-timing-function:ease-out}.fragment-map.recentering .fragment-world{transition-duration:.98s;transition-timing-function:cubic-bezier(.18,.88,.22,1)}.fragment-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:1100px;height:620px;overflow:visible}.fragment-lines path{fill:none;stroke:#f5eef847;stroke-dasharray:2 16;stroke-linecap:round;stroke-width:2}.fragment-lines .fragment-line-parent{stroke:#90e1d747;stroke-dasharray:2 14}.fragment-lines .fragment-line-sibling{stroke:#ffd27d61;stroke-dasharray:5 12;stroke-width:2.4}.fragment-node{position:absolute;display:grid;justify-items:center;width:220px;min-height:160px;padding:14px 16px;color:#fff9ff;text-align:center;cursor:pointer;background:transparent;border:0;transform:translate(-50%,-50%);transition:opacity .18s ease,text-shadow .18s ease,transform .18s ease}.fragment-node:hover,.fragment-node.active,.fragment-node.pending{text-shadow:0 0 18px rgba(144,225,215,.66),0 0 50px rgba(255,210,125,.22);transform:translate(-50%,-50%) scale(1.05)}.fragment-map.dragging .fragment-node{pointer-events:none;text-shadow:none;transform:translate(-50%,-50%)}.fragment-node.empty{opacity:.62}.fragment-node.empty:hover{opacity:.95}.fragment-node.study .node-sigil,.fragment-node.study .node-category{color:#ffd27d}.fragment-node.study strong{text-shadow:0 0 24px rgba(255,210,125,.32)}.node-sigil{color:#ffd27d;font-size:1.9rem}.node-category{color:#90e1d7;font-size:.74rem;font-weight:800;text-transform:uppercase}.fragment-node strong{margin-top:4px;font-family:Georgia,Times New Roman,serif;font-size:1.72rem;font-weight:600}.fragment-node small{max-width:24ch;margin-top:6px;color:#d9c6df;font-size:.86rem;line-height:1.55}.fragment-content{position:relative;z-index:1;width:min(920px,calc(100% - 32px));margin:0 auto;animation:projectionIn .68s ease both}.projected .fragment-content{margin-top:84px}.study-content,.solution-content{position:relative;z-index:1;width:min(1120px,calc(100% - 32px));margin:70px auto 0;animation:projectionIn .68s ease both}.study-shell,.solution-shell{display:grid;gap:78px}.study-hero-block,.solution-hero-block{min-height:min(560px,72vh);display:grid;align-content:center;justify-items:center;padding:66px 0 44px;text-align:center}.study-hero-block h1,.solution-hero-block h1{max-width:100%;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.6rem,12vw,8.4rem);font-weight:500;line-height:.9;text-shadow:0 0 34px rgba(144,225,215,.24),0 18px 70px rgba(0,0,0,.56)}.study-subtitle,.solution-subtitle{max-width:760px;margin:0 auto;color:var(--color-warm);font-size:clamp(1.08rem,2.8vw,1.55rem);line-height:1.7}.study-lede{max-width:720px;margin:18px auto 0;color:#efe0ee;font-size:1.03rem;line-height:1.9}.study-basic-hero{min-height:min(700px,82vh)}.study-hero-copy,.solution-hero-copy{width:min(860px,100%);margin-top:var(--space-title-card);padding:18px 24px 20px;background:var(--surface-hero-copy);border:1px solid var(--border-hero-copy);border-radius:var(--radius-card);box-shadow:var(--shadow-hero-copy);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.solution-hero-copy{display:grid;justify-items:center;gap:16px}.solution-hero-copy .source-link{margin:0}.study-hero-loop-video{display:block;width:100%;max-height:380px;margin:0 auto 22px;object-fit:contain;background:#00000038;border:1px solid rgba(255,255,255,.12);border-radius:8px}.study-hero-rune{margin:0 0 12px;color:#ffd27d;font-size:2.6rem;text-shadow:0 0 32px rgba(255,210,125,.48)}.study-bracket{max-width:820px;margin:12px auto 0;color:#90e1d7;font-size:.96rem;font-weight:800;letter-spacing:0}.study-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(720px,100%);margin-top:34px}.study-stat{padding:18px;background:#0b051075;border:1px solid rgba(255,255,255,.14);border-radius:8px;box-shadow:inset 0 0 28px #90e1d70f}.study-stat span{display:block;color:#90e1d7;font-size:.72rem;font-weight:800;text-transform:uppercase}.study-stat strong{display:block;margin-top:8px;color:#fff9ff;font-family:Georgia,Times New Roman,serif;font-size:1.5rem;font-weight:500}.study-section,.solution-section{padding:34px 0 28px}.section-heading{display:flex;gap:16px;align-items:center;justify-content:center;margin-bottom:30px;color:#ffd27d;text-align:center}.section-heading h2{margin:0;color:#fff9ff;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,5vw,3.6rem);font-weight:500}.section-heading span{color:#90e1d7;text-shadow:0 0 20px rgba(144,225,215,.3)}.study-knowledge-grid,.study-card-grid,.solution-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.study-info-kakera,.study-lore-card,.solution-card,.problem-kakera{position:relative;overflow:hidden;color:#fff9ff;background:linear-gradient(145deg,#ffffff21,#ffffff09),#180b1fb8;border:1px solid rgba(255,255,255,.16);border-radius:8px;box-shadow:0 22px 70px #00000047}.study-info-kakera,.study-lore-card,.solution-card{min-height:250px;padding:26px}.study-card-icon,.solution-card>span{display:block;margin-bottom:28px;color:#ffd27d;font-size:2rem;text-shadow:0 0 22px rgba(255,210,125,.3)}.study-info-kakera h3,.study-lore-card h3,.solution-card h3{margin:0 0 14px;color:#fff9ff;font-family:Georgia,Times New Roman,serif;font-size:1.55rem;font-weight:500}.study-lore-card h3{font-weight:800}.study-info-kakera p,.study-lore-card p,.solution-card p{margin:0;color:#e5d8e7;line-height:1.75}.study-thread-list{display:grid;gap:12px;transition:gap .26s ease}.study-thread-card{display:grid;grid-template-columns:86px minmax(0,1fr);gap:20px;align-items:center;width:100%;min-height:138px;padding:22px 24px;color:#fff9ff;font:inherit;text-align:left;cursor:pointer;background:linear-gradient(90deg,rgba(144,225,215,.12),transparent 48%),#120718ad;border:1px solid rgba(255,255,255,.14);border-radius:8px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,padding .26s ease,min-height .26s ease}.study-thread-card:hover,.study-thread-card.active{transform:translateY(-2px);border-color:#90e1d780;box-shadow:0 22px 70px #00000042,0 0 30px #90e1d71a}.thread-roman{display:grid;place-items:center;width:64px;aspect-ratio:1;color:#ffd27d;font-family:Georgia,Times New Roman,serif;font-size:1.35rem;border:1px solid rgba(255,210,125,.42);border-radius:50%;box-shadow:0 0 28px #ffd27d24}.study-thread-card p{margin:0 0 6px;color:#90e1d7;font-size:.74rem;font-weight:800;text-transform:uppercase}.study-thread-card h3{margin:0;color:#fff9ff;font-family:Georgia,Times New Roman,serif;font-size:1.55rem;font-weight:500}.study-thread-card div>span{display:block;margin-top:10px;color:#e5d8e7;line-height:1.72}.thread-detail{display:block;margin:0;color:#fff4d8;font-size:.95rem;line-height:1.72;overflow-wrap:anywhere}.thread-detail-wrap{height:0;margin-top:0;padding-top:0;opacity:0;overflow:hidden;border-top:1px solid transparent;transition:height .34s cubic-bezier(.18,.88,.22,1),margin-top .34s cubic-bezier(.18,.88,.22,1),padding-top .34s cubic-bezier(.18,.88,.22,1),border-color .26s ease,opacity .22s ease}.thread-detail-wrap.open{height:auto;margin-top:14px;padding-top:14px;opacity:1;border-color:#ffffff21}.loop-video-grid{display:grid;gap:18px}.loop-video-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:18px;align-items:stretch;overflow:hidden;background:linear-gradient(135deg,#90e1d71f,#ffffff09),#0c0512c7;border:1px solid rgba(255,255,255,.15);border-radius:8px;box-shadow:0 26px 84px #00000052}.loop-video-frame{display:grid;min-height:360px;padding:18px;place-items:center;background:radial-gradient(circle at 24% 18%,rgba(189,142,255,.18),transparent 34%),#00000038}.loop-video-frame video{width:100%;height:100%;max-height:540px;object-fit:contain;border-radius:6px}.loop-video-copy{display:grid;align-content:center;gap:14px;min-width:0;padding:30px}.loop-video-copy .eyebrow,.loop-video-copy small{color:#90e1d7;font-size:.74rem;font-weight:800;text-transform:uppercase}.loop-video-copy h3{margin:0;color:#fff9ff;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.8rem,4vw,3rem);font-weight:700}.loop-video-copy p{max-width:44ch;margin:0;color:#e5d8e7;line-height:1.75}.loop-video-copy small{color:#ffd27d}.study-visual-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;width:min(980px,100%);margin:0 auto}.visual-frame,.visual-copy{position:relative;overflow:hidden;background:linear-gradient(145deg,#ffffff1f,#ffffff08),#0c0512c2;border:1px solid rgba(255,255,255,.15);border-radius:8px;box-shadow:0 28px 90px #00000057}.visual-frame{display:grid;place-items:center;min-height:430px;padding:24px}.visual-frame video,.visual-frame img{width:100%;height:100%;max-height:520px;object-fit:contain;border-radius:6px}.visual-placeholder{display:grid;place-items:center;gap:10px;width:100%;min-height:360px;color:#d9c6df;text-align:center;border:1px dashed rgba(144,225,215,.34);border-radius:8px;background:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:42px 42px}.visual-placeholder span,.visual-copy .eyebrow{color:#90e1d7;font-size:.74rem;font-weight:800;text-transform:uppercase}.visual-placeholder strong,.visual-copy h3{color:#fff9ff;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.8rem,4vw,3.2rem);font-weight:500}.visual-placeholder small,.visual-copy p{max-width:42ch;color:#e5d8e7;line-height:1.75}.visual-copy{display:grid;justify-items:center;padding:24px 28px 26px;text-align:center}.visual-copy h3,.visual-copy p{margin:0}.visual-copy p{max-width:760px}.visual-navigation{display:grid;justify-items:center;gap:14px;padding:4px 0 0}.visual-controls,.visual-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.visual-controls button,.visual-tabs button{min-width:42px;min-height:42px;color:#fff9ff;font:inherit;cursor:pointer;background:#ffffff14;border:1px solid rgba(255,255,255,.16);border-radius:8px}.visual-controls button{font-size:1.55rem}.visual-tabs button{padding:0 14px;color:#d9c6df;font-size:.78rem;font-weight:800}.visual-tabs button.active,.visual-controls button:hover,.visual-tabs button:hover{color:#120718;background:#90e1d7;border-color:#90e1d7}.memory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.memory-kakera{position:relative;overflow:hidden;width:100%;min-width:0;min-height:330px;padding:24px;color:#fff9ff;font:inherit;text-align:left;cursor:pointer;background:linear-gradient(145deg,#ffffff1c,#ffffff08),#120718bd;border:1px solid rgba(255,255,255,.15);border-radius:8px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.memory-kakera:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 28%,rgba(144,225,215,.3),transparent 48%);transition:opacity .18s ease}.memory-kakera:hover,.memory-kakera.active{transform:translateY(-4px);border-color:#90e1d794;box-shadow:0 26px 80px #00000057,0 0 46px #90e1d724}.memory-kakera:hover:before,.memory-kakera.active:before{opacity:1}.memory-kakera>*{position:relative}.memory-kakera span{display:block;color:#ffd27d;font-size:1.7rem;text-shadow:0 0 22px rgba(255,210,125,.3)}.memory-kakera strong{display:block;margin-top:24px;font-family:Georgia,Times New Roman,serif;font-size:1.45rem;font-weight:500;overflow-wrap:anywhere}.memory-kakera small,.memory-detail{display:block;margin-top:12px;color:#e5d8e7;line-height:1.65;overflow-wrap:anywhere}.memory-detail{padding-top:14px;border-top:1px solid rgba(255,255,255,.13);opacity:0;visibility:hidden;transform:translateY(8px);transition:visibility 0s linear .18s,opacity .18s ease,transform .18s ease}.memory-detail.visible{opacity:1;visibility:visible;transform:translateY(0);transition-delay:0s}.solution-card.featured{border-color:#ffd27d61;box-shadow:0 22px 70px #00000047,inset 0 0 42px #ffd27d14}.problem-kakera-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.problem-kakera{display:grid;justify-items:start;min-height:230px;padding:24px;font:inherit;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.problem-kakera:hover{transform:translateY(-5px);border-color:#90e1d7a8;box-shadow:0 26px 80px #00000057,0 0 32px #90e1d71a}.problem-kakera.locked{cursor:default;opacity:.58}.problem-kakera.locked:hover{transform:none;border-color:#ffffff29;box-shadow:0 22px 70px #00000047}.problem-sigil{color:#ffd27d;font-size:1.7rem}.problem-category{margin-top:12px;color:#90e1d7;font-size:.74rem;font-weight:800;text-transform:uppercase}.problem-kakera strong{align-self:end;margin-top:30px;color:#fff9ff;font-family:Georgia,Times New Roman,serif;font-size:1.7rem;font-weight:500;line-height:1.2}.problem-kakera small{margin-top:10px;color:#ddd1df;font-size:.92rem;line-height:1.65}.solution-note{padding-bottom:90px}.solution-note:has(+.solution-video-section){padding-bottom:28px}.solution-video-section{padding-bottom:90px}.solution-note .prose{max-width:920px;margin:0 auto;padding:36px;background:linear-gradient(180deg,#0e0714b3,#0e0714e6),#0e0714b8;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.12)}.prose .concept-ref{display:inline;margin:0;padding:0 2px;color:#ffe2a3;font:inherit;font-weight:750;line-height:inherit;text-align:inherit;text-decoration:underline dotted rgba(255,211,125,.9);text-decoration-thickness:1px;text-underline-offset:4px;word-break:keep-all;cursor:help;background:transparent;border:0;border-radius:0}.prose .concept-ref:hover,.prose .concept-ref:focus-visible{color:#fff;text-decoration-color:#90e1d7f2;outline:none}.prose .concept-ref-missing{color:#d7c9d7;font-weight:650;cursor:text;opacity:.78}.concept-popover{position:fixed;z-index:120;width:min(360px,calc(100vw - 32px));max-height:min(420px,calc(100vh - 32px));overflow:auto;padding:16px 18px 18px;color:#fff9ff;background:linear-gradient(180deg,#141822f7,#0d0c14fa),#0d0c14f5;border:1px solid rgba(144,225,215,.34);border-radius:8px;box-shadow:0 22px 58px #00000075,inset 0 1px #ffffff14}.concept-popover h3{margin:5px 0 8px;color:#fff9ff;font-size:1.08rem;line-height:1.32}.concept-popover p{margin:0;color:#efe0ee;font-size:.94rem;line-height:1.65}.concept-popover code{padding:.08em .32em;color:#ffdfad;font-family:Cascadia Code,JetBrains Mono,Consolas,monospace;font-size:.9em;background:#ffffff1f;border:1px solid rgba(255,255,255,.1);border-radius:4px}.concept-popover .eyebrow{color:#90e1d7;font-size:.72rem}.concept-popover-excerpt{margin-top:8px!important;color:#d7c9d7!important}.concept-popover-tags,.concept-popover-links{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.concept-popover-tags span,.concept-popover-links a{display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;color:#dffbf8;font-size:.78rem;font-weight:750;text-decoration:none;background:#50beb221;border:1px solid rgba(144,225,215,.26);border-radius:8px}.concept-popover-links a{color:#ffe2a3;background:#ffd37d1f;border-color:#ffd37d47}.concept-popover-links a:hover,.concept-popover-links a:focus-visible{color:#fff;border-color:#ffd37d9e;outline:none}.fragment-panel{padding:36px;background:linear-gradient(180deg,#0e0714b8,#0e0714eb),#0e0714b8;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.12);opacity:.42;transform:translateY(14px);transition:opacity .26s ease,transform .26s ease}.fragment-panel.revealing{opacity:1;transform:translateY(0)}.fragment-panel>h1{max-width:100%;font-size:clamp(2.4rem,7vw,4.8rem);line-height:1.02}.source-link{display:inline-flex;align-items:center;justify-content:center;margin:10px 0 24px;padding:9px 14px;color:var(--color-sky);font-weight:800;text-decoration:none;background:linear-gradient(180deg,#53c0ff33,#2d86d81f),#16588a2e;border:1px solid rgba(117,210,255,.48);border-radius:8px;box-shadow:inset 0 1px #ffffff1f,0 0 24px #52b6ff29;transition:background .18s ease,border-color .18s ease,color .18s ease}.source-link:hover{color:#fff;background:linear-gradient(180deg,#68cdff4d,#2d86d82e),#16588a47;border-color:#96e0ffb8}.hero{display:grid;align-items:end;min-height:min(620px,82vh);width:min(1120px,calc(100% - 32px));margin:0 auto;padding:88px 0 54px}.hero-copy{max-width:720px}.eyebrow,.post-category,time{color:#90e1d7;font-size:.78rem;font-weight:750;letter-spacing:0;text-transform:uppercase}h1{max-width:13ch;margin:0;color:#fff9ff;font-size:clamp(2.8rem,9vw,6.4rem);line-height:.96;word-break:keep-all}.hero p:not(.eyebrow),.post-lede{max-width:670px;color:#efe0ee;font-size:1.08rem;line-height:1.8}.archive{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;width:min(1120px,calc(100% - 32px));margin:0 auto;padding:26px 0 80px}.post-shard{display:grid;min-height:220px;padding:22px;overflow:hidden;color:#fbf7fc;text-decoration:none;background:linear-gradient(145deg,#ffffff29,#ffffff0a),#240f2eb8;border:1px solid rgba(255,255,255,.18);border-radius:8px;box-shadow:0 24px 70px #00000047;transition:transform .18s ease,border-color .18s ease}.post-shard:hover{transform:translateY(-4px);border-color:#90e1d7ad}.post-shard strong{align-self:end;font-size:1.45rem;line-height:1.25}.post-summary{color:#dfd3e1;line-height:1.65}.post-page{width:min(860px,calc(100% - 32px));margin:0 auto;padding:92px 0}.post-article{padding:0 0 80px}.back-link{display:inline-block;margin-bottom:34px;color:#90e1d7;font-weight:700}.post-article h1{max-width:12ch;font-size:clamp(2.3rem,7vw,5.2rem)}.post-media{width:100%;margin:28px 0;max-height:430px;object-fit:contain;background:#050308;border:1px solid rgba(255,255,255,.16);border-radius:8px}.prose{color:#f3eaf4;font-size:1.03rem;line-height:1.9}.prose img{display:block;box-sizing:border-box;max-width:100%;max-height:min(70vh,620px);height:auto;margin:28px auto;object-fit:contain;background:#0503086b;border:1px solid rgba(255,255,255,.14);border-radius:8px}.prose video{display:block;width:100%;max-width:100%;max-height:430px;margin:28px 0;object-fit:contain;background:#050308;border:1px solid rgba(255,255,255,.16);border-radius:8px}.markdown-video-card{box-sizing:border-box;width:100%;max-width:100%;margin:30px 0}.markdown-video-card .loop-video-frame{min-height:300px}.slide-reader{display:grid;width:100%;max-width:100%;min-width:0;gap:18px}.slide-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#d8f7f1;font-size:.86rem;font-weight:800;letter-spacing:0}.slide-controls{display:flex;gap:10px}.slide-controls button{position:relative;overflow:hidden;min-width:84px;padding:10px 14px;color:#071012;font:inherit;cursor:pointer;background:#90e1d7;border:0;border-radius:6px;transition:transform .18s ease,opacity .18s ease}.slide-controls button:after{position:absolute;inset:50% auto auto 50%;width:12px;height:12px;pointer-events:none;content:"";background:radial-gradient(circle,#060d0fe6,#060d0f00);border-radius:999px;opacity:0;transform:translate(-50%,-50%) scale(.2)}.slide-controls button:not(:disabled):hover{transform:translateY(-2px)}.slide-controls button:disabled{cursor:not-allowed;opacity:.42}.slide-stage{position:relative;display:grid;width:100%;max-width:100%;min-width:0;min-height:430px;overflow:hidden;perspective:1500px;perspective-origin:center center;transform-style:preserve-3d;isolation:isolate;border-radius:8px}.slide-card{grid-area:1 / 1;box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:430px;padding:clamp(22px,4vw,42px);overflow:visible;background:linear-gradient(180deg,#0c0714e6,#07050cf5),url(/media/backgrounds/different-space.webp) center / cover;border:1px solid rgba(144,225,215,.28);border-radius:8px;box-shadow:inset 0 1px #ffffff1f,0 28px 90px #0000006b;transform-style:preserve-3d}.slide-card>*{max-width:100%}.slide-card .code-frame-shell,.slide-card .code-frame,.slide-card table{max-width:100%}.slide-card-incoming,.slide-card-outgoing{pointer-events:none;animation-duration:.76s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.22,1,.36,1);backface-visibility:hidden;will-change:filter,opacity,transform}.slide-card-outgoing{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;transform-origin:right center}.slide-card-incoming{position:relative;z-index:2;transform-origin:left center}.slide-y-clockwise .slide-card-outgoing{animation-name:slide-y-clockwise-out}.slide-y-clockwise .slide-card-incoming{animation-name:slide-y-clockwise-in}.slide-y-counter .slide-card-outgoing{animation-name:slide-y-counter-out;transform-origin:left center}.slide-y-counter .slide-card-incoming{animation-name:slide-y-counter-in;transform-origin:right center}.slide-card h1:first-child,.slide-card h2:first-child{margin-top:0}.slide-dots{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.slide-dots button{width:12px;height:12px;padding:0;cursor:pointer;background:#ffffff47;border:1px solid rgba(255,255,255,.22);border-radius:999px}.slide-dots button.active{width:30px;background:#ffd27d;border-color:#ffd27dd1}.prose h1{max-width:100%;margin-top:38px;font-size:2rem;line-height:1.2}.prose h2{margin-top:42px;color:#fff9ff;font-size:1.7rem}.prose table{display:block;width:100%;margin:24px 0;overflow-x:auto;border-collapse:collapse}.prose th,.prose td{padding:10px 12px;vertical-align:top;border-bottom:1px solid rgba(255,255,255,.14)}.prose th{color:#fff9ff;text-align:left;background:#ffffff14}.prose :not(pre)>code{color:#ffdfad;font-family:Cascadia Code,JetBrains Mono,Consolas,monospace;font-size:.92em;padding:.12em .36em;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:4px}.prose .code-frame-shell{position:relative;isolation:isolate;max-width:100%;margin:28px 0;padding-top:52px;overflow:hidden;background:linear-gradient(180deg,#09030fb8,#05020af0);border:1px solid rgba(144,225,215,.24);border-radius:8px;box-shadow:inset 0 1px #ffffff1f,0 24px 80px #0000005c}.prose .code-frame-shell:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";background:url(/media/backgrounds/different-space.webp) center / cover;border-radius:inherit;opacity:.22}.prose .code-frame-shell:before{position:absolute;top:18px;left:18px;z-index:1;width:10px;height:10px;content:"";background:#ff8ea3;border-radius:999px;box-shadow:18px 0 #ffd27d,36px 0 #8ee8de}.code-language{position:absolute;top:14px;right:18px;z-index:1;color:#90e1d7;font-size:.72rem;font-weight:800;text-transform:uppercase}.prose .code-frame{position:relative;z-index:1;max-width:100%;margin:0;padding:0 20px 20px;overflow-x:auto;background:transparent;border:0;border-radius:0;box-shadow:none}.prose .code-frame code{position:relative;z-index:1;display:block;min-width:max-content;color:#f9edf9;font-family:Cascadia Code,JetBrains Mono,Consolas,monospace;font-size:.92rem;line-height:1.75;text-shadow:0 1px 10px rgba(0,0,0,.32);background:transparent}.hljs-keyword,.hljs-built_in{color:#ff9ec7}.hljs-title,.hljs-function .hljs-title{color:#8ee8de}.hljs-string{color:#ffd27d}.hljs-number,.hljs-literal{color:#bba5ff}.hljs-comment{color:#b8a9bd;font-style:italic}.hljs-params,.hljs-variable{color:#f9edf9}.prose li+li{margin-top:8px}@keyframes pulse{0%{transform:scale(.78);opacity:.54}to{transform:scale(1.24);opacity:1}}@keyframes particle-rise{0%{opacity:0;transform:translate3d(0,var(--settle),0) rotate(0) scale(.82)}10%{opacity:var(--opacity)}48%{opacity:var(--opacity);transform:translate3d(var(--drift-half),var(--rise-half),0) rotate(160deg) scale(1.08)}82%{opacity:var(--opacity)}to{opacity:0;transform:translate3d(var(--drift),var(--rise),0) rotate(var(--spin)) scale(.94)}}@keyframes projectionIn{0%{opacity:0;transform:translateY(42px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slide-y-clockwise-out{0%{filter:brightness(1);opacity:1;transform:rotateY(0)}to{filter:brightness(.62);opacity:0;transform:rotateY(90deg)}}@keyframes slide-y-clockwise-in{0%{filter:brightness(.62);opacity:0;transform:rotateY(-90deg)}to{filter:brightness(1);opacity:1;transform:rotateY(0)}}@keyframes slide-y-counter-out{0%{filter:brightness(1);opacity:1;transform:rotateY(0)}to{filter:brightness(.62);opacity:0;transform:rotateY(-90deg)}}@keyframes slide-y-counter-in{0%{filter:brightness(.62);opacity:0;transform:rotateY(90deg)}to{filter:brightness(1);opacity:1;transform:rotateY(0)}}@media(prefers-reduced-motion:reduce){.fragment-world,.fragment-panel,.fragment-node{transition-duration:1ms;animation-duration:1ms}.symbol-field span{animation-duration:var(--duration)}}@media(max-width:960px){.fragment-hero{min-height:260px}.fragment-map{height:560px}.fragment-panel{padding:28px}.study-knowledge-grid,.study-card-grid,.loop-video-card,.study-visual-panel,.solution-card-grid,.study-hero-stats{grid-template-columns:1fr}.study-hero-block,.solution-hero-block{min-height:520px}}@media(max-width:640px){.site-header,.hero,.archive,.post-page,.fragment-map,.fragment-content{width:min(100% - 24px,1120px)}.hero{min-height:72vh;padding-top:48px}.post-shard{min-height:190px}.fragment-panel{padding:20px}.study-content,.solution-content{width:min(100% - 24px,1120px);margin-top:42px}.study-shell,.solution-shell{gap:42px}.study-hero-block,.solution-hero-block{min-height:440px;padding:42px 0 26px}.study-info-kakera,.study-lore-card,.study-thread-card,.loop-video-copy,.visual-copy,.visual-frame,.memory-kakera,.solution-card,.problem-kakera,.solution-note .prose{padding:20px}.slide-toolbar{align-items:stretch;flex-direction:column}.slide-controls button{flex:1;min-width:0}.slide-stage,.slide-card{min-height:360px}.study-hero-loop-video{max-height:260px}.study-thread-card{grid-template-columns:1fr}.visual-frame{min-height:320px}.loop-video-frame{min-height:260px;padding:14px}.visual-copy{min-height:0}.fragment-node{width:172px}.fragment-node strong{font-size:1.32rem}.fragment-node small{display:none}}