.archive-panel{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:linear-gradient(#ffffff05 50%,#0000000a 50%),var(--panel);background-size:100% 4px,auto;box-shadow:0 0 0 1px #ff86b60a,inset 0 0 0 1px #ff86b60a}.archive-panel-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:42px;padding:0 18px;border-bottom:0;overflow:hidden;--divider-a: 10px;--divider-b: 18px;--divider-c: 28%;--divider-d: 67%;--divider-offset: 0px;--divider-opacity: .58;background:#05070a3d}.archive-panel-header:before{display:none}.archive-panel-header:after{content:"";position:absolute;inset:auto 12px 0 12px;height:4px;background:linear-gradient(90deg,#ff5f9761,#ffd0df3d 42%,#ff5f9757) var(--divider-offset) 1px / 100% 2px no-repeat,radial-gradient(circle at var(--divider-c) 1px,rgba(255,208,223,.24) 0 1px,transparent 1.35px),radial-gradient(circle at var(--divider-d) 3px,rgba(255,95,151,.2) 0 1px,transparent 1.35px);-webkit-mask-image:linear-gradient(90deg,#000 0 calc(var(--divider-c) - 5%),rgba(0,0,0,.72) calc(var(--divider-c) - 3%) calc(var(--divider-c) + 4%),#000 calc(var(--divider-c) + 6%) calc(var(--divider-d) - 4%),rgba(0,0,0,.78) calc(var(--divider-d) - 2%) calc(var(--divider-d) + 3%),#000 calc(var(--divider-d) + 5%) 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(var(--divider-c) - 5%),#000000b8 calc(var(--divider-c) - 3%),#000000b8 calc(var(--divider-c) + 4%),#000 calc(var(--divider-c) + 6%),#000 calc(var(--divider-d) - 4%),#000000c7 calc(var(--divider-d) - 2%),#000000c7 calc(var(--divider-d) + 3%),#000 calc(var(--divider-d) + 5%),#000);opacity:var(--divider-opacity)}.archive-panel[data-archive-code="002"] .archive-panel-header{--divider-a: 8px;--divider-b: 19px;--divider-c: 24%;--divider-d: 73%;--divider-offset: 3px;--divider-opacity: .54}.archive-panel[data-archive-code="003"] .archive-panel-header{--divider-a: 13px;--divider-b: 24px;--divider-c: 39%;--divider-d: 64%;--divider-offset: -7px;--divider-opacity: .52}.archive-panel[data-archive-code="004"] .archive-panel-header{--divider-a: 6px;--divider-b: 16px;--divider-c: 31%;--divider-d: 57%;--divider-offset: 11px;--divider-opacity: .56}.archive-panel[data-archive-code="005"] .archive-panel-header{--divider-a: 15px;--divider-b: 29px;--divider-c: 36%;--divider-d: 78%;--divider-offset: -12px;--divider-opacity: .54}.archive-panel[data-archive-code="006"] .archive-panel-header{--divider-a: 9px;--divider-b: 21px;--divider-c: 27%;--divider-d: 69%;--divider-offset: 6px;--divider-opacity: .5}.archive-panel[data-archive-code="007"] .archive-panel-header{--divider-a: 12px;--divider-b: 27px;--divider-c: 43%;--divider-d: 75%;--divider-offset: -3px;--divider-opacity: .54}.archive-panel-header h2{position:relative;z-index:1;margin:0;color:var(--pink-hot);font-family:ElectroShackle,Courier New,monospace;font-size:18px;font-weight:700;text-transform:uppercase}.archive-panel-header span{color:var(--muted);font-size:12px;text-transform:uppercase}.archive-panel-mark{position:relative;z-index:1;display:flex;align-items:center;gap:10px;margin-left:auto;color:var(--muted)}.archive-panel-mark svg{width:27px;height:27px;color:#ff86b6c7;flex:0 0 auto}.archive-panel-mark svg path,.archive-panel-mark svg circle{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.35}.archive-panel-body{position:relative;z-index:1;padding:clamp(15px,1.6vw,18px)}@media (max-width: 720px){.archive-panel-header{align-items:center;flex-direction:row;padding-right:12px;padding-left:12px}.archive-panel-header h2{min-width:0;font-size:16px;line-height:1.2;overflow-wrap:anywhere}.archive-panel-body{padding-right:12px;padding-left:12px}.archive-panel-mark{flex:0 0 auto}}.ghost-slot{position:relative;display:flex;flex-direction:column;overflow:hidden}.ghost-body{position:relative}.ghost-stage{position:relative;width:100%;min-width:0;height:720px;overflow:hidden;--ghost-chamber-top: 50%;--ghost-chamber-height: 97%;--ghost-chamber-opacity: .78;--ghost-chamber-glow-opacity: 0;--ghost-figure-shell-height: 82%;--ghost-dormant-figure-opacity: 1;--ghost-awake-figure-opacity: 0;--ghost-dormant-figure-filter: drop-shadow(0 0 12px rgba(255, 95, 151, .28)) drop-shadow(0 0 28px rgba(255, 134, 182, .14));--ghost-awake-figure-filter: blur(2px) saturate(1.18) drop-shadow(0 0 12px rgba(255, 95, 151, .24)) drop-shadow(0 0 28px rgba(255, 134, 182, .14))}.ghost-slot[data-ghost-state=awake] .ghost-stage{--ghost-chamber-glow-opacity: .64;--ghost-dormant-figure-opacity: 0;--ghost-awake-figure-opacity: 1;--ghost-dormant-figure-filter: blur(1.6px) saturate(.78) drop-shadow(0 0 8px rgba(255, 95, 151, .16));--ghost-awake-figure-filter: drop-shadow(0 0 14px rgba(255, 95, 151, .32)) drop-shadow(0 0 34px rgba(255, 134, 182, .2))}.ghost-chamber-image,.ghost-chamber-glow-image,.ghost-figure-shell{position:absolute;left:50%;-webkit-user-select:none;user-select:none;pointer-events:none}.ghost-chamber-image{top:var(--ghost-chamber-top);z-index:2;width:auto;height:var(--ghost-chamber-height);max-width:none;transform:translate(-50%,-50%);opacity:var(--ghost-chamber-opacity)}.ghost-chamber-glow-image{top:var(--ghost-chamber-top);z-index:3;width:auto;height:var(--ghost-chamber-height);max-width:none;transform:translate(-50%,-50%);opacity:var(--ghost-chamber-glow-opacity);mix-blend-mode:screen;filter:drop-shadow(0 0 16px rgba(255,95,151,.3)) drop-shadow(0 0 34px rgba(255,134,182,.18));transition:opacity 1.1s ease,filter 1.2s ease}.ghost-figure-shell{top:54%;z-index:1;width:100%;height:var(--ghost-figure-shell-height);transform:translate(-50%,-50%)}.ghost-figure-image{position:absolute;top:50%;left:50%;width:auto;height:100%;max-width:none;transform:translate(-50%,-50%);transition:opacity .95s ease,filter .95s ease;will-change:opacity,filter}.ghost-figure-image-dormant{z-index:1;opacity:var(--ghost-dormant-figure-opacity);filter:var(--ghost-dormant-figure-filter)}.ghost-figure-image-awake{z-index:2;height:95.2%;opacity:var(--ghost-awake-figure-opacity);filter:var(--ghost-awake-figure-filter);transition-delay:.14s}.ghost-initialize{position:absolute;top:72%;left:50%;z-index:5;display:flex;align-items:center;justify-content:center;align-self:center;gap:14px;width:min(calc(100% - 32px),250px);min-height:44px;border:1px solid rgba(255,95,151,.78);border-radius:7px;color:var(--pink-hot);background:linear-gradient(#ffffff05 50%,#0000000a 50%),#05070acc;background-size:100% 4px,auto;cursor:pointer;font-family:ElectroShackle,Courier New,monospace;font-weight:700;letter-spacing:0;text-transform:uppercase;font-size:18px;transform:translate(-50%,-50%);transition:border-color .32s ease,color .32s ease,background-color .32s ease,box-shadow .32s ease}.ghost-slot[data-ghost-state=awake] .ghost-initialize{border-color:#ffd0dfd1;color:var(--pink-pale);background:linear-gradient(#ffffff07 50%,#00000008 50%),#12080ebd;background-size:100% 4px,auto;box-shadow:0 0 18px #ff5f972e,inset 0 0 18px #ff86b614}.ghost-lock-icon{width:22px;height:22px;flex:0 0 auto}@media (max-width: 480px){.ghost-stage{height:clamp(600px,172vw,680px)}}.ghost-stage{isolation:isolate;--glitch-cyan: rgba(48, 238, 255, .48);--glitch-magenta: rgba(255, 64, 151, .52);--glitch-rift-duration: 7.2s;--glitch-scan-duration: 10.2s;--glitch-pulse-duration: 11.2s;--glitch-stutter-duration: 9.4s;--ghost-breath-duration: 9.8s;--ghost-awake-breath-duration: 7.2s;--ghost-chamber-image: url(/assets/ghost/chamber-dormant.png)}.ghost-stage:before,.ghost-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ghost-stage:before{z-index:4;background:linear-gradient(180deg,transparent 0 42%,rgba(48,238,255,.16) 48%,transparent 56%),linear-gradient(rgba(255,255,255,.052) 50%,transparent 50%);background-size:100% 100%,100% 6px;mix-blend-mode:screen;opacity:.18;animation:ghost-scan-drift var(--glitch-scan-duration) linear infinite}.ghost-stage:after{z-index:3;background-image:var(--ghost-chamber-image);background-repeat:no-repeat;background-position:50% var(--ghost-chamber-top);background-size:auto var(--ghost-chamber-height);filter:drop-shadow(-9px 0 0 var(--glitch-cyan)) drop-shadow(9px 0 0 var(--glitch-magenta)) saturate(1.45);mix-blend-mode:screen;opacity:0;transform:translateZ(0);-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);animation:ghost-chamber-rift var(--glitch-rift-duration) steps(1,end) infinite}.ghost-chamber-image{filter:drop-shadow(0 0 18px rgba(255,95,151,.18)) drop-shadow(0 0 34px rgba(48,238,255,.08));will-change:filter,opacity,transform;animation:ghost-chamber-pulse var(--glitch-pulse-duration) ease-in-out infinite,ghost-chamber-stutter var(--glitch-stutter-duration) steps(1,end) infinite}.ghost-figure-shell{transform-origin:50% 58%;will-change:filter,transform;animation:ghost-figure-breathe var(--ghost-breath-duration) ease-in-out infinite}.ghost-slot[data-ghost-state=awake] .ghost-figure-shell{animation-duration:var(--ghost-awake-breath-duration)}@keyframes ghost-chamber-pulse{0%,to{opacity:.74;filter:drop-shadow(0 0 14px rgba(255,95,151,.14)) drop-shadow(0 0 30px rgba(48,238,255,.06))}44%{opacity:.82;filter:drop-shadow(0 0 22px rgba(255,95,151,.24)) drop-shadow(0 0 42px rgba(48,238,255,.12))}46%{opacity:.7}48%{opacity:.84}}@keyframes ghost-figure-breathe{0%,to{transform:translate(-50%,calc(-50% + 2px)) scale(.998);filter:drop-shadow(0 0 11px rgba(255,95,151,.24)) drop-shadow(0 0 26px rgba(255,134,182,.12))}38%{transform:translate(-50%,calc(-50% - 8px)) scale(1.002);filter:drop-shadow(0 0 15px rgba(255,95,151,.32)) drop-shadow(0 0 34px rgba(255,134,182,.18))}56%{transform:translate(-50%,calc(-50% - 9px)) scale(1.002);filter:drop-shadow(0 0 15px rgba(255,95,151,.32)) drop-shadow(0 0 34px rgba(255,134,182,.18))}82%{transform:translate(-50%,calc(-50% + 1px)) scale(.999)}}@keyframes ghost-chamber-stutter{0%,17%,20%,52%,54%,83%,86%,to{transform:translate(-50%,-50%)}18%{transform:translate(calc(-50% - 2px),calc(-50% + 1px)) skew(-.3deg)}19%{transform:translate(calc(-50% + 3px),calc(-50% - 1px)) skew(.24deg)}53%{transform:translate(calc(-50% + 2px),-50%)}84%{transform:translate(calc(-50% - 3px),calc(-50% + 1px))}85%{transform:translate(calc(-50% + 2px),calc(-50% - 1px))}}@keyframes ghost-chamber-rift{0%,7%,10%,32%,35%,62%,66%,88%,to{opacity:0;transform:translateZ(0);-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0)}8%{opacity:.52;transform:translate3d(-7px,-1px,0);-webkit-clip-path:inset(16% 0 76% 0);clip-path:inset(16% 0 76% 0)}9%{opacity:.34;transform:translate3d(8px,1px,0);-webkit-clip-path:inset(71% 0 21% 0);clip-path:inset(71% 0 21% 0)}33%{opacity:.46;transform:translate3d(6px,0,0);-webkit-clip-path:inset(43% 0 48% 0);clip-path:inset(43% 0 48% 0)}34%{opacity:.28;transform:translate3d(-9px,1px,0);-webkit-clip-path:inset(51% 0 39% 0);clip-path:inset(51% 0 39% 0)}63%{opacity:.54;transform:translate3d(-6px,-1px,0);-webkit-clip-path:inset(26% 0 66% 0);clip-path:inset(26% 0 66% 0)}64%{opacity:.4;transform:translate3d(8px,1px,0);-webkit-clip-path:inset(59% 0 32% 0);clip-path:inset(59% 0 32% 0)}65%{opacity:.24;transform:translate3d(-3px,0,0);-webkit-clip-path:inset(82% 0 11% 0);clip-path:inset(82% 0 11% 0)}89%{opacity:.36;transform:translate3d(7px,-1px,0);-webkit-clip-path:inset(36% 0 55% 0);clip-path:inset(36% 0 55% 0)}}@keyframes ghost-scan-drift{0%{background-position:0 0,0 0;opacity:.1}45%{opacity:.18}48%{opacity:.06}52%{opacity:.2}to{background-position:0 0,0 72px;opacity:.1}}@media (prefers-reduced-motion: reduce){.ghost-stage:before,.ghost-stage:after,.ghost-slot[data-ghost-state=awake] .ghost-figure-shell,.ghost-figure-shell,.ghost-chamber-image{animation:none}.ghost-chamber-glow-image,.ghost-figure-image{transition:none}.ghost-stage:before,.ghost-stage:after{opacity:0}}@font-face{font-family:ElectroShackle;src:url(/ElectroShackle.woff)}:root{--bg: #05070a;--panel: rgba(12, 15, 20, .82);--panel-soft: rgba(20, 18, 26, .72);--line: rgba(255, 95, 151, .58);--line-soft: rgba(255, 95, 151, .22);--pink: #ff5f97;--pink-hot: #ff86b6;--pink-pale: #ffd0df;--text: #d3c8ce;--muted: #8f858d;--faint: #504950;--green: #77d99a}html,body,#root{min-height:100%}body{margin:0;background:linear-gradient(#ffffff05 50%,#0000000f 50%),radial-gradient(circle at 16% 8%,rgba(255,95,151,.14),transparent 31rem),var(--bg);background-size:100% 4px,auto,auto;color:var(--text)}a{color:var(--pink-hot);cursor:pointer;text-decoration:none}a:hover,a:focus{color:var(--pink-pale);text-shadow:0 0 10px rgba(255,134,182,.65)}.App{box-sizing:border-box;width:min(100%,1680px);min-height:100vh;margin:0 auto;padding:18px;font-family:Courier New,monospace;font-size:14px;letter-spacing:0}.system-strip,.status-footer{display:flex;justify-content:space-between;gap:18px;color:var(--pink);font-size:13px;line-height:1.4;text-transform:uppercase}.system-strip{margin-bottom:12px}.status-footer{margin-top:12px;padding-top:10px;border-top:1px solid var(--line-soft)}.meta-row{display:grid;grid-template-columns:116px 1fr;gap:16px;align-items:baseline;padding:7px 0;border-bottom:1px solid var(--line-soft)}.meta-row span{color:var(--pink-hot);font-family:ElectroShackle,Courier New,monospace;font-size:18px;font-weight:700;text-transform:uppercase}.meta-row strong{color:var(--text);font-weight:400}.archive-layout{display:grid;grid-template-columns:minmax(320px,430px) minmax(0,1fr);gap:18px;align-items:start;margin-top:12px}.portfolio-section{display:grid;gap:18px;min-width:0}.content-columns{display:flex;gap:18px;align-items:flex-start}.content-column{flex:1;display:flex;flex-direction:column;gap:18px}.data-list{display:grid;gap:8px}.data-list.compact{gap:10px}.data-row{display:grid;grid-template-columns:minmax(8ch,.78fr) minmax(0,1fr);gap:14px;align-items:baseline;min-width:0}.data-label{color:var(--text);min-width:0;text-transform:lowercase}.data-value{color:var(--muted);overflow-wrap:anywhere}.skill-cloud{display:flex;flex-wrap:wrap;gap:9px 0;line-height:1.6}.skill-cloud span{color:var(--text)}.skill-cloud s{text-decoration-color:var(--pink);text-decoration-thickness:2px}.skill-cloud span:not(:last-child):after{content:"•";margin:0 10px;color:var(--pink)}.project-list{display:grid;grid-template-columns:minmax(138px,.45fr) minmax(190px,1fr) auto;gap:9px}.project-row{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;gap:14px;align-items:baseline;padding-bottom:8px;border-bottom:1px solid rgba(255,95,151,.13)}.project-row:last-child{border-bottom:0;padding-bottom:0}.project-row h3,.project-row p{margin:0;font-size:14px}.project-row h3{color:var(--pink-pale);min-width:0;overflow-wrap:anywhere}.project-row p{color:var(--muted);min-width:0;overflow-wrap:anywhere}.project-links{display:flex;justify-content:flex-end;gap:8px;white-space:nowrap}.link-list,.plain-list{display:grid;gap:9px;margin:0;padding:0;list-style:none}.link-list li,.plain-list li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:baseline;color:var(--text)}.link-list li{grid-template-columns:auto minmax(0,1fr) auto}.link-list li:before,.plain-list li:before{content:">";color:var(--pink)}.link-list li span,.plain-list li{min-width:0;overflow-wrap:anywhere}.link-list li a{white-space:nowrap}@media (min-width: 1440px){.App{padding:22px 28px}.archive-layout{grid-template-columns:minmax(360px,520px) minmax(0,1fr)}}@media (min-width: 960px) and (max-width: 1359px){.archive-layout{grid-template-columns:clamp(360px,34vw,420px) minmax(0,1fr)}.content-columns{flex-direction:column;min-width:0;width:100%}.content-column{min-width:0;width:100%}}@media (max-width: 959px){.archive-layout{grid-template-columns:1fr}.content-columns{flex-direction:column}.content-column{width:100%}}@media (max-width: 720px){.App{padding:12px;font-size:13px}.system-strip,.status-footer,.project-row{align-items:flex-start;flex-direction:column}.system-strip,.status-footer{gap:4px}.meta-row{grid-template-columns:1fr;gap:4px}.data-row{gap:10px}.project-list{grid-template-columns:minmax(10ch,12ch) minmax(0,1fr) auto}.project-row{gap:8px}.project-links{justify-content:flex-end}}body{margin:0;padding:0;font-family:sans-serif}