@layer reset,theme,base,components;@layer reset{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--font-mono);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}::placeholder{opacity:1}textarea{resize:vertical}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer theme{:root{--font-sans: "Inter", Helvetica, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", "Meiryo", "Noto Sans CJK JP", "Noto Sans JP", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", "BIZ UDGothic", "Noto Sans Mono CJK JP", monospace;--color-bg: #050505;--color-sb: #101010;--color-grid: #1a1a1a;--color-grid-strong: #2a2a2a;--color-main: #e5e5e5;--color-quote: #a9a9a9;--color-mark-quote: #207731;--color-dim: #666666;--color-muted: #333333;--color-accent: #43d94b;--color-accent-contrast: #050505;--color-tag: #7cff7a;--color-panel: #0a0a0a;--color-disabled: rgba(255, 255, 255, .1);--color-surface-1: rgba(255, 255, 255, .01);--color-surface-2: rgba(255, 255, 255, .02);--color-surface-3: rgba(255, 255, 255, .03);--color-surface-5: rgba(255, 255, 255, .05);--color-surface-10: rgba(255, 255, 255, .1);--color-surface-dark: rgba(0, 0, 0, .3);--color-ghost: #cccccc;--color-code-card-bg: var(--color-panel);--color-code-card-header: var(--color-surface-2);--color-code-card-border: var(--color-grid);--color-code-card-text: var(--color-main);--color-code-card-muted: var(--color-dim);--color-code-card-meta: var(--color-quote);--text-2xs: .7rem;--text-sm0: .8rem;--text-sm1: .9rem;--text-sm2: .85rem;--text-base0: .95rem;--text-lg0: 1.1rem;--text-xl0: 1.2rem;--text-2xl0: 2rem;--spacing-s1: .3rem;--spacing-s2: .4rem;--spacing-s3: .5rem;--spacing-s4: .8rem;--tracking-wide0: .1em;--tracking-wide2: .02em;--leading-snug0: 1.4;--leading-snug1: 1.6;--leading-loose0: 1.8;--leading-normal0: 1.2;--max-width-note: 600px;--max-width-content: 800px;--max-width-wide: 1000px;--max-width-site: clamp(95ch, 70vw, 120ch);--shadow-glow-green: 0 0 10px rgba(57, 204, 65, .7);--shadow-glow-green-soft: 0 0 8px rgba(57, 204, 65, .5);--shadow-glow-green-weak: 0 0 10px rgba(57, 204, 65, .3);--drop-shadow-glow-green: 0 0 10px rgba(57, 204, 65, .7)}:root[data-theme=light]{color-scheme:light;--color-bg: #f8f8f6;--color-sb: #ffffff;--color-grid: #e4e4e0;--color-grid-strong: #d4d4d0;--color-main: #111111;--color-quote: #444444;--color-mark-quote: #2e8a3a;--color-dim: #666666;--color-muted: #333333;--color-accent: #1b7f2b;--color-accent-contrast: #ffffff;--color-tag: #1b7f2b;--color-panel: #f4f4f2;--color-disabled: rgba(0, 0, 0, .2);--color-surface-1: rgba(0, 0, 0, .02);--color-surface-2: rgba(0, 0, 0, .04);--color-surface-3: rgba(0, 0, 0, .06);--color-surface-5: rgba(0, 0, 0, .08);--color-surface-10: rgba(0, 0, 0, .12);--color-surface-dark: rgba(0, 0, 0, .12);--color-ghost: #333333;--color-code-card-bg: #101010;--color-code-card-header: #151515;--color-code-card-border: #2a2a2a;--color-code-card-text: #e5e5e5;--color-code-card-muted: #999999;--color-code-card-meta: #cccccc}}@layer base{html{background-color:var(--color-bg);color:var(--color-main);font-family:var(--font-mono);line-height:1.6;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--color-grid) var(--color-bg)}body{margin:0;min-height:100dvh;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background-color:var(--color-grid);border-radius:6px;border:2px solid var(--color-bg)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-grid-strong)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes menuGlow{0%,to{text-shadow:0 0 12px rgba(57,204,65,.8),0 0 30px rgba(57,204,65,.5)}50%{text-shadow:0 0 2px rgba(57,204,65,.1),0 0 5px rgba(57,204,65,.05)}}@keyframes heartbeat{0%{transform:scale(1.15);filter:drop-shadow(0 0 4px #ff0000)}to{transform:scale(1.3);filter:drop-shadow(0 0 10px #ff3333)}}@keyframes heroReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes heroGlow{0%{opacity:0}40%{opacity:.18}to{opacity:0}}@layer components{.status-dot{display:inline-block;width:6px;height:6px;background-color:var(--color-accent);border-radius:9999px;box-shadow:var(--shadow-glow-green-soft)}.status-dot--md{width:.5rem;height:.5rem}.status-dot--blink{animation:blink 2s infinite}.nav-link{color:var(--color-dim);transition:color .2s}.nav-link:hover{color:var(--color-accent)}.page-shell{width:100%;margin-inline:auto;min-height:100vh;border-left:1px solid var(--color-grid);border-right:1px solid var(--color-grid)}.page-shell--sm{max-width:var(--max-width-note)}.page-shell--md{max-width:800px}.page-shell--surface{background-color:var(--color-surface-1)}.section-header{padding:3rem 2rem 1.5rem;border-bottom:1px solid var(--color-grid)}.section-title{margin:0 0 .5rem;font-family:var(--font-sans);font-size:2rem;font-weight:800;color:var(--color-main);text-transform:uppercase}.section-subtitle{margin:0;font-family:var(--font-mono);font-size:.8rem;color:var(--color-quote)}.entry-list{display:flex;flex-direction:column}.empty-message{padding:3rem;text-align:center;color:var(--color-dim);font-family:var(--font-mono)}.topbar{padding:1rem;border-bottom:1px solid var(--color-grid);background-color:var(--color-surface-1)}.topbar--split{display:flex;align-items:center;justify-content:space-between}.topbar-link{font-family:var(--font-mono);font-size:var(--text-sm2);color:var(--color-quote);font-weight:700;display:inline-flex;align-items:center;transition:color .2s}.topbar-link:hover{color:var(--color-accent)}.site-header{position:sticky;top:0;z-index:100;width:100%;background-color:var(--color-bg);border-bottom:1px solid var(--color-grid)}.header-inner{width:100%;max-width:800px;margin-inline:auto;padding:.5rem 1.5rem;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}@media(width>=900px){.header-inner{flex-direction:row;align-items:center;justify-content:space-between;height:60px;gap:0}}.header-brand{display:flex;align-items:center;gap:.5rem;font-family:var(--font-sans);font-weight:800;font-size:1rem;text-transform:uppercase;color:var(--color-main);transition:color .2s}.header-brand:hover{color:var(--color-accent)}.header-nav{width:100%;display:flex;align-items:center;justify-content:flex-end;gap:1rem;font-size:.85rem;font-family:var(--font-mono)}@media(width>=900px){.header-nav{width:auto;justify-content:flex-start;gap:1.5rem}}.header-lang{display:flex;background-color:#ffffff0d;border:1px solid var(--color-grid);border-radius:4px;padding:2px;gap:2px;margin-right:1rem}.lang-link{font-size:.75rem;padding:4px 12px;border-radius:2px;color:var(--color-dim);font-weight:700;line-height:1;display:inline-block;text-decoration:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.lang-link:hover{color:var(--color-accent);background-color:#43d94b1a}.lang-current{font-size:.75rem;padding:4px 12px;border-radius:2px;background-color:var(--color-accent);color:var(--color-accent-contrast);font-weight:700;line-height:1;display:inline-block;cursor:default;box-shadow:var(--shadow-glow-green-weak)}.lang-disabled{font-size:.75rem;padding:4px 12px;border-radius:2px;color:#ffffff1a;font-weight:700;line-height:1;display:inline-block;cursor:not-allowed}.header-links{display:none;align-items:center;gap:1.5rem}@media(width>=900px){.header-links{display:flex}}.mobile-nav{width:100%;max-width:800px;margin-inline:auto;padding:0 1.5rem 2.5rem}@media(width>=900px){.mobile-nav{display:none}}.mobile-nav-links{display:flex;align-items:center;gap:1.5rem;font-size:.85rem;font-family:var(--font-mono)}.site-footer{border-top:1px solid var(--color-grid);background-color:var(--color-bg);padding-block:2rem}.footer-inner{max-width:var(--max-width-wide);margin-inline:auto;padding-inline:1.5rem;display:flex;align-items:flex-end;justify-content:space-between}.footer-credits{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-dim)}.footer-rss{display:flex;align-items:center;gap:.5rem}.rss-link{font-family:var(--font-mono);font-size:.75rem;color:var(--color-dim);font-weight:700;text-decoration:none;transition:all .2s}.rss-link:hover{color:var(--color-accent);filter:drop-shadow(var(--drop-shadow-glow-green))}.footer-sep{font-size:.75rem;color:var(--color-grid)}.theme-switch{display:flex;gap:2px;border-radius:4px;border:1px solid var(--color-grid);background-color:var(--color-surface-5);padding:2px}.theme-switch-btn{display:inline-block;cursor:pointer;border-radius:2px;padding:4px 10px;font-size:.75rem;line-height:1;font-weight:700;color:var(--color-dim);text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.theme-switch-btn:hover{background-color:color-mix(in oklab,var(--color-accent) 10%,transparent);color:var(--color-accent)}.theme-switch-btn.is-active{cursor:default;background-color:var(--color-accent);color:var(--color-accent-contrast);box-shadow:var(--shadow-glow-green-weak)}.home-shell{margin-inline:auto;display:grid;min-height:100vh;width:100%;max-width:var(--max-width-site);grid-template-columns:1fr;border-top:1px solid var(--color-grid);background-color:var(--color-bg);font-family:var(--font-mono);line-height:1.6;color:var(--color-main)}@media(width>=900px){.home-shell{height:100vh;grid-template-columns:2fr 1fr;overflow:hidden}}.home-hero{position:relative;display:flex;flex-direction:column;justify-content:center;padding:3rem}@media(width>=900px){.home-hero{height:100%;overflow-y:auto}}@media(max-height:1000px){.home-hero{justify-content:flex-start;padding-top:3rem}}.home-topline{margin-bottom:4rem;display:flex;align-items:flex-start;justify-content:space-between;font-size:.75rem;letter-spacing:.05em}.home-topline-controls{display:flex;align-items:center;gap:.75rem}.home-brand{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;color:var(--color-main);transition:color .2s}.home-brand-dot{display:inline-block;height:.5rem;width:.5rem;animation:blink 2s infinite;border-radius:9999px;background-color:var(--color-accent);box-shadow:var(--shadow-glow-green-soft)}.home-brand-text{transition:color .2s}.home-brand:hover .home-brand-text{color:var(--color-accent)}.home-lang{display:flex;gap:2px;border-radius:4px;border:1px solid var(--color-grid);background-color:#ffffff0d;padding:2px}.home-lang-link{display:inline-block;cursor:pointer;border-radius:2px;padding:4px 12px;font-size:.75rem;line-height:1;font-weight:700;color:var(--color-dim);text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.home-lang-link:hover{background-color:#43d94b1a;color:var(--color-accent)}.home-lang-current{display:inline-block;cursor:default;border-radius:2px;background-color:var(--color-accent);padding:4px 12px;font-size:.75rem;line-height:1;font-weight:700;color:var(--color-accent-contrast);box-shadow:var(--shadow-glow-green-weak)}.home-hero-title{margin:0 0 2.5rem;font-family:var(--font-sans);font-size:clamp(3.5rem,10vw,7rem);line-height:.9;font-weight:800;letter-spacing:-.04em;text-transform:uppercase}.home-hero-accent{color:var(--color-accent)}.home-lead{margin:0 0 4rem;max-width:500px;border-left:2px solid var(--color-grid);padding-left:1rem;font-size:1rem;color:var(--color-quote)}.home-menu{display:flex;flex-direction:column;border-top:1px solid var(--color-grid)}.home-menu-item{display:flex;align-items:center;border-bottom:1px solid var(--color-grid);padding-block:1.5rem;text-decoration:none;transition:all .2s}.home-menu-item:hover{background-color:#ffffff05;padding-left:1rem}.home-menu-index{margin-right:1.5rem;font-size:.8rem;color:var(--color-quote)}.home-menu-label{flex-grow:1;font-size:1.5rem;font-weight:700;transition:color .2s,text-shadow .2s}.home-menu-item:hover .home-menu-label{color:var(--color-accent);animation:menuGlow 1s ease-in-out infinite}.home-menu-arrow{translate:6px 0;font-size:1.2rem;color:var(--color-accent);opacity:0;transition:all .2s cubic-bezier(.25,1,.5,1)}.home-menu-item:hover .home-menu-arrow{opacity:1;translate:0 0}@media(width>=900px){.home-aside{height:100%;overflow-y:auto;border-left:1px solid var(--color-grid)}}.home-panel{border-bottom:1px solid var(--color-grid);padding:2rem}.home-panel-title{margin:0 0 1.5rem;font-size:.7rem;font-weight:700;letter-spacing:.1em;color:var(--color-quote);text-transform:uppercase}.home-activity-list{margin:0;list-style:none;padding:0}.home-activity-item{margin-bottom:1.5rem}.home-activity-date{margin-bottom:.3rem;display:block;font-size:.75rem;font-weight:700;color:var(--color-accent)}.home-activity-desc{font-size:.9rem;color:var(--color-main)}.home-learning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border:1px solid var(--color-grid);background-color:var(--color-grid)}.home-learning-item{background-color:var(--color-bg);padding:.8rem;text-align:center;font-size:.85rem;color:var(--color-quote)}.home-footer{padding:2rem}.home-footer-text{font-size:.7rem;color:var(--color-muted)}.hero-title{position:relative;isolation:isolate;animation:heroReveal .9s ease-out both}.hero-title:after{content:"";position:absolute;inset:-8% -4%;opacity:0;pointer-events:none;mix-blend-mode:screen;filter:blur(12px);background:radial-gradient(60% 60% at 30% 30%,rgba(67,217,75,.18),transparent 70%);animation:heroGlow 1.4s ease-out .2s both;z-index:-1}@media(prefers-reduced-motion:reduce){.hero-title,.hero-title:after{animation:none}}.filter-header{font-family:var(--font-mono);font-size:var(--text-sm2);color:var(--color-accent);display:flex;align-items:center;gap:.75rem}.filter-label{color:var(--color-dim)}.filter-value{color:var(--color-main);font-weight:700;border-bottom:1px solid var(--color-accent)}.filter-value--plain{color:var(--color-accent);font-weight:700}.filter-reset{font-size:.75rem;color:var(--color-dim);transition:color .2s}.filter-reset:hover{color:var(--color-main)}.tag-pill{font-family:var(--font-mono);font-size:var(--text-sm0);color:var(--color-tag);opacity:.75;padding:.25rem .625rem;border:1px solid var(--color-grid);border-radius:.25rem;text-decoration:none;transition:all .2s}.tag-pill:hover{border-color:var(--color-accent);opacity:1;filter:brightness(1.25);box-shadow:var(--shadow-glow-green)}.tag-pill--active{font-family:var(--font-mono);font-size:var(--text-sm0);background-color:var(--color-accent);color:var(--color-bg);padding:.25rem .625rem;border:1px solid var(--color-accent);border-radius:.25rem;font-weight:700;cursor:default}.tag-pill--surface{background-color:var(--color-surface-5)}.tag-pill--surface:hover{background-color:var(--color-surface-10)}.tag-pill-count{font-size:var(--text-2xs);margin-left:.25rem}.tag-pill--active .tag-pill-count{color:var(--color-bg)}.pagination{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-top:1px solid var(--color-grid);font-family:var(--font-mono);font-size:.9rem;background-color:var(--color-surface-1)}.pagination-btn{display:inline-block;padding:.5rem 1rem;border:1px solid var(--color-grid);color:var(--color-quote);text-decoration:none;font-weight:700;min-width:80px;text-align:center;transition:all .2s}.pagination-btn:hover{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg);box-shadow:var(--shadow-glow-green-weak)}.pagination-btn--disabled{display:inline-block;padding:.5rem 1rem;border:1px solid rgba(255,255,255,.05);color:#ffffff1a;font-weight:700;min-width:80px;text-align:center;cursor:default}.pagination-info{color:var(--color-quote);letter-spacing:.1em}.journal-entry{display:flex;align-items:flex-start;padding:1.5rem 2rem;border-bottom:1px solid var(--color-grid);gap:1.5rem;text-decoration:none;transition:all .2s cubic-bezier(.25,1,.5,1)}.journal-entry:hover{background-color:#ffffff08;padding-left:2.5rem}.journal-entry:hover .journal-entry-title{color:var(--color-accent)}.journal-entry:hover .journal-entry-dot{box-shadow:0 0 8px #39cc41cc}.journal-entry:hover .journal-entry-arrow{opacity:1;translate:5px 0}.journal-entry:hover .journal-entry-dir{color:var(--color-accent)}.journal-entry-date{display:flex;align-items:center;gap:var(--spacing-s4);min-width:110px;font-family:var(--font-mono);font-size:.8rem;color:var(--color-quote);padding-top:.2rem}.journal-entry-dot{display:inline-block;width:6px;height:6px;background-color:var(--color-accent);border-radius:9999px;box-shadow:var(--shadow-glow-green-soft);animation:blink 2s infinite;transition:box-shadow .2s}.journal-entry-body{flex-grow:1}.journal-entry-title{margin:0 0 .5rem;font-family:var(--font-sans);font-size:1.1rem;font-weight:700;color:var(--color-main);line-height:1.4;transition:color .15s}.journal-entry-tags{display:flex;flex-wrap:wrap;gap:.5rem}.journal-tag{font-family:var(--font-mono);font-size:.7rem;color:var(--color-quote)}.journal-entry-end{display:flex;align-items:center;justify-content:flex-end;padding-top:.2rem}.journal-entry-arrow{color:var(--color-accent);opacity:0;font-weight:700;transition:all .2s}.journal-entry--taxonomy .journal-entry-date{gap:var(--spacing-s4);font-size:var(--text-sm0);color:var(--color-dim)}.journal-entry--taxonomy .journal-entry-title{font-size:var(--text-lg0);line-height:var(--leading-snug0)}.journal-entry--taxonomy .journal-tag{font-size:var(--text-2xs);color:var(--color-dim)}.tag-index-section{padding:3rem 2rem;border-top:1px solid var(--color-grid)}.tag-index-section a{color:var(--color-tag)}.tag-index-section a:hover{color:var(--color-tag);filter:brightness(1.25);text-shadow:var(--shadow-glow-green)}.tag-index-title{margin:0 0 1.5rem;font-size:.75rem;color:var(--color-quote);letter-spacing:var(--tracking-wide0)}.tag-index-title--dim{color:var(--color-dim)}.tag-cloud{display:flex;flex-wrap:wrap;gap:var(--spacing-s4)}.page-header{border-bottom:1px solid var(--color-grid);padding:4rem 2rem 2rem}.page-meta{font-size:var(--text-sm2);color:var(--color-accent);margin-bottom:1rem;font-family:var(--font-mono)}.page-title{margin:0 0 1.5rem;font-family:var(--font-sans);font-size:var(--text-2xl0);font-weight:800;line-height:var(--leading-normal0);color:var(--color-main)}.post-tags>*{margin-right:.5rem}.post-tags>*:last-child{margin-right:0}.page-toc{border-bottom:1px solid var(--color-grid);padding:1rem 2rem}.page-toc-toggle{font-size:var(--text-sm0);color:var(--color-dim);cursor:pointer;font-weight:700}.page-nav-grid{display:grid;grid-template-columns:repeat(2,1fr);border-bottom:1px solid var(--color-grid)}@media(width<600px){.page-nav-grid{grid-template-columns:1fr}}.page-nav-link{display:flex;flex-direction:column;justify-content:center;padding:2rem;text-decoration:none;min-height:120px;border-right:1px solid var(--color-grid);transition:all .2s cubic-bezier(.4,0,.2,1)}.page-nav-link:last-child{border-right:0}.page-nav-link:hover{background-color:var(--color-surface-3)}.page-nav-link:hover .page-nav-dir{color:var(--color-accent)}.page-nav-link--next{text-align:right}@media(width<600px){.page-nav-link{border-right:0;border-bottom:1px solid var(--color-grid);min-height:0;padding:1.5rem;text-align:left}}.page-nav-link--disabled{display:flex;flex-direction:column;justify-content:center;padding:2rem;border-right:1px solid var(--color-grid);min-height:120px;background-color:var(--color-surface-dark);cursor:default}.page-nav-link--disabled:last-child{border-right:0}@media(width<600px){.page-nav-link--disabled{border-right:0;border-bottom:1px solid var(--color-grid);min-height:0;padding:1.5rem;text-align:left}}.page-nav-dir{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-dim);margin-bottom:.5rem;font-weight:700;letter-spacing:var(--tracking-wide0);transition:color .2s}.page-nav-title{font-family:var(--font-sans);font-size:1rem;font-weight:700;color:var(--color-main);line-height:var(--leading-snug0);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.page-nav-link--disabled .page-nav-title{color:var(--color-dim)}.page-return{padding:2rem;text-align:center;background-color:var(--color-bg)}.page-return-link{font-family:var(--font-mono);font-size:var(--text-sm0);color:var(--color-dim);font-weight:700;transition:color .2s}.page-return-link:hover{color:var(--color-accent)}.notes-compose{padding:1rem;border-bottom:1px solid var(--color-grid);background-color:var(--color-surface-1)}.notes-compose-bar{display:flex;align-items:center;gap:1rem}.notes-compose-avatar{width:3rem;height:3rem;background-color:var(--color-grid);color:var(--color-dim);font-weight:700;font-size:var(--text-sm1);display:flex;align-items:center;justify-content:center}.notes-compose-input{display:flex;align-items:center;flex-grow:1;border:1px solid var(--color-grid);background-color:var(--color-panel);padding:var(--spacing-s4);font-family:var(--font-mono);font-size:var(--text-sm1);color:var(--color-quote)}.notes-compose-cursor{color:var(--color-accent);animation:blink 2s infinite;margin-right:.5rem}.notes-compose-btn{background-color:var(--color-grid);color:var(--color-dim);border:0;padding-inline:1.5rem;font-weight:700;font-family:var(--font-mono);opacity:.5;cursor:not-allowed}.note-card{display:flex;gap:1rem;padding:1.5rem 2rem}.note-card-link{position:relative;cursor:pointer;scroll-margin-top:2.5rem;border-bottom:1px solid var(--color-grid-strong);transition:color .2s,background-color .2s,border-color .2s}.note-card-link:hover{background-color:var(--color-surface-5)}.note-card-avatar{flex-shrink:0}.note-avatar{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:9999px;border:1px solid var(--color-accent);background-color:var(--color-panel)}.note-avatar--md{width:3rem;height:3rem}.note-avatar--lg{width:3.5rem;height:3.5rem}.note-content{min-width:0;flex-grow:1}.note-content-link{position:relative;transition:color .2s,background-color .2s}.note-meta{margin-bottom:var(--spacing-s1);display:flex;align-items:baseline;gap:.5rem;font-size:var(--text-base0)}.note-author{font-weight:800;color:var(--color-main);font-family:var(--font-sans)}.note-handle{color:var(--color-quote);font-family:var(--font-mono);font-size:var(--text-sm2)}.note-sep{color:var(--color-dim)}.note-time{color:var(--color-quote);font-size:var(--text-sm2)}.note-body{position:relative;z-index:2;margin-bottom:var(--spacing-s4);font-size:var(--text-base0);line-height:var(--leading-snug1);overflow-wrap:break-word;color:var(--color-main)}.note-body p{margin-bottom:.5rem}.note-body p:last-child{margin-bottom:0}.note-body ul{margin-bottom:.5rem;list-style-type:disc;padding-left:1.5rem}.note-body li{margin-bottom:.25rem}.note-body a{position:relative;z-index:2;color:var(--color-accent)}.note-body a.hashtag{color:var(--color-accent)}.note-body blockquote,.content-body blockquote{position:relative;margin-block:2rem;border:1px solid var(--color-grid);border-left:3px solid var(--color-accent);background-color:var(--color-panel);padding:1.5rem;font-family:var(--font-mono);font-size:var(--text-base0);line-height:var(--leading-snug1);color:var(--color-quote)}.note-body blockquote:before,.content-body blockquote:before{content:"\201c";position:absolute;top:-10px;left:10px;font-family:serif;font-size:4rem;color:var(--color-mark-quote);line-height:.5;background-color:inherit;padding:0 5px}.note-body blockquote p,.content-body blockquote p{margin:0}.note-body blockquote cite,.content-body blockquote cite{margin-top:1rem;display:block;text-align:right;font-size:var(--text-sm0);font-weight:700;color:var(--color-main);font-style:normal}.note-body blockquote cite:before,.content-body blockquote cite:before{content:"\2014";color:var(--color-accent)}.note-body code:not(pre code),.content-body code:not(pre code){color:var(--color-main);background-color:var(--color-surface-10);border-radius:4px;border:1px solid color-mix(in oklab,var(--color-accent) 40%,transparent);padding:.125rem .5rem;font-family:var(--font-mono);font-size:.92em;font-weight:600;overflow-wrap:break-word}.note-tags{position:relative;z-index:2;margin-top:var(--spacing-s4);margin-bottom:var(--spacing-s3);display:flex;flex-wrap:wrap;column-gap:var(--spacing-s4);row-gap:var(--spacing-s1)}.note-hashtag{font-family:var(--font-mono);font-size:var(--text-sm0);color:var(--color-tag);text-decoration:none;letter-spacing:var(--tracking-wide2);transition:all .2s}.note-hashtag:hover{opacity:1;text-decoration:none;filter:brightness(1.25);box-shadow:var(--shadow-glow-green)}.note-tag-static{font-family:var(--font-mono);font-size:var(--text-sm0);color:var(--color-tag);opacity:.75;cursor:default}.note-actions{position:relative;z-index:2;display:flex;max-width:350px;justify-content:space-between;font-size:var(--text-sm2);color:var(--color-quote)}.note-action{display:flex;cursor:pointer;align-items:center;gap:var(--spacing-s2);transition:color .2s;font-size:1rem}.note-action:hover{color:var(--color-accent)}.note-action-share{position:relative}.note-action-value{color:var(--color-quote);font-size:var(--text-sm2)}.fire-cool{filter:hue-rotate(160deg) saturate(.8);opacity:.6}.fire-warm{filter:drop-shadow(0 0 2px rgba(255,165,0,.5))}.fire-hot{filter:drop-shadow(0 0 4px orange);font-weight:700;transform:scale(1.2);display:inline-block}.fire-love{filter:drop-shadow(0 0 6px #ff0000);transform:scale(1.2);display:inline-block;animation:heartbeat .8s infinite alternate ease-in-out}.copy-feedback{position:absolute;top:-25px;left:50%;transform:translate(-50%);background:var(--color-muted);color:#fff;padding:2px 8px;border-radius:4px;font-size:.7rem;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none}.copy-feedback.show{opacity:1;transform:translate(-50%) translateY(-5px)}.content-body{padding:2rem;font-size:1rem;line-height:var(--leading-loose0)}.content-body h2{margin:0 0 1.5rem;border-bottom:2px solid var(--color-grid);padding-bottom:.5rem;font-family:var(--font-sans);font-size:1.4rem;font-weight:700;color:var(--color-main)}.content-body h3{margin:2rem 0 1rem;font-family:var(--font-sans);font-size:1.1rem;font-weight:700;color:var(--color-main)}.content-body p{margin-bottom:1.5rem;color:var(--color-ghost)}.content-body strong{border-bottom:1px dotted var(--color-accent);font-weight:700;color:var(--color-main)}.content-body ul{margin-bottom:1.5rem;list-style:disc outside;padding-left:1.5rem}.content-body li{margin-bottom:.5rem;color:var(--color-ghost)}.content-body a{color:var(--color-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:all .2s cubic-bezier(.4,0,.2,1)}.content-body a:hover{text-decoration-thickness:2px;filter:brightness(1.25)}.code-module{position:relative;z-index:2;pointer-events:auto;background-color:var(--color-code-card-bg);border:1px solid var(--color-code-card-border);border-radius:.25rem;margin-block:2rem}.code-module *{pointer-events:auto}.code-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border-bottom:1px solid var(--color-code-card-border);background-color:var(--color-code-card-header)}.code-info{display:flex;align-items:center;gap:.5rem}.code-filename{font-size:.75rem;color:var(--color-code-card-meta)}.code-copy-btn{background:transparent;border:1px solid var(--color-code-card-border);color:var(--color-code-card-muted);font-size:var(--text-2xs);cursor:pointer;padding:.125rem .5rem;transition:color .2s,border-color .2s}.code-copy-btn:hover{color:var(--color-accent);border-color:var(--color-accent)}.code-copy-btn .btn-text-done,.code-copy-btn.copied .btn-text{display:none}.code-copy-btn.copied .btn-text-done{display:inline}.code-body{padding:1.5rem;overflow-x:auto;color:var(--color-code-card-text)}.code-body code{color:var(--color-code-card-text)}.code-body pre{margin:0;padding:0;border:0;background-color:var(--color-panel)!important}.code-body pre code{background-color:transparent!important}.code-module pre[style]{background-color:var(--color-code-card-bg)!important;color:var(--color-code-card-text)}.code-module pre[style] code[style]{background-color:transparent!important}pre code.language-command,pre.language-command code,code.language-command{color:var(--color-accent)}pre code.language-command:before,pre.language-command code:before,code.language-command:before{content:"$";display:inline-block;margin-right:.5rem;color:var(--color-quote)}.error-page{display:flex;align-items:center;justify-content:center;min-height:80vh;border-top:1px solid var(--color-grid);background:radial-gradient(circle at center,rgba(67,217,75,.06),transparent 70%)}.error-card{text-align:center;border:1px solid var(--color-grid);padding:3rem;background-color:#050505cc;backdrop-filter:blur(4px);max-width:500px;width:90%;box-shadow:0 0 30px #00000080;position:relative}.error-code{margin:0 0 1rem;font-family:var(--font-sans);font-size:5.5rem;font-weight:800;color:var(--color-accent)}.error-detail{display:flex;align-items:center;justify-content:center;gap:.75rem;font-family:var(--font-mono);font-size:var(--text-sm2);color:var(--color-main);margin-bottom:1.5rem}.error-message{color:var(--color-dim);font-size:var(--text-sm1);line-height:var(--leading-snug1);margin-bottom:3rem}.error-reboot{display:inline-block;border:1px solid var(--color-grid);padding:1rem 2rem;color:var(--color-main);font-family:var(--font-mono);font-size:var(--text-sm1);font-weight:700;background-color:var(--color-surface-2);transition:all .2s}.error-reboot:hover{border-color:var(--color-accent);color:var(--color-accent);background-color:#43d94b1a;box-shadow:0 0 15px #43d94b33}}