.skip-link[data-v-cbbec3e4]{position:absolute;top:-48px;left:16px;z-index:100;padding:8px 16px;background:var(--color-surface);border:var(--border-default);border-radius:var(--radius-sm);transition:top var(--dur-fast) var(--ease-standard)}.skip-link[data-v-cbbec3e4]:focus-visible{top:8px;outline:2px solid var(--color-accent);outline-offset:2px}.tag-rotator__word[data-v-73c1e15d]{font-family:var(--font-mono);font-size:var(--text-small);color:var(--color-text-secondary)}.fade-enter-active[data-v-73c1e15d],.fade-leave-active[data-v-73c1e15d]{transition:opacity .2s var(--ease-standard)}.fade-enter-from[data-v-73c1e15d],.fade-leave-to[data-v-73c1e15d]{opacity:0}.hero[data-v-d341bf76]{position:relative;min-height:46vh;display:flex;align-items:center}.hero__inner[data-v-d341bf76]{position:relative;z-index:1;width:100%;padding-block:var(--space-16)}.hero[data-v-d341bf76]:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--color-border) 1px,transparent 1px),linear-gradient(90deg,var(--color-border) 1px,transparent 1px);background-size:32px 32px;opacity:.28;pointer-events:none}.hero__name[data-v-d341bf76]{font-family:var(--font-display);font-size:var(--text-display);line-height:var(--lh-display)}.hero__slogan[data-v-d341bf76]{margin-top:var(--space-2);font-family:var(--font-display);font-size:var(--text-h3);line-height:var(--lh-h3);color:var(--color-text-secondary)}.hero__role[data-v-d341bf76]{margin-top:var(--space-4);font-family:var(--font-mono);font-size:var(--text-small);color:var(--color-text-secondary)}.hero__positioning[data-v-d341bf76]{margin-top:var(--space-2);font-size:var(--text-body);color:var(--color-text-secondary);max-width:52ch}.hero__actions[data-v-d341bf76]{margin-top:var(--space-6);display:flex;gap:var(--space-3);flex-wrap:wrap}.hero .tag-rotator[data-v-d341bf76]{display:block;margin-top:var(--space-6)}@media(max-width:639px){.hero[data-v-d341bf76]{min-height:45vh}.hero__name[data-v-d341bf76]{font-size:32px}.hero__inner[data-v-d341bf76]{padding-block:var(--space-12)}.hero__actions[data-v-d341bf76]{flex-direction:column;align-items:stretch}}.section-title[data-v-4438c125]{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-6)}.section-title__index[data-v-4438c125]{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-text-secondary)}.section-title__text[data-v-4438c125]{font-family:var(--font-display);font-size:var(--text-h3);line-height:var(--lh-h3)}.section-title__more[data-v-4438c125]{margin-left:auto;font-size:var(--text-small);white-space:nowrap;color:var(--color-text-secondary);transition:color var(--dur-fast) var(--ease-standard)}.section-title__more[data-v-4438c125]:hover{color:var(--color-accent);text-decoration:none}.section-title__more-arrow[data-v-4438c125]{display:inline-block;transition:transform var(--dur-fast) var(--ease-standard)}.section-title__more:hover .section-title__more-arrow[data-v-4438c125]{transform:translate(3px)}.badge[data-v-104db6ac]{display:inline-block;padding:1px 8px;font-size:var(--text-caption);line-height:var(--lh-caption);border-radius:var(--radius-sm);white-space:nowrap}.badge--dev[data-v-104db6ac]{color:var(--color-dev-text);background:var(--color-dev-bg)}.badge--done[data-v-104db6ac]{color:var(--color-done-text);background:var(--color-done-bg)}.badge--arch[data-v-104db6ac]{color:var(--color-arch-text);background:var(--color-arch-bg)}.badge--exp[data-v-104db6ac],.badge--idea[data-v-104db6ac]{color:var(--color-exp-text);background:var(--color-exp-bg)}.tag[data-v-03fd1076]{display:inline-block;max-width:12em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px 10px;font-family:var(--font-mono);font-size:var(--text-caption);line-height:var(--lh-caption);color:var(--color-text-secondary);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:999px}.tag.is-active[data-v-03fd1076]{color:var(--color-accent);background:var(--color-accent-soft);border-color:var(--color-accent)}.tag__count[data-v-03fd1076]{margin-left:6px;font-size:.82em;opacity:.65}.tag.is-active .tag__count[data-v-03fd1076]{opacity:.85}button.tag[data-v-03fd1076]{cursor:pointer;min-height:28px}button.tag[data-v-03fd1076]:hover{border-color:var(--color-border-strong)}@media(max-width:639px){button.tag[data-v-03fd1076]{min-height:44px;display:inline-flex;align-items:center}}.external-link[data-v-d5281596]{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-accent)}.external-link[data-v-d5281596]:hover{color:var(--color-accent-hover);text-decoration:underline}.external-link__icon[data-v-d5281596]{flex-shrink:0}.project-card[data-v-a74f2c4b]{position:relative;background:var(--color-surface);border:var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-6);transition:box-shadow var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.project-card[data-v-a74f2c4b]:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.project-card__cover[data-v-a74f2c4b]{position:absolute;inset:0;z-index:1;border-radius:inherit}.project-card__img[data-v-a74f2c4b]{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;object-position:center;border:var(--border-default);border-radius:var(--radius-md);margin-bottom:var(--space-4);background:var(--color-surface-muted)}.project-card__cover[data-v-a74f2c4b]:focus-visible{outline-offset:-4px}.project-card__foot[data-v-a74f2c4b]{margin-top:var(--space-4);padding-top:var(--space-4);border-top:var(--border-default);display:flex;gap:var(--space-4);position:relative;z-index:2}.project-card__head[data-v-a74f2c4b]{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.project-card__title[data-v-a74f2c4b]{font-family:var(--font-display);font-size:var(--text-h3);line-height:var(--lh-h3);color:var(--color-text)}.project-card__subtitle[data-v-a74f2c4b]{margin-top:var(--space-1);font-size:var(--text-small);color:var(--color-text-secondary)}.project-card__summary[data-v-a74f2c4b]{margin-top:var(--space-3);font-size:var(--text-small);color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-card__tech[data-v-a74f2c4b]{margin-top:var(--space-4);display:flex;flex-wrap:wrap;gap:var(--space-2)}.project-card--featured[data-v-a74f2c4b]{padding:var(--space-8)}.project-card--featured .project-card__title[data-v-a74f2c4b]{font-size:var(--text-h2)}.note-card[data-v-9f64d0ad]{display:flex;align-items:baseline;gap:var(--space-6);margin-inline:calc(var(--space-2) * -1);padding:var(--space-4) var(--space-2);border-bottom:var(--border-default);border-radius:var(--radius-md);color:var(--color-text);text-decoration:none;transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.note-card[data-v-9f64d0ad]:hover{text-decoration:none;color:var(--color-text);background:var(--color-surface-muted);border-color:transparent}.note-card__date[data-v-9f64d0ad]{flex-shrink:0;width:96px;font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-text-secondary);transition:color var(--dur-fast) var(--ease-standard)}.note-card:hover .note-card__date[data-v-9f64d0ad]{color:var(--color-text-secondary)}.note-card__title[data-v-9f64d0ad]{font-family:var(--font-display);font-size:var(--text-h3);line-height:var(--lh-h3)}.note-card:hover .note-card__title[data-v-9f64d0ad]{color:var(--color-accent)}.note-card__summary[data-v-9f64d0ad]{margin-top:var(--space-1);font-size:var(--text-small);color:var(--color-text-secondary)}.note-card__tags[data-v-9f64d0ad]{margin-top:var(--space-3);display:flex;flex-wrap:wrap;gap:var(--space-2)}.home-section[data-v-150af9b7]{padding-block:var(--space-12)}.project-grid[data-v-150af9b7]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:var(--grid-gap)}.note-grid[data-v-150af9b7]{display:grid;gap:var(--grid-gap)}.focus-card[data-v-150af9b7]{display:block;position:relative;padding:var(--space-6);padding-right:var(--space-8);background:var(--color-surface);border:var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:box-shadow var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.focus-card[data-v-150af9b7]:after{content:"→";position:absolute;right:var(--space-6);top:50%;transform:translateY(-50%);font-size:var(--text-body);color:var(--color-text-secondary);transition:transform var(--dur-fast) var(--ease-standard)}.focus-card[data-v-150af9b7]:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.focus-card[data-v-150af9b7]:hover:after{transform:translateY(-50%) translate(3px);color:var(--color-accent)}.focus-card__head[data-v-150af9b7]{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.focus-card__title[data-v-150af9b7]{font-family:var(--font-display);font-size:var(--text-h3);line-height:var(--lh-h3);color:var(--color-text)}.focus-card__subtitle[data-v-150af9b7]{margin-top:var(--space-1);font-family:var(--font-mono);font-size:var(--text-small);color:var(--color-text-secondary)}.focus-card__goal[data-v-150af9b7]{margin-top:var(--space-1);font-size:var(--text-small);color:var(--color-text-secondary)}.app-header[data-v-8a41fad5]{position:sticky;top:0;z-index:50;background:#fafaf8e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:var(--border-default)}.app-header__inner[data-v-8a41fad5]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);height:56px}.app-header__brand[data-v-8a41fad5]{font-family:var(--font-display);font-size:var(--text-h3);color:var(--color-text);white-space:nowrap}.app-header__brand[data-v-8a41fad5]:hover{color:var(--color-accent);text-decoration:none}.app-header__nav[data-v-8a41fad5]{display:flex;gap:var(--space-6)}.app-header__link[data-v-8a41fad5]{font-size:var(--text-small);color:var(--color-text-secondary);padding:var(--space-2) 0}.app-header__link[data-v-8a41fad5]:hover{color:var(--color-text);text-decoration:none}.app-header__link.is-active[data-v-8a41fad5]{color:var(--color-accent);font-weight:600}.app-header__menu[data-v-8a41fad5]{display:none;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer}.app-header__menu[data-v-8a41fad5]:hover{background:var(--color-surface-muted)}.drawer-overlay[data-v-8a41fad5]{position:fixed;inset:0;z-index:60;background:#0000004d}.drawer[data-v-8a41fad5]{position:fixed;top:0;right:0;bottom:0;z-index:61;width:min(280px,80vw);padding:var(--space-6);background:var(--color-surface);box-shadow:-8px 0 24px #00000014;display:flex;flex-direction:column;gap:var(--space-2)}.drawer__link[data-v-8a41fad5]{font-size:var(--text-body);color:var(--color-text);padding:var(--space-3) var(--space-2);border-radius:var(--radius-sm)}.drawer__link[data-v-8a41fad5]:hover{background:var(--color-surface-muted);text-decoration:none}.drawer__link.is-active[data-v-8a41fad5]{color:var(--color-accent);font-weight:600;background:var(--color-accent-soft)}.drawer-enter-active[data-v-8a41fad5],.drawer-leave-active[data-v-8a41fad5]{transition:opacity var(--dur-fast) var(--ease-standard)}.drawer-enter-from[data-v-8a41fad5],.drawer-leave-to[data-v-8a41fad5]{opacity:0}@media(max-width:639px){.app-header__nav[data-v-8a41fad5]{display:none}.app-header__menu[data-v-8a41fad5]{display:flex}}.app-footer[data-v-39dcf85e]{border-top:1px solid var(--color-border);margin-top:var(--space-16)}.app-footer__inner[data-v-39dcf85e]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding-block:var(--space-6)}.app-footer__copy[data-v-39dcf85e]{font-size:var(--text-small);color:var(--color-text-secondary)}.app-footer__links[data-v-39dcf85e]{display:flex;gap:var(--space-6);font-size:var(--text-small)}.app-footer__legal[data-v-39dcf85e]{text-align:center;padding-block:var(--space-4);font-size:var(--text-caption);color:var(--color-text-secondary);border-top:var(--border-default)}:root{--color-bg: #fafaf8;--color-surface: #ffffff;--color-surface-muted: #f3f2ec;--color-border: #e8e8e4;--color-border-strong: #d6d5ce;--color-text: #1f1f1d;--color-text-secondary: #6e6e68;--color-text-tertiary: #a8a69e;--color-accent: #b05c3a;--color-accent-hover: #97492c;--color-accent-soft: #f6e9e1;--color-dev-text: #a74a1f;--color-dev-bg: #fbebdd;--color-done-text: #336b43;--color-done-bg: #e6f0e8;--color-arch-text: #6f6f6a;--color-arch-bg: #efefeb;--color-exp-text: #5a4b8a;--color-exp-bg: #ece9f4;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-display: Georgia, "Songti SC", "Noto Serif SC", serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;--text-display: 40px;--lh-display: 1.2;--text-h1: 32px;--lh-h1: 1.25;--text-h2: 24px;--lh-h2: 1.35;--text-h3: 20px;--lh-h3: 1.4;--text-body: 16px;--lh-body: 1.7;--text-small: 14px;--lh-small: 1.6;--text-caption: 13px;--lh-caption: 1.5;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-card: 0 1px 2px rgba(0, 0, 0, .04);--shadow-card-hover: 0 2px 8px rgba(0, 0, 0, .06);--border-default: 1px solid var(--color-border);--container: 960px;--container-narrow: 720px;--bp-sm: 640px;--bp-md: 1024px;--grid-gap: 24px;--dur-fast: .15s;--dur-base: .25s;--dur-slow: .4s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-out: cubic-bezier(0, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--lh-body);text-rendering:optimizeLegibility}h1,h2,h3,h4,p,ul,ol{margin:0}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover);text-decoration:underline}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:var(--color-accent-soft)}.container{max-width:var(--container);margin-inline:auto;padding-inline:clamp(16px,4vw,32px)}.container--narrow{max-width:var(--container-narrow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-6);font-size:var(--text-small);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.btn--primary{color:var(--color-surface);background:var(--color-accent)}.btn--primary:hover{background:var(--color-accent-hover);text-decoration:none}.btn--ghost{color:var(--color-accent);background:transparent;border-color:var(--color-accent)}.btn--ghost:hover{background:var(--color-accent-soft);text-decoration:none}.btn:active{transform:translateY(1px)}.page-enter-active,.page-leave-active{transition:opacity var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.page-enter-from{opacity:0;transform:translateY(8px)}.page-leave-to{opacity:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{header,footer,nav{display:none!important}body{background:#fff;font-size:12px}.container{max-width:none;padding:0}a{color:inherit;text-decoration:none}.no-print{display:none!important}}