.hero-section{background:var(--color-page-bg);touch-action:pan-y;--hero-visual-height:47.95%;--hero-title-inset-top:47.95%;--hero-word-scale:1;--hero-title-gap:clamp(1rem, 2vw, 1.75rem);--hero-row-gap:clamp(.75rem, 2vw, 2rem);--hero-title-padding-top:clamp(1.25rem, 3vw, 2.75rem);--hero-title-padding-x:clamp(1rem, 4vw, 3rem);--hero-title-padding-bottom:clamp(1.5rem, 4vw, 3.25rem);min-height:220svh;position:relative;overflow:visible}.hero-section__stage{background:var(--color-surface);width:100%;min-height:100svh;position:sticky;top:0;overflow:hidden}.hero-section__visual{height:var(--hero-visual-height);z-index:0;pointer-events:none;will-change:height;position:absolute;inset:0 0 auto;overflow:visible}.hero-section__background{opacity:0;transform-origin:50% 56%;will-change:transform, opacity;pointer-events:none;width:104%;height:112%;position:absolute;inset:0 -2% -12%;transform:translate(0,0)scale(1.06)}.hero-section__background path{vector-effect:non-scaling-stroke}.hero-section__background-base{opacity:1}.hero-section__background-mist{transform-box:fill-box;transform-origin:50% 46%;opacity:.6;mix-blend-mode:screen;will-change:opacity}.hero-section__background-glow{transform-box:fill-box;transform-origin:50% 54%;opacity:.24;mix-blend-mode:soft-light;will-change:opacity}.hero-section__title{inset:var(--hero-title-inset-top) 0 0;justify-content:flex-start;align-items:flex-start;gap:var(--hero-title-gap);padding:var(--hero-title-padding-top) var(--hero-title-padding-x) var(--hero-title-padding-bottom);box-sizing:border-box;z-index:2;opacity:0;will-change:transform, opacity;flex-direction:column;display:flex;position:absolute;transform:translateY(18px)}.hero-section__row{align-self:flex-start;align-items:baseline;gap:var(--hero-row-gap);flex:none;width:fit-content;min-width:0;display:flex}.hero-section__word-shell{vertical-align:baseline;min-width:0;display:inline-block;position:relative;overflow:hidden}.hero-section__word{font-family:var(--font-display);font-style:normal;font-weight:700;font-size:calc(var(--hero-word-font-size) * var(--hero-word-scale));line-height:calc(var(--hero-word-line-height) * var(--hero-word-scale));letter-spacing:var(--hero-word-letter-spacing);text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;font-kerning:normal;white-space:nowrap;display:block}.hero-section__word--base{color:var(--color-text-strong)}.hero-section__word--active{color:var(--hero-word-active-color,var(--color-accent-strong));pointer-events:none;clip-path:inset(100% 0 0);will-change:clip-path;position:absolute;inset:0}.hero-section__word--regular,.hero-section__word--bold{font-weight:700}.hero-section__word--dark{color:var(--color-text-strong)}.hero-section__word--light{color:#fff}.hero-section__word--render{-webkit-text-stroke:2px var(--color-text-strong);paint-order:stroke fill;text-shadow:0 1px 0 var(--color-text-strong), 1px 0 0 var(--color-text-strong), -1px 0 0 var(--color-text-strong), 0 -1px 0 var(--color-text-strong)}.hero-section__word--render-active{-webkit-text-stroke:0;text-shadow:none}@media (prefers-reduced-motion:reduce){.hero-section__background{transform:none}.hero-section__background path{animation:none!important;transform:none!important}.hero-section__title,.hero-section__word--active{transition:none!important;animation:none!important}}@media (width<=768px){.hero-section{--hero-word-scale:.78;--hero-visual-height:46%;--hero-title-inset-top:46%;--hero-title-gap:.85rem;--hero-row-gap:.55rem;--hero-title-padding-top:1rem;--hero-title-padding-x:.85rem;--hero-title-padding-bottom:1.2rem;min-height:200svh}.hero-section__title{align-items:center}.hero-section__row{justify-content:center}}@media (width<=640px){.hero-section{--hero-word-scale:.52;--hero-visual-height:42%;--hero-title-inset-top:42%;--hero-title-gap:.6rem;--hero-row-gap:.35rem;--hero-title-padding-top:.9rem;--hero-title-padding-x:.7rem;--hero-title-padding-bottom:1rem;min-height:180svh}.hero-section__stage{min-height:100svh}.hero-section__title{text-align:center;align-items:center;width:100%}.hero-section__row{flex-wrap:wrap;justify-content:center;width:100%}}@media (width<=390px){.hero-section{--hero-word-scale:.42;--hero-visual-height:40%;--hero-title-inset-top:40%;--hero-title-gap:.45rem;--hero-row-gap:.25rem;--hero-title-padding-top:.75rem;--hero-title-padding-x:.5rem;--hero-title-padding-bottom:.85rem;min-height:170svh}.hero-section__title{padding-inline:.5rem}}.about-section{background:var(--color-surface);min-height:300dvh;position:relative}.about-group{justify-content:center;align-items:center;width:100%;height:100dvh;display:flex;position:sticky;top:0;left:0;overflow:hidden}.about-svg-canvas{pointer-events:none;will-change:opacity, transform;z-index:1;width:clamp(280px,45vw,480px);height:clamp(280px,45vw,480px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.about-svg-layer{z-index:1;pointer-events:none;position:absolute;inset:0}.about-svg{width:100%;height:100%}.about-text-layer{z-index:2;width:100%;height:100%;position:relative}.about-text-group{opacity:0;pointer-events:none;position:absolute;inset:0}.about-text-group--active{opacity:1}.about-text{font-family:var(--font-about);letter-spacing:.05em;color:var(--color-text-strong);will-change:transform, opacity;white-space:nowrap;font-size:clamp(1.25rem,2.5vw,2.25rem);font-weight:400;line-height:1.6;position:absolute}.about-text--left{left:3%}.about-text--center{left:50%;transform:translate(-50%)}.about-text--right{right:3%}.about-text--hand{font-family:var(--font-hand)}@media (width<=768px){.about-text{font-size:clamp(1rem,4vw,1.5rem)}.about-svg-canvas{width:120px;height:120px}}.skills-section{background:var(--color-surface);min-height:100dvh;position:relative;overflow:hidden}.skills-section__inner{width:100%;min-height:100dvh;position:relative;overflow:hidden}.skills-section__title-stack{place-items:start center;padding-top:clamp(2.25rem,5vw,4.5rem);display:grid;position:absolute;inset:0 0 auto}.skills-section__title{color:#000;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;grid-area:1/1;margin:0;font-size:clamp(5rem,9vw,9rem);font-weight:700;line-height:.9}.skills-section__title--back{color:#d9d9d9;transform:translate(-.45rem,-.45rem)}.skills-section__title--front{transform:translate(.1rem,.1rem)}.skills-section__stage{perspective:900px;justify-content:center;align-items:center;width:800px;height:400px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.skills-card{cursor:pointer;perspective:600px;width:240px;height:320px;position:absolute}.skills-card__rotator{--tilt-x:0deg;--tilt-y:0deg;--pointer-x:50%;--pointer-y:50%;--effect-intensity:0;width:100%;height:100%;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-origin:50%;will-change:transform;border-radius:2rem;transition:box-shadow .3s;position:relative;box-shadow:0 18px 36px #0000006b,0 4px 12px #00000057}.skills-card:hover .skills-card__rotator{box-shadow:0 18px 36px #0000006b, 0 4px 12px #00000057, 0 0 30px color-mix(in srgb, var(--card-color,#333) 40%, transparent)}.skills-card__inner{background:color-mix(in srgb, var(--card-color,#333) 12%, #fff);border:2px solid color-mix(in srgb, var(--card-color,#333) 25%, transparent);z-index:1;border-radius:2rem;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 4px 24px #0000000f,0 1px 3px #0000000a}.skills-card__icon{font-family:var(--font-display);filter:drop-shadow(0 2px 4px #00000026);font-size:3rem;font-weight:700}.skills-card__placeholder{font-family:var(--font-display);text-align:center;padding:1rem;font-size:1.25rem}.skills-card__num{font-family:var(--font-display);color:var(--color-text-strong);font-size:4rem;font-weight:700}.skills-section__controls{align-items:center;gap:1.5rem;display:flex;position:absolute;bottom:clamp(2rem,5vw,4rem);left:50%;transform:translate(-50%)}.skills-section__dots{gap:.75rem;display:flex}.skills-section__arrow{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:0 .5rem;font-size:2rem;transition:color .2s,transform .2s}.skills-section__arrow:hover{color:var(--color-text-strong);transform:scale(1.1)}.skills-section__dot{background:var(--color-border-strong);cursor:pointer;border:none;border-radius:50%;width:.625rem;height:.625rem;padding:0;transition:background .2s,transform .2s}.skills-section__dot--active{background:var(--color-text-strong);transform:scale(1.3)}@media (width<=768px){.skills-section__title-stack{padding-top:2rem}}.works-section{background:var(--color-surface);position:relative}.works-section__inner{min-height:100vh;position:relative}.works-section__title-wrap{place-items:start center;padding:clamp(3rem,6vw,5rem) 0 clamp(1rem,2vw,2rem);display:grid;position:relative}.works-section__title{color:#000;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;grid-area:1/1;margin:0;font-size:clamp(5rem,9vw,9rem);font-weight:700;line-height:.9}.works-section__title--back{color:#d9d9d9;transform:translate(-.45rem,-.45rem)}.works-section__title--front{transform:translate(.1rem,.1rem)}.works-section__list{flex-direction:column;gap:6rem;display:flex}.works-item{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;max-width:1100px;margin:0 auto;padding:6rem 2rem;display:grid}.works-item--right{direction:rtl}.works-item--right>*{direction:ltr}.works-item__image{aspect-ratio:16/9;background:var(--color-surface-muted);border-radius:1.25rem;justify-content:center;align-items:center;display:flex;overflow:hidden}.works-item__image img{object-fit:cover;width:100%;height:100%}.works-item__placeholder{font-family:var(--font-display);color:var(--color-text-muted);font-size:1.5rem}.works-item__content{flex-direction:column;gap:1rem;display:flex}.works-item__header{flex-wrap:wrap;align-items:baseline;gap:.75rem;display:flex}.works-item__name{font-family:var(--font-display);color:var(--color-text-strong);letter-spacing:.1em;margin:0;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700}.works-item__type{font-family:var(--font-sans);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem}.works-item__summary{font-family:var(--font-sans);color:var(--color-text);margin:0;font-size:1rem;line-height:1.7}.works-item__tags{flex-wrap:wrap;gap:.4rem;display:flex}.works-item__tag{background:var(--color-accent-glow);color:var(--color-accent-strong);font-family:var(--font-sans);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:.2rem .6rem;font-size:.7rem;font-weight:500}.works-item__highlights{flex-wrap:wrap;gap:.4rem;display:flex}.works-item__highlight{background:var(--color-surface-muted);color:var(--color-text-muted);font-family:var(--font-sans);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:.2rem .6rem;font-size:.7rem}.works-wave{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.works-wave path{fill:none;opacity:.5}.works-section__list,.works-section__title-wrap{z-index:2;position:relative}@media (width<=768px){.works-item{direction:ltr;grid-template-columns:1fr}.works-item--right>*{direction:ltr}}.catalog{background:var(--color-page-bg);justify-content:center;align-items:center;min-height:100dvh;display:flex;position:relative}.catalog__list{flex-direction:column;align-items:center;gap:2rem;margin:0;padding:0;list-style:none;display:flex}.catalog__item{transform-origin:50%;transform-box:fill-box;margin:0;padding:0}.catalog__label{font-family:var(--font-display);color:#000;text-align:center;cursor:pointer;transform-origin:50%;font-size:3rem;font-weight:700;display:block}.contact-section{--contact-pad-top:clamp(2rem, 5vw, 4rem);--contact-pad-bottom:max(var(--contact-pad-top), env(safe-area-inset-bottom));--contact-pad-inline:clamp(1rem, 3vw, 2rem);--contact-title-size:clamp(5rem, 9vw, 9rem);--contact-title-spacing:.1em;--contact-stage-height:clamp(18rem, 45vh, 34rem);--contact-footer-gap:2rem;--contact-link-size:clamp(1rem, 1.6vw, 1.25rem);--contact-link-label-size:.7rem;--contact-link-label-gap:.5rem;min-height:100dvh;padding:var(--contact-pad-top) var(--contact-pad-inline) var(--contact-pad-bottom);background:var(--color-surface);place-items:stretch center;display:grid;position:relative;overflow:visible}.contact-section__content{z-index:1;width:min(100%,72rem);min-height:calc(100dvh - var(--contact-pad-top) - var(--contact-pad-bottom));grid-template-rows:auto minmax(var(--contact-stage-height), 1fr) auto;align-items:center;gap:clamp(.25rem,1vw,.75rem);margin:0 auto;display:grid;position:relative}.contact-section__header{place-items:center;display:grid}.contact-section__stage{width:min(100%,42rem);min-height:var(--contact-stage-height);pointer-events:none;place-self:start center;position:relative;overflow:visible}.contact-section__canvas{pointer-events:auto;cursor:grab;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.contact-section__canvas:active{cursor:grabbing}.contact-section__title{font-family:var(--font-display);font-size:var(--contact-title-size);letter-spacing:var(--contact-title-spacing);text-align:center;text-shadow:0 0 20px #a8e6ff33,0 0 40px #a8e6ff1a;text-transform:uppercase;color:var(--color-text);margin:0;font-weight:700;line-height:.9}.contact-section__footer{justify-content:center;gap:var(--contact-footer-gap);pointer-events:auto;align-self:end;padding-inline:1.5rem;display:flex}.contact-section__link{align-items:baseline;gap:var(--contact-link-label-gap);max-width:100%;font-family:var(--font-display);font-size:var(--contact-link-size);white-space:nowrap;color:var(--color-text);pointer-events:auto;font-weight:700;line-height:1.2;text-decoration:none;transition:color .2s;display:inline-flex}.contact-section__link:hover{color:var(--color-accent-strong)}.contact-section__link-label{font-family:var(--font-sans);font-size:var(--contact-link-label-size);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}@media (width<=1200px){.contact-section{--contact-title-size:clamp(4.25rem, 8vw, 7.25rem);--contact-stage-height:clamp(17rem, 43vh, 30rem);--contact-footer-gap:1.5rem;--contact-link-size:clamp(.95rem, 1.35vw, 1.1rem)}}@media (width<=900px){.contact-section{--contact-pad-top:clamp(1.5rem, 5vw, 3rem);--contact-pad-inline:1rem;--contact-title-size:clamp(3.2rem, 11vw, 5.2rem);--contact-title-spacing:.08em;--contact-stage-height:clamp(16rem, 42svh, 28rem);--contact-footer-gap:.9rem 1.5rem;--contact-link-size:.95rem;min-height:100svh}.contact-section__content{width:min(100%,42rem);min-height:calc(100svh - var(--contact-pad-top) - var(--contact-pad-bottom))}.contact-section__footer{flex-wrap:wrap;align-items:center}}@media (width<=640px){.contact-section{--contact-pad-top:clamp(1.25rem, 5vw, 2rem);--contact-pad-bottom:clamp(1.5rem, 8vw, 2.5rem);--contact-title-size:clamp(2.6rem, 13vw, 4rem);--contact-title-spacing:.06em;--contact-stage-height:clamp(14rem, 40svh, 24rem);--contact-footer-gap:.75rem;--contact-link-size:clamp(.95rem, 4vw, 1.05rem);--contact-link-label-size:.65rem}.contact-section__content{grid-template-rows:auto minmax(var(--contact-stage-height), 1fr) auto;gap:clamp(.25rem,1vw,.75rem)}.contact-section__stage{width:min(100%,22rem)}.contact-section__footer{flex-direction:column;align-items:center;width:100%;padding-inline:0}.contact-section__link{text-align:center;white-space:normal;justify-content:center;width:100%}}@media (width<=390px){.contact-section{--contact-title-size:clamp(2.2rem, 12vw, 3.2rem);--contact-stage-height:clamp(13rem, 38svh, 21rem);--contact-link-size:.9rem;--contact-link-label-size:.6rem}.contact-section__link{gap:.35rem}}.floating-bar{z-index:30;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:1rem 1rem auto}.floating-bar__actions{align-items:center;gap:.5rem;margin-left:auto;display:inline-flex}.floating-bar__brand,.floating-bar__menu,.floating-bar__contact,.floating-bar__github{pointer-events:auto;min-height:2.25rem;color:var(--color-text-strong);letter-spacing:.14em;text-transform:uppercase;justify-content:center;align-items:center;padding:.15rem .45rem;font-size:.75rem;font-weight:700;transition:opacity .16s,transform .16s;display:inline-flex}.floating-bar__github{gap:.35rem;text-decoration:none}.floating-bar__github-icon{width:1rem;height:1rem}.floating-bar__brand{gap:.5rem}.floating-bar__menu{cursor:pointer;background:0 0;border:0;gap:.45rem}.floating-bar__menu-lines{flex-direction:column;gap:.18rem;display:inline-flex}.floating-bar__menu-lines span{background:currentColor;width:.95rem;height:1px;display:block}.floating-bar__brand:hover,.floating-bar__menu:hover,.floating-bar__contact:hover,.floating-bar__github:hover{opacity:.7;transform:translateY(-1px)}.floating-bar__brand_logo{background-color:currentColor;flex:none;justify-content:center;align-items:center;width:1.45rem;height:1.45rem;display:inline-flex;-webkit-mask:url(/favicon/textline-icon-black.svg) 50%/contain no-repeat;mask:url(/favicon/textline-icon-black.svg) 50%/contain no-repeat}.floating-bar__brand{margin-right:auto}.floating-bar__contact{margin-left:0}@media (width<=640px){.floating-bar{inset:.75rem .75rem auto}.floating-bar__brand,.floating-bar__menu,.floating-bar__contact,.floating-bar__github{letter-spacing:.12em;font-size:.7rem}.floating-bar__brand_logo{width:1.3rem;height:1.3rem}.floating-bar__github-icon{width:.9rem;height:.9rem}}.home-page{background:var(--color-surface);min-height:100vh}.home-page__about-gap,.home-page__skills-gap,.home-page__works-gap{background:var(--color-surface);place-items:center;min-height:40dvh;display:grid;position:relative}.home-page__gap-label{color:var(--color-text-muted);font-family:var(--font-display);letter-spacing:.4em;text-transform:uppercase;opacity:.32;-webkit-user-select:none;user-select:none;font-size:clamp(1rem,2vw,1.5rem);font-weight:700}.project-page{background:var(--color-surface);min-height:100dvh;position:relative}.project-page__inner{min-height:100dvh;position:relative}.project-page__title-wrap{place-items:start center;padding:clamp(3rem,6vw,5rem) 0 clamp(1rem,2vw,2rem);display:grid;position:relative}.project-page__title{color:#000;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;grid-area:1/1;margin:0;font-size:clamp(4rem,8vw,8rem);font-weight:700;line-height:.9}.project-page__title--back{color:#d9d9d9;transform:translate(-.45rem,-.45rem)}.project-page__title--front{transform:translate(.1rem,.1rem)}.project-page__tags{flex-wrap:wrap;justify-content:center;gap:.75rem;max-width:1200px;margin:0 auto;padding:0 2rem 2rem;display:flex}.project-page__tag{border:2px solid var(--color-border);color:var(--color-text-muted);font-family:var(--font-display);cursor:pointer;background:0 0;border-radius:999px;padding:.5rem 1rem;font-size:.9rem;transition:all .2s}.project-page__tag:hover{border-color:var(--color-accent);color:var(--color-accent)}.project-page__tag--active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.project-page__list{flex-direction:column;gap:4rem;max-width:1200px;margin:0 auto;padding:2rem;display:flex}.project-page__item{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid}.project-page__item--right{direction:rtl}.project-page__item--right>*{direction:ltr}.project-page__item-image{aspect-ratio:16/9;background:var(--color-surface-muted);border-radius:1.25rem;overflow:hidden}.project-page__item-image img{object-fit:cover;width:100%;height:100%}.project-page__item-content{flex-direction:column;gap:1rem;display:flex}.project-page__item-header{flex-wrap:wrap;align-items:baseline;gap:.75rem;display:flex}.project-page__item-name{font-family:var(--font-display);color:var(--color-text-strong);letter-spacing:0;margin:0;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700}.project-page__item-type{font-family:var(--font-sans);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem}.project-page__item-summary{font-family:var(--font-sans);color:var(--color-text);margin:0;font-size:1rem;line-height:1.7}.project-page__item-tags{flex-wrap:wrap;gap:.4rem;display:flex}.project-page__item-tag{background:var(--color-accent-glow);color:var(--color-accent-strong);font-family:var(--font-sans);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:.2rem .6rem;font-size:.7rem;font-weight:500}.project-page__item-highlights{flex-wrap:wrap;gap:.4rem;display:flex}.project-page__item-highlight{background:var(--color-surface-muted);color:var(--color-text-muted);font-family:var(--font-sans);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:.2rem .6rem;font-size:.7rem}@media (width<=768px){.project-page__item{direction:ltr;grid-template-columns:1fr}.project-page__item--right>*{direction:ltr}}.loading-screen{z-index:50;pointer-events:none;opacity:0;visibility:hidden;place-items:center;transition:opacity .36s,visibility 0s linear .36s;display:grid;position:fixed;inset:0}.loading-screen--visible{opacity:1;visibility:visible;transition:opacity .36s}.loading-screen__mask{background:var(--color-page-bg);opacity:.88;position:absolute;inset:0}.loading-screen__panel{border:1px solid var(--color-border);background:var(--color-surface);min-width:8.5rem;min-height:2.6rem;box-shadow:0 20px 50px var(--color-page-shadow);border-radius:999px;justify-content:center;align-items:center;padding:.4rem .9rem;display:inline-flex;position:relative}.loading-screen__label{color:var(--color-text-strong);letter-spacing:.18em;text-transform:uppercase;font-size:.8rem;font-weight:700}.app-wrapper{position:relative}@font-face{font-family:Quinn;src:url(/font/Quinn-Bold.otf)format("opentype"),url(/font/Quinn-Bold.ttf)format("truetype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Francy;src:url(/font/Francy.otf)format("opentype"),url(/font/Francy.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:FiraCode;src:url(/font/FiraCode-Bold.ttf)format("truetype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:YanSaXie;src:url(/font/YanSaXie.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-page-bg:#f8fafc;--color-surface:#fff;--color-surface-strong:#eef2f7;--color-surface-muted:#e5eaf2;--color-text:#0f172a;--color-text-strong:#020617;--color-text-muted:#0f172aa8;--color-border:#0f172a1f;--color-border-strong:#0f172a33;--color-accent:#2563eb;--color-accent-strong:#1d4ed8;--color-accent-glow:#2563eb2e;--color-page-shadow:#0f172a14;--color-selection-bg:#2563eb2e;--color-selection-text:#0f172a;--font-sans:system-ui, sans-serif;--font-display:"Quinn", var(--font-sans);--font-about:"YanSaXie", var(--font-sans);--font-hand:"Francy", var(--font-sans)}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-page-bg:#070b14;--color-surface:#0f172a;--color-surface-strong:#162131;--color-surface-muted:#1e293b;--color-text:#e5edf7;--color-text-strong:#fff;--color-text-muted:#e5edf7ad;--color-border:#a8e6ff24;--color-border-strong:#a8e6ff3d;--color-accent:#a8e6ff;--color-accent-strong:#5ba4d6;--color-accent-glow:#a8e6ff47;--color-page-shadow:#0000004d;--color-selection-bg:#a8e6ff38;--color-selection-text:#f8fafc;--font-display:"Quinn", var(--font-sans);--font-about:"YanSaXie", var(--font-sans);--font-hand:"Francy", var(--font-sans)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-page-bg:#070b14;--color-surface:#0f172a;--color-surface-strong:#162131;--color-surface-muted:#1e293b;--color-text:#e5edf7;--color-text-strong:#fff;--color-text-muted:#e5edf7ad;--color-border:#a8e6ff24;--color-border-strong:#a8e6ff3d;--color-accent:#a8e6ff;--color-accent-strong:#5ba4d6;--color-accent-glow:#a8e6ff47;--color-page-shadow:#0000004d;--color-selection-bg:#a8e6ff38;--color-selection-text:#f8fafc;--font-display:"Quinn", var(--font-sans);--font-about:"YanSaXie", var(--font-sans);--font-hand:"Francy", var(--font-sans)}}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100%}html{background:var(--color-page-bg)}body{background:var(--color-page-bg);min-width:320px;min-height:100vh;color:var(--color-text);font-family:var(--font-sans);margin:0}::selection{background:var(--color-selection-bg);color:var(--color-selection-text)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}