:root{color-scheme:light;--bg:#ffffff;--bg-gradient:linear-gradient(
    180deg,
    #ffffff 0%,
    #f8fdff 16%,
    #effbff 32%,
    #dff7fc 52%,
    #c2f0f9 72%,
    #9fe9f8 86%,
    #7de8ff 94%,
    #5BE1FF 100%
  );--wallpaper-base:#ffffff;--wallpaper-stripe-a:rgba(255, 255, 255, 0.42);--wallpaper-stripe-b:rgba(255, 255, 255, 0.3);--wallpaper-stripe-c:rgba(74, 198, 235, 0.07);--text:#0f2d3d;--text-muted:#3d6273;--accent:#0897be;--accent-2:#5BE1FF;--accent-3:#F7C9D8;--accent-glow:rgba(91, 225, 255, 0.4);--glass:rgba(255, 255, 255, 0.82);--glass-hover:rgba(255, 255, 255, 0.96);--glass-border:rgba(91, 225, 255, 0.22);--overlay-backdrop:rgba(18, 48, 61, 0.35);--overlay-shadow:rgba(18, 48, 61, 0.18);--overlay-close-hover:rgba(247, 201, 216, 0.25);--meta-link:#d98aaa;--frame-text:#ececf4;--frame-text-muted:#8a9aaa;--frame-bg:#000000;--frame-left:56px;--frame-top:28px;--frame-right:28px;--frame-bottom:28px;--expand-top:52px;--expand-left:200px;--expand-right:260px;--expand-bottom:96px;--inner-radius:22px;--frame-outline:rgba(255, 255, 255, 0.5);--viewport-outline:rgba(91, 225, 255, 0.28);--screen-shadow:0 8px 32px rgba(0, 0, 0, 0.35);--font:'Outfit', 'IBM Plex Sans JP', system-ui, sans-serif;--mono:'JetBrains Mono', monospace;--ease-fluid:cubic-bezier(0.22, 1, 0.36, 1);--ease-spring:cubic-bezier(0.34, 1.56, 0.64, 1);--dur:0.55s}[data-theme=dark]{color-scheme:dark;--bg:#0a1419;--bg-gradient:linear-gradient(
    180deg,
    #0a1419 0%,
    #0c1a22 16%,
    #0e222c 32%,
    #123040 52%,
    #164a5c 72%,
    #1a5f75 86%,
    #1e7490 94%,
    #0897be 100%
  );--wallpaper-base:#0a1419;--wallpaper-stripe-a:rgba(91, 225, 255, 0.07);--wallpaper-stripe-b:rgba(91, 225, 255, 0.05);--wallpaper-stripe-c:rgba(91, 225, 255, 0.1);--text:#e8f4f8;--text-muted:#8ab0bd;--accent:#5BE1FF;--accent-2:#87E0F4;--accent-3:#F7C9D8;--accent-glow:rgba(91, 225, 255, 0.25);--glass:rgba(12, 26, 34, 0.88);--glass-hover:rgba(14, 32, 42, 0.94);--glass-border:rgba(91, 225, 255, 0.14);--overlay-backdrop:rgba(0, 0, 0, 0.55);--overlay-shadow:rgba(0, 0, 0, 0.45);--overlay-close-hover:rgba(91, 225, 255, 0.12);--meta-link:#f0a8c4;--viewport-outline:rgba(91, 225, 255, 0.18);--screen-shadow:0 8px 32px rgba(0, 0, 0, 0.6)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{height:100%;overflow:hidden;background:#000}body{height:100%;overflow:hidden;background:#000;font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:none;background:0 0;cursor:pointer}.shell{position:relative;width:100vw;height:100vh;height:100dvh;box-sizing:border-box;padding:var(--frame-top)var(--frame-right)var(--frame-bottom)var(--frame-left);background:var(--frame-bg);overflow:hidden}.shell::before{content:'';position:absolute;inset:0;border:1px solid var(--frame-outline);pointer-events:none;z-index:200}.shell::after{display:none}.viewport{position:absolute;top:var(--frame-top);right:var(--frame-right);bottom:var(--frame-bottom);left:var(--frame-left);border-radius:var(--inner-radius);overflow:hidden;z-index:1;background:var(--bg-gradient);border:1px solid var(--viewport-outline);box-shadow:var(--screen-shadow);transform:translateZ(0);transition:top var(--dur)var(--ease-fluid),right var(--dur)var(--ease-fluid),bottom var(--dur)var(--ease-fluid),left var(--dur)var(--ease-fluid)}.shell:has(.frame--top.is-open) .viewport{top:calc(var(--frame-top) + var(--expand-top))}.shell:has(.frame--left.is-open) .viewport{left:calc(var(--frame-left) + var(--expand-left))}.shell:has(.frame--right.is-open) .viewport{right:calc(var(--frame-right) + var(--expand-right))}.shell:has(.frame--bottom.is-open) .viewport{bottom:calc(var(--frame-bottom) + var(--expand-bottom))}.wallpaper{position:absolute;top:0;left:0;width:calc(100vw - var(--frame-left) - var(--frame-right));height:calc(100vh - var(--frame-top) - var(--frame-bottom));height:calc(100dvh - var(--frame-top) - var(--frame-bottom));border-radius:inherit;background-color:var(--wallpaper-base);background-image:repeating-linear-gradient( 132deg,transparent 0 11px,var(--wallpaper-stripe-a) 11px 12px ),repeating-linear-gradient( 48deg,transparent 0 11px,var(--wallpaper-stripe-b) 11px 12px ),repeating-linear-gradient( 132deg,transparent 0 11px,var(--wallpaper-stripe-c) 11px 12px ),var(--bg-gradient);overflow:hidden;isolation:isolate;will-change:transform;transition:transform var(--dur)var(--ease-fluid)}.shell:has(.frame--top.is-open) .wallpaper{transform:translateY(calc(-1 * var(--expand-top)))}.shell:has(.frame--left.is-open) .wallpaper{transform:translateX(calc(-1 * var(--expand-left)))}.workspace-track{position:absolute;inset:0;z-index:2;overflow:hidden}.workspace,.blog-pane{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateX(0);transition:opacity var(--dur)var(--ease-fluid),transform var(--dur)var(--ease-fluid),visibility 0s linear var(--dur);overflow-y:auto}.workspace.is-active,.blog-pane.is-active{opacity:1;visibility:visible;transform:translateX(0);transition:opacity var(--dur)var(--ease-fluid),transform var(--dur)var(--ease-fluid),visibility 0s}.workspace.is-entering-from-right,.blog-pane.is-entering-from-right{transform:translateX(100%)}.workspace.is-leaving-to-left,.blog-pane.is-leaving-to-left{opacity:0;transform:translateX(-100%);transition:opacity calc(var(--dur) * .85)var(--ease-fluid),transform var(--dur)var(--ease-fluid),visibility 0s linear var(--dur)}.workspace.is-entering-from-left,.blog-pane.is-entering-from-left{transform:translateX(-100%)}.workspace.is-leaving-to-right,.blog-pane.is-leaving-to-right{opacity:0;transform:translateX(100%);transition:opacity calc(var(--dur) * .85)var(--ease-fluid),transform var(--dur)var(--ease-fluid),visibility 0s linear var(--dur)}.desktop{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.desktop__content{text-align:center;max-width:560px;padding:2rem;animation:fade-up 1s var(--ease-fluid)both}@keyframes fade-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.desktop__title{margin-bottom:1.25rem}.desktop__logo{display:block;width:min(28rem,88vw);height:auto;margin:0 auto}.desktop__desc{color:var(--text-muted);font-size:1.05rem;margin-bottom:0}.desktop__desc p{margin:0}.frame{position:absolute;z-index:10;transition:width var(--dur)var(--ease-fluid),height var(--dur)var(--ease-fluid)}.frame--top{top:0;left:0;right:0;height:var(--frame-top)}.frame--top.is-open{height:calc(var(--frame-top) + var(--expand-top))}.frame--left{top:0;left:0;bottom:0;width:var(--frame-left)}.frame--left.is-open{width:calc(var(--frame-left) + var(--expand-left))}.frame--right{top:0;right:0;bottom:0;width:var(--frame-right)}.frame--right.is-open{width:calc(var(--frame-right) + var(--expand-right))}.frame--bottom{bottom:0;left:0;right:0;height:var(--frame-bottom)}.frame--bottom.is-open{height:calc(var(--frame-bottom) + var(--expand-bottom))}.frame__outline{position:absolute;pointer-events:none;z-index:201;border:1px solid transparent;border-radius:var(--inner-radius);transition:width var(--dur)var(--ease-fluid),height var(--dur)var(--ease-fluid),border-color .1s ease}.frame.is-open .frame__outline{border-color:var(--frame-outline)}.frame--top .frame__outline,.frame--bottom .frame__outline{display:none}.frame--left .frame__outline{top:0;bottom:0;left:0;width:var(--frame-left);border-left:none;border-right:none;border-radius:0}.frame--left.is-open .frame__outline{width:calc(var(--frame-left) + var(--expand-left))}.frame--right .frame__outline{top:0;bottom:0;right:0;width:var(--frame-right);border-left:none;border-right:none;border-radius:0}.frame--right.is-open .frame__outline{width:calc(var(--frame-right) + var(--expand-right))}.frame__panel{position:absolute;z-index:1;overflow:hidden;pointer-events:none;visibility:hidden;background:0 0;border:none;box-shadow:none;transition:width var(--dur)var(--ease-fluid),height var(--dur)var(--ease-fluid)}.frame.is-open .frame__panel{visibility:visible;pointer-events:auto;background:var(--frame-bg);color:var(--frame-text)}.frame.is-open .panel__inner{background:var(--frame-bg)}.panel__inner{padding:1rem 1.25rem}.panel__label{font-size:.65rem;text-transform:uppercase;letter-spacing:.14em;color:var(--frame-text-muted);margin-bottom:.75rem}.panel__brand{font-weight:600;font-size:.95rem}.frame--top .frame__panel{top:0;left:0;right:0;height:var(--frame-top);border-radius:0 0 var(--inner-radius)var(--inner-radius)}.frame--top.is-open .frame__panel{height:calc(var(--frame-top) + var(--expand-top))}.frame--top .panel__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-left:var(--frame-left);margin-right:var(--frame-right);margin-top:var(--frame-top);height:var(--expand-top);padding:0 1.25rem;white-space:nowrap;box-sizing:border-box}.panel__chips{display:flex;gap:.4rem}.chip{font-size:.7rem;font-family:var(--mono);padding:.25rem .6rem;border-radius:8px;color:var(--frame-text-muted);background:rgba(255,255,255,4%);transition:background .2s,color .2s}.chip[data-workspace]:hover{background:rgba(255,255,255,8%);color:var(--frame-text)}.chip--active{color:var(--accent-3);background:rgba(247,201,216,.22)}.chip--disabled{opacity:.45;cursor:default}.panel__status{display:flex;align-items:center;gap:.65rem;font-family:var(--mono);font-size:.75rem;color:var(--frame-text-muted)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:8px;color:var(--frame-text-muted);transition:background .2s,color .2s,transform .3s var(--ease-spring)}.theme-toggle:hover{background:rgba(255,255,255,8%);color:var(--accent-2)}.theme-toggle__icon{display:none;font-size:.95rem;line-height:1}:root:not([data-theme=dark]) .theme-toggle__icon--dark,[data-theme=dark] .theme-toggle__icon--light{display:block}.status-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px rgba(74,222,128,.6)}.frame--left .frame__panel{top:0;bottom:0;left:0;width:var(--frame-left);border-radius:0 var(--inner-radius)var(--inner-radius)0}.frame--left.is-open .frame__panel{width:calc(var(--frame-left) + var(--expand-left))}.frame--left .panel__inner{margin-left:var(--frame-left);width:var(--expand-left);min-height:100%;padding:calc(var(--frame-top) + .75rem)1.25rem calc(var(--frame-bottom) + .75rem);box-sizing:border-box}.side-nav{display:flex;flex-direction:column;gap:.35rem}.side-nav__item{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;border-radius:12px;text-align:left;transition:background .25s,transform .3s var(--ease-spring)}.side-nav__item:hover{background:rgba(255,255,255,6%);transform:translateX(3px)}.side-nav__item.is-active{background:rgba(247,201,216,.16);color:var(--accent-3)}.side-nav__icon{width:1.25rem;text-align:center;font-size:.9rem}.side-nav__text{font-size:.875rem;font-weight:500}.frame--right .frame__panel{top:0;bottom:0;right:0;width:var(--frame-right);border-radius:var(--inner-radius)0 0 var(--inner-radius)}.frame--right.is-open .frame__panel{width:calc(var(--frame-right) + var(--expand-right))}.frame--right .panel__inner{position:absolute;top:var(--frame-top);bottom:var(--frame-bottom);right:var(--frame-right);width:var(--expand-right);padding:.75rem 1.25rem;box-sizing:border-box;white-space:normal;overflow-y:auto}.progress-list{display:flex;flex-direction:column;gap:.85rem}.progress-item__row{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:.4rem}.progress-item__status{font-size:.65rem;color:var(--accent-3)}.progress-item__track{height:4px;background:rgba(255,255,255,6%);border-radius:100px;overflow:hidden;margin-bottom:.25rem}.progress-item__fill{height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--accent-3));border-radius:100px;transition:width 1s var(--ease-fluid)}.frame--right.is-open .progress-item__fill{width:var(--target)}.progress-item__pct{font-family:var(--mono);font-size:.65rem;color:var(--frame-text-muted)}.frame--bottom .frame__panel{bottom:0;left:0;right:0;height:var(--frame-bottom);border-radius:var(--inner-radius)var(--inner-radius)0 0}.frame--bottom.is-open .frame__panel{height:calc(var(--frame-bottom) + var(--expand-bottom))}.frame--bottom .panel__inner{margin-left:var(--frame-left);margin-right:var(--frame-right);margin-bottom:var(--frame-bottom);padding:.75rem 1.25rem 1rem;box-sizing:border-box}.dock{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.dock__item{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.65rem 1rem;border-radius:14px;min-width:72px;transition:background .2s}.dock__item:hover{background:rgba(255,255,255,7%)}.dock__icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:rgba(247,201,216,.18);border-radius:10px}.dock__icon svg{width:16px;height:16px;color:var(--accent-3)}.dock__label{font-size:.7rem;color:var(--frame-text-muted)}.blog-track{position:absolute;inset:0;overflow:hidden}.blog{max-width:680px;margin:0 auto;padding:3rem 2rem 4rem;animation:fade-up .8s var(--ease-fluid)both}.blog__header{margin-bottom:2.5rem}.blog__eyebrow{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem}.blog__title{font-size:clamp(2rem,5vw,2.75rem);font-weight:600;letter-spacing:-.02em;margin-bottom:.5rem}.blog__lead{color:var(--text-muted);font-size:1rem}.blog__list{display:flex;flex-direction:column;gap:.5rem}.blog-card{padding:1.25rem 1.35rem;border-radius:16px;background:var(--glass);border:1px solid var(--glass-border);transition:background .25s,transform .3s var(--ease-spring),box-shadow .25s}.blog-card:hover{background:var(--glass-hover);transform:translateX(4px);box-shadow:0 8px 24px rgba(91,225,255,8%)}.blog-card__date{display:block;font-family:var(--mono);font-size:.7rem;color:var(--accent);margin-bottom:.4rem}.blog-card__title{font-size:1.1rem;font-weight:600;margin-bottom:.35rem}.blog-card__link{text-align:left;color:var(--text);transition:color .2s}.blog-card__link:hover{color:var(--accent)}.blog-card__summary{color:var(--text-muted);font-size:.9rem;line-height:1.55}.blog-post{max-width:720px;margin:0 auto;padding:2.5rem 2rem 4rem}.blog-post__back{display:inline-flex;align-items:center;gap:.35rem;margin-bottom:1.75rem;padding:.45rem .85rem;border-radius:10px;font-size:.85rem;font-weight:500;color:var(--text-muted);background:var(--glass);border:1px solid var(--glass-border);transition:background .2s,color .2s,transform .3s var(--ease-spring)}.blog-post__back:hover{color:var(--accent);background:var(--glass-hover);transform:translateX(-3px)}.blog-post__eyebrow{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem}.blog-post__date{display:block;font-family:var(--mono);font-size:.75rem;color:var(--accent);margin-bottom:.5rem}.blog-post__title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;letter-spacing:-.02em;line-height:1.25;margin-bottom:1.5rem}.blog-post__body{color:var(--text-muted);font-size:1rem;line-height:1.75}.blog-post__body p{margin-bottom:.85rem}.blog-post__body p:last-child{margin-bottom:0}.overlay{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center}.overlay[hidden]{display:none}.overlay__backdrop{position:absolute;inset:0;background:var(--overlay-backdrop);backdrop-filter:blur(4px);opacity:0}.overlay.is-visible .overlay__backdrop{animation:backdrop-in .4s var(--ease-fluid)forwards}.overlay.is-closing .overlay__backdrop{animation:backdrop-out .35s var(--ease-fluid)forwards}.overlay__card{position:relative;width:min(600px,calc(100% - 2rem));max-height:calc(100% - 2rem);padding:2rem;background:var(--glass-hover);backdrop-filter:blur(32px);border:1px solid var(--glass-border);border-radius:var(--inner-radius);box-shadow:0 24px 64px var(--overlay-shadow);overflow:hidden;display:flex;flex-direction:column;opacity:0;transform:scale(.92)translateY(16px)}.overlay.is-visible .overlay__card{animation:card-in .45s var(--ease-spring)forwards}.overlay.is-closing .overlay__card{animation:card-out .4s var(--ease-fluid)forwards}@keyframes backdrop-in{from{opacity:0}to{opacity:1}}@keyframes backdrop-out{from{opacity:1}to{opacity:0}}@keyframes card-in{from{opacity:0;transform:scale(.92)translateY(16px)}to{opacity:1;transform:none}}@keyframes card-out{from{opacity:1;transform:none}to{opacity:0;transform:scale(.92)translateY(16px)}}.overlay__close{position:absolute;top:1rem;right:1rem;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--text-muted)}.overlay__close:hover{background:var(--overlay-close-hover);color:var(--text)}.overlay__body h2{font-size:1.5rem;font-weight:600;margin:.35rem 0 .75rem}.overlay__body{overflow-y:auto;padding-right:.25rem}.overlay__lead{color:var(--text);font-size:.95rem;line-height:1.6;margin-bottom:1rem !important}.overlay__section{margin-bottom:1rem}.overlay__section:last-of-type{margin-bottom:.25rem}.overlay__heading{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:.4rem}.overlay__list{list-style:none;padding:0;margin:0}.overlay__list li{position:relative;padding-left:1rem;color:var(--text-muted);font-size:.9rem;line-height:1.55;margin-bottom:.35rem}.overlay__list li::before{content:'·';position:absolute;left:0;color:var(--accent-2);font-weight:700}.overlay__body p{color:var(--text-muted);margin-bottom:.5rem;font-size:.95rem;line-height:1.6}.overlay__meta{margin-top:1.25rem !important;font-size:.8rem !important}.overlay__meta a{color:var(--meta-link)}@media(max-width:640px){:root{--frame-left:44px;--frame-top:22px;--frame-right:22px;--frame-bottom:22px;--inner-radius:16px}.frame--left.is-open .frame__panel{width:calc(var(--frame-left) + min(200px,58vw))}.frame--left.is-open{width:calc(var(--frame-left) + min(200px,58vw))}.frame--right.is-open .frame__panel{width:calc(var(--frame-right) + min(240px,72vw))}.frame--right.is-open{width:calc(var(--frame-right) + min(240px,72vw))}.panel__chips{display:none}.blog{padding:2rem 1.25rem 3rem}.blog-post{padding:2rem 1.25rem 3rem}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none !important;transition-duration:.01ms !important}.panel__inner,.progress-item,.dock__item{transform:none}.progress-item__fill{width:var(--target)}}