:root{--color-ink:#080a09;--color-panel:#101311;--color-line:#252b27;--color-text:#f1f3ee;--color-muted:#8f9791;--color-signal:#c9ff4d;--page-gutter:clamp(1rem,3vw,3rem);--content-width:96rem}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{background:#ffffff}body{min-height:100vh;margin:0;color:var(--color-text);font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}:is(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline:3px solid var(--color-text);outline-offset:4px;box-shadow:0 0 0 7px var(--color-ink)}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.portfolio-entry{display:grid;min-height:100vh;width:min(100%,var(--content-width));margin:0 auto;padding:var(--page-gutter);place-content:center start;gap:2rem;background:var(--color-panel);border-inline:1px solid var(--color-line)}.portfolio-entry h1{max-width:12ch;margin:0;color:var(--color-text);font-size:clamp(3rem,9vw,8rem);line-height:.95;letter-spacing:-.06em}.portfolio-entry a{width:fit-content;padding:.9rem 1.4rem;border:1px solid var(--color-muted);background:var(--color-signal);color:var(--color-ink);font-weight:700;text-decoration:none}.portfolio-entry a:focus-visible{outline:3px solid var(--color-text);outline-offset:4px}html[data-cursor-companion=true]:not(:has(dialog:modal)),html[data-cursor-companion=true]:not(:has(dialog:modal)) *{cursor:none!important}