:root{color-scheme:dark;--bg:#09090e;--ink:#f8f5ff;--muted:#b4a9c8;--purple:#ab72ff;--line:#51405f;--px:0px;--py:0px;font-family:"Noto Sans SC","Noto Sans JP","Noto Sans KR","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}::selection{background:#7336c8;color:white}button,select,a{-webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-underline-offset:5px}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--purple);outline-offset:7px}button{border:0;background:none}button:disabled{cursor:default;opacity:.6}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}.topbar{position:absolute;z-index:4;top:0;left:0;width:100%;padding:26px 4vw;display:flex;align-items:center;justify-content:space-between}.brand{display:block}.brand img{width:116px;height:72px;display:block;object-fit:contain}.top-actions{display:flex;align-items:center;gap:30px}select{border:0;background:var(--bg);font-size:14px;min-height:44px;padding:0 10px}.contact{font-size:15px;padding:13px 0;border-bottom:1px solid var(--purple)}.contact:hover{color:var(--purple)}.world{height:100svh;min-height:750px;max-height:1200px;position:relative;overflow:hidden;isolation:isolate;transition:filter .65s,opacity .65s}.statement{position:absolute;top:21%;left:6%;z-index:2;pointer-events:none}h1{font-size:clamp(18px,1.5vw,25px);font-weight:450;line-height:1.7;letter-spacing:.025em;margin:0}h1 span{display:block}h1 span:last-child{color:var(--muted)}.character{position:absolute;width:min(100vw,1440px);left:50%;bottom:100px;transform:translate(calc(-50% + var(--px)),var(--py));z-index:-1;pointer-events:none;transition:transform .65s cubic-bezier(.16,1,.3,1)}video{display:block;width:100%;height:auto}.character:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),transparent 13%,transparent 87%,var(--bg)),linear-gradient(0deg,var(--bg),transparent 11%,transparent 91%,var(--bg));pointer-events:none}.constellation{position:absolute;inset:0}.portal{position:absolute;text-align:left;padding:18px 38px 18px 0;min-width:170px;transition:color .3s,transform .5s cubic-bezier(.16,1,.3,1);color:var(--ink)}.portal-name{display:block;font-size:clamp(27px,2.6vw,42px);letter-spacing:-.02em;font-weight:500}.portal-note{display:block;font-size:14px;color:var(--muted);margin-top:9px}.portal svg{position:absolute;right:0;top:28px;width:23px;height:23px;stroke:var(--purple);stroke-width:1.5;fill:none;opacity:0;transform:translateX(-10px);transition:.3s}.portal:after{content:"";position:absolute;bottom:5px;left:0;width:32px;height:1px;background:var(--purple);transition:width .5s}.portal:hover,.portal:focus-visible{color:var(--purple);transform:translateY(-5px)}.portal:hover:after,.portal:focus-visible:after{width:100%}.portal:hover svg,.portal:focus-visible svg{opacity:1;transform:none}.templates{left:8%;top:43%}.cases{left:13%;bottom:20%}.future{right:9%;top:30%}.about{right:6%;bottom:26%}.character-caption{position:absolute;bottom:86px;left:50%;transform:translateX(-50%);font-size:15px;color:#d1bddf;text-align:center;width:min(80%,470px);line-height:1.6;pointer-events:none}.bottom{position:absolute;bottom:27px;left:4vw;right:4vw;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted)}.bottom button{min-height:44px;padding:10px 14px;color:var(--muted);font-size:13px}.bottom button:hover{color:white}.panel-open .world{filter:blur(14px);opacity:.24;pointer-events:none}.panel-open .topbar{visibility:hidden}.panel{position:fixed;inset:24px;z-index:6;background:#100d17f2;overflow:auto;scrollbar-color:#8e62b9 #17111f;scrollbar-width:thin;padding:28px 4vw;animation:panel-in .65s cubic-bezier(.16,1,.3,1) both}.panel[hidden]{display:none}.panel-bar{display:flex;justify-content:space-between;align-items:center;color:var(--muted)}.panel-bar button{padding:14px 0;border-bottom:1px solid var(--line);font-size:15px}.panel-inner{max-width:960px;margin:70px auto}.panel h2{font-size:clamp(38px,6vw,76px);font-weight:500;letter-spacing:-.03em;margin:0 0 24px;line-height:1.2}.panel p{color:#c4b6d0;font-size:18px;line-height:1.85;max-width:650px}.entry{display:block;text-align:left;width:100%;border-top:1px solid var(--line);padding:28px 0;font-size:clamp(22px,3vw,36px);margin-top:42px}.entry span{display:block;font-size:14px;color:var(--purple);margin-top:12px}.entry:hover{color:var(--purple)}.pending{margin-top:46px;color:var(--muted)}.viewer{width:100%;height:65svh;border:0;background:#fff;margin-top:24px}.viewer-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;font-size:14px;margin-top:22px}.viewer-actions a{color:var(--purple)}.noscript{position:fixed;bottom:0;background:#241633;padding:20px;z-index:10;width:100%;margin:0}.entering .character{animation:arrive 1.2s cubic-bezier(.16,1,.3,1) both}.entering .portal{animation:portal-in 1s cubic-bezier(.16,1,.3,1) both}.entering .cases{animation-delay:.12s}.entering .future{animation-delay:.2s}.entering .about{animation-delay:.28s}@keyframes arrive{from{filter:blur(16px);opacity:.2}to{filter:blur(0);opacity:1}}@keyframes portal-in{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}@keyframes panel-in{from{opacity:0;transform:translateY(24px);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}
.character{width:min(100vw,1440px,calc(155svh - 240px))}
@media(min-width:1700px){.templates{left:15%}.cases{left:20%}.future{right:17%}.about{right:13%}}
@media(max-width:900px){.topbar{padding:20px 24px}.brand img{width:95px;height:60px}.top-actions{gap:18px}.statement{top:135px;left:28px}.world{min-height:780px}.character{width:1050px;bottom:170px}.templates{left:5%;top:43%}.future{right:4%;top:32%}.cases{left:7%;bottom:15%}.about{right:5%;bottom:16%}.portal{min-width:150px}.portal-name{font-size:29px}.portal-note{font-size:13px}.character-caption{bottom:88px}.panel{inset:12px}.panel-inner{margin:50px auto}}
@media(max-width:600px){.topbar{padding:16px 20px}.brand img{width:84px;height:52px}.top-actions{gap:8px}.contact{font-size:14px}select{font-size:13px;padding:0 3px}.world{min-height:780px;height:100svh;max-height:none}.statement{top:112px;left:24px}h1{font-size:18px}.character{width:740px;bottom:240px}.constellation{inset:auto 24px 104px;display:grid;grid-template-columns:1fr 1fr;gap:16px 30px}.portal{position:relative;inset:auto;min-width:0;padding:12px 0}.portal-name{font-size:25px}.portal-note{font-size:12px;line-height:1.5}.portal svg{right:5px;width:18px;top:18px;opacity:1;transform:none}.character-caption{bottom:300px;font-size:13px}.bottom{left:24px;right:24px;bottom:24px;flex-wrap:wrap;gap:6px}.copyright{display:none}.panel{padding:20px;inset:8px}.panel-inner{margin:44px auto}.panel p{font-size:16px}.panel h2{font-size:38px}.viewer{height:58svh}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.character{transform:translateX(-50%)}}