:root{--bg: #fffff3;--fg: #1a1a1a;--muted: #6b6b6b;--link: #2b5dd6;--accent: #2b5dd6;--strip: rgb(120, 0, 0);--brush: rgb(245, 190, 70);--strip-w: 64px}[data-theme="dark"]{--bg: #16181d;--fg: #e8e8e8;--muted: #9a9a9a;--link: #7aa6ff;--accent: #7aa6ff;--strip: #6b1d24;--brush: rgb(190, 130, 40)}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--bg: #16181d;--fg: #e8e8e8;--muted: #9a9a9a;--link: #7aa6ff;--accent: #7aa6ff;--strip: #6b1d24;--brush: rgb(190, 130, 40)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;display:flex;flex-direction:column;min-height:100vh;background:color-mix(in srgb, var(--song-tint, var(--bg)) 20%, var(--bg));transition:background-color 1s;color:var(--fg);font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;line-height:1.6;border-left:var(--strip-w) solid var(--strip)}body.layout-home{border-left:none}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}.site-header{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;padding:2rem 1.5rem;max-width:720px;width:100%;margin:0 auto}.site-mark{font-weight:600;font-size:1.1rem;color:var(--fg)}.site-mark span{display:inline-block;transition:color 0.6s ease}.site-mark span.wobble{animation:wobble 0.5s ease}@keyframes wobble{20%{transform:translateY(-0.12em) rotate(-8deg)}45%{transform:translateY(0) rotate(6deg)}70%{transform:rotate(-3deg)}100%{transform:none}}@media (prefers-reduced-motion: reduce){.site-mark span.wobble{animation:none}}.site-mark span:hover{transition-duration:0s}.site-mark span:nth-child(7n+1):hover{color:#9b4dff}.site-mark span:nth-child(7n+2):hover{color:#5b5bf0}.site-mark span:nth-child(7n+3):hover{color:#2f8cff}.site-mark span:nth-child(7n+4):hover{color:#22a652}.site-mark span:nth-child(7n+5):hover{color:#e6b800}.site-mark span:nth-child(7n+6):hover{color:#f07c1a}.site-mark span:nth-child(7n+7):hover{color:#e53935}.clock{color:var(--muted);font-size:0.85rem}.site-nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:1rem;margin:0;padding:0}.site-nav a{color:var(--muted)}.site-nav a.active{color:var(--fg);font-weight:600}.nav-row{display:flex;align-items:center;gap:1rem}body:not(.layout-home) .nav-row{flex:1 1 auto}body:not(.layout-home) .search-box{margin-left:auto}body:not(.layout-home){padding-top:var(--header-full, 9rem)}body:not(.layout-home) .site-header{position:fixed;top:0;left:var(--strip-w);right:0;z-index:5;width:auto;max-width:none;padding-inline:max(1.5rem, calc(50% - var(--strip-w) / 2 - 360px + 1.5rem));background:color-mix(in srgb, var(--song-tint, var(--bg)) 20%, var(--bg));border-bottom:1px solid transparent;transition:border-color 0.2s ease, background-color 1s}body:not(.layout-home) .site-header.compact{padding-block:0.5rem;row-gap:0.25rem;border-bottom-color:color-mix(in srgb, var(--fg) 15%, transparent)}.site-header.compact .site-mark{font-size:0.95rem}.site-header.compact .clock{display:none}.site-header.compact .site-nav{font-size:0.85rem}@media (prefers-reduced-motion: reduce){body:not(.layout-home) .site-header{transition:none}}html:not(:has(.layout-home)){scroll-padding-top:calc(var(--header-h, 0px) + 1rem)}#theme-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--muted);cursor:pointer;padding:0;line-height:0;transition:color 0.15s ease, transform 0.15s ease}#theme-toggle:hover{color:var(--fg);transform:rotate(-8deg)}#theme-toggle svg{width:1.05rem;height:1.05rem}#theme-toggle .icon-moon{display:none}[data-theme="dark"] #theme-toggle .icon-sun{display:none}[data-theme="dark"] #theme-toggle .icon-moon{display:block}html:not([data-lang="hi"]) [lang="hi"],html[data-lang="hi"] [lang="en"]:not([data-keep]){display:none}.hi-missing{color:var(--muted);font-size:0.9rem;font-style:italic}#lang-toggle{display:flex;align-items:center;justify-content:center;width:0.75rem;height:1.05rem;background:none;border:none;color:var(--muted);cursor:pointer;padding:0;font-size:1rem;line-height:1;transition:color 0.15s ease}#lang-toggle:hover{color:var(--fg)}#lang-toggle .icon-en{display:none}[data-lang="hi"] #lang-toggle .icon-hi{display:none}[data-lang="hi"] #lang-toggle .icon-en{display:block}.search-box{position:relative;display:flex;align-items:center}#search-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--muted);cursor:pointer;padding:0;line-height:0;transition:color 0.15s ease}#search-toggle:hover,#menu-toggle:hover{color:var(--fg)}#menu-toggle{display:none;background:none;border:none;color:var(--muted);cursor:pointer;padding:0;line-height:0;transition:color 0.15s ease}#menu-toggle svg{width:1.15rem;height:1.15rem}#search-toggle svg{width:1.05rem;height:1.05rem}.search-panel{display:none;position:absolute;top:calc(100% + 0.5rem);right:0;width:min(16rem, calc(100vw - 2rem));padding:0.25rem;background:var(--bg);border:1px solid color-mix(in srgb, var(--fg) 15%, transparent);border-radius:4px;box-shadow:0 4px 10px rgba(0,0,0,0.15);text-align:left;z-index:10}.layout-home .search-panel{right:auto;left:50%;transform:translateX(-50%)}.search-box.is-open .search-panel{display:block}#search-input{display:block;width:100%;padding:0.4rem 0.5rem;border:none;border-bottom:1px solid color-mix(in srgb, var(--fg) 15%, transparent);background:none;color:var(--fg);font-size:0.9rem}#search-input:focus{outline:none;border-bottom-color:var(--accent)}#search-results{display:none;list-style:none;margin:0;padding:0.25rem 0 0}#search-results:empty{display:none}#search-results li:not(.search-empty){display:block}#search-results:not(:empty){display:block}#search-results a{display:flex;justify-content:space-between;gap:0.5rem;padding:0.4rem 0.5rem;border-radius:3px;color:var(--fg)}#search-results a:hover{background:color-mix(in srgb, var(--fg) 8%, transparent);text-decoration:none}.search-result-title{font-size:0.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-section{color:var(--muted);font-size:0.75rem;white-space:nowrap}.search-empty{padding:0.4rem 0.5rem;color:var(--muted);font-size:0.85rem}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) #theme-toggle .icon-sun{display:none}:root:not([data-theme="light"]) #theme-toggle .icon-moon{display:block}}main{flex:1 0 auto;max-width:720px;margin:0 auto;width:100%;padding:0 1.5rem 3rem}.site-footer{max-width:720px;width:100%;margin:0 auto;padding:1.5rem;color:var(--muted);font-size:0.85rem;text-align:center}.social-links{display:flex;justify-content:center;gap:1rem;margin-bottom:0.75rem}.social-links a{color:var(--muted);transition:color 0.15s ease}.social-links a:hover{color:var(--fg)}.social-links svg{width:1.15rem;height:1.15rem;display:block}.layout-home .site-header{min-height:70vh;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:0.75rem}.layout-home .site-mark{font-size:2rem}.layout-home main{display:flex;align-items:center;justify-content:center;text-align:center}@media (max-width: 600px){:root{--strip-w: 15px}#menu-toggle{display:flex}body:not(.layout-home) .site-header .site-nav{display:none;position:absolute;top:100%;right:1.5rem;padding:0.5rem 1rem;background:var(--bg);border:1px solid color-mix(in srgb, var(--fg) 15%, transparent);border-radius:4px;box-shadow:0 4px 10px rgba(0,0,0,0.15);font-size:1rem}body:not(.layout-home) .site-header.menu-open .site-nav{display:block}body:not(.layout-home) .site-header{row-gap:0.5rem}body:not(.layout-home) .clock{order:1;flex-basis:100%;min-height:1lh}body:not(.layout-home) .site-nav ul{flex-direction:column;gap:0.4rem}.layout-home .site-header{min-height:auto;padding-top:25vh}.layout-home .nav-row{flex-wrap:wrap;justify-content:center}.layout-home .site-nav{flex-basis:100%}.layout-home .site-nav ul{justify-content:center}.layout-home main{align-items:flex-start;padding-top:1rem}}.post{overflow-wrap:break-word}.reversefootnote+.reversefootnote{display:none}.post mjx-container[display="true"]{overflow-x:auto;overflow-y:hidden}.post-readtime{color:var(--muted)}#reactions:not([hidden]){display:flex;gap:0.6rem;margin-top:1.5rem}#reactions button{display:inline-flex;align-items:center;gap:0.35rem;min-height:2rem;padding:0.2rem 0.7rem;font:inherit;font-size:0.9rem;color:var(--muted);background:none;border:1px solid color-mix(in srgb, var(--fg) 15%, transparent);border-radius:999px;cursor:pointer;transition:color 0.15s ease, border-color 0.15s ease}#reactions button:hover,#reactions button:focus-visible{color:var(--fg);border-color:color-mix(in srgb, var(--fg) 35%, transparent)}#reactions button[aria-pressed="true"]{color:var(--fg);border-color:var(--accent);cursor:default}#share{display:inline-flex;align-items:center;gap:0.4rem;margin-top:1.5rem;padding:0;font:inherit;font-size:0.9rem;color:var(--muted);background:none;border:none;cursor:pointer;transition:color 0.15s ease}#share:hover,#share:focus-visible,#reply:hover,#reply:focus-visible{color:var(--fg)}#share svg,#reply svg{width:1rem;height:1rem}#reply{display:inline-flex;align-items:center;gap:0.4rem;margin-left:1.25rem;font-size:0.9rem;color:var(--muted);text-decoration:none;transition:color 0.15s ease}.post-subtitle{margin-top:-0.5rem;color:var(--muted);font-size:1.15rem}.post figure{margin:1.5rem auto}.post figure svg,.post figure img{display:block;margin:0 auto}.post img{display:block;max-width:100%;height:auto;margin:0 auto}.profile-photo{float:right;width:140px;height:140px;margin:0.25rem 0 1rem 1.5rem;border-radius:50%;object-fit:cover}@media (max-width: 480px){.profile-photo{width:100px;height:100px;margin-left:1rem}}.post-list{list-style:none;margin:0;padding:0}.post-list li{display:flex;gap:0.75rem;padding:0.35rem 0;font-size:0.95rem;align-items:baseline}.post-list .post-date{color:var(--muted);font-family:ui-monospace, SFMono-Regular, Menlo, monospace;font-size:0.85rem;white-space:nowrap}.post-list .post-sep{color:var(--muted)}.pick-list li{display:block}.pick-list li>:first-child{margin-right:0.5rem;white-space:nowrap}.project-summary{color:var(--muted);font-size:0.9rem}.shelf-hint{margin:0 0 1rem;color:var(--muted);font-size:0.85rem}.last-updated{margin-top:-0.5rem;font-size:0.8rem}.shelf-heading{margin:2rem 0 0.75rem;font-size:1.1rem}.shelf-heading:first-of-type{margin-top:0.5rem}.genre-name{position:relative;isolation:isolate}.genre-name::before{content:"";position:absolute;z-index:-1;left:-0.35em;right:-0.5em;top:-0.1em;bottom:-0.15em;background:var(--brush);opacity:0.55;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20' preserveAspectRatio='none'%3E%3Cpath d='M6 5C40 2 90 1 140 2c22 0 40 1 54 3 3 1 1 3-2 3 4 1 6 3 2 4 2 1 2 3-1 4C150 18 90 19 40 18 26 18 14 18 5 16 1 15 3 13 6 12 2 11 1 9 4 8 1 7 2 5 6 5zM150 1c18 0 34 1 46 2 1 0 1 1 0 1-12 0-28-1-46-2-1 0-1-1 0-1zM120 19c26 0 50 0 70-1 1 0 1 1 0 1-20 1-44 1-70 1-1 0-1-1 0-1z'/%3E%3C/svg%3E") no-repeat center/100% 100%;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20' preserveAspectRatio='none'%3E%3Cpath d='M6 5C40 2 90 1 140 2c22 0 40 1 54 3 3 1 1 3-2 3 4 1 6 3 2 4 2 1 2 3-1 4C150 18 90 19 40 18 26 18 14 18 5 16 1 15 3 13 6 12 2 11 1 9 4 8 1 7 2 5 6 5zM150 1c18 0 34 1 46 2 1 0 1 1 0 1-12 0-28-1-46-2-1 0-1-1 0-1zM120 19c26 0 50 0 70-1 1 0 1 1 0 1-20 1-44 1-70 1-1 0-1-1 0-1z'/%3E%3C/svg%3E") no-repeat center/100% 100%}.music-grid.book-grid{grid-template-columns:repeat(auto-fill, minmax(105px, 1fr));gap:1rem}.book-grid .music-thumb{aspect-ratio:2 / 3}.music-grid.watch-grid{grid-template-columns:repeat(auto-fit, minmax(90px, 1fr))}.music-note.book-note{flex-direction:column;justify-content:safe center;font-size:0.65rem;line-height:1.4;font-style:italic;text-align:center;overflow:hidden auto;overflow-wrap:break-word;padding:0.5rem}.book-grid .music-card{min-width:0}.book-grid .music-thumb-wrap:has(.book-note){cursor:pointer}.book-link{display:block;margin-top:0.3rem;font-size:0.7rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--muted) 40%, transparent)}.book-link:hover{color:var(--fg)}.music-thumb.book-cover-blank{display:flex;align-items:center;justify-content:center;padding:0.75rem;box-sizing:border-box;text-align:center;color:var(--muted);font-weight:600;background:color-mix(in srgb, var(--fg) 8%, transparent)}.music-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill, minmax(110px, 1fr));gap:1.75rem 1rem}.music-card{display:flex;flex-direction:column}.music-thumb-wrap{position:relative}.music-thumb{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,0.25)}.vinyl .music-thumb{border-radius:50%}.vinyl::before{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;background:repeating-radial-gradient(circle, transparent 0 3px, rgba(0,0,0,0.12) 3px 4px);-webkit-mask:radial-gradient(circle, transparent 35%, #000 36%);mask:radial-gradient(circle, transparent 35%, #000 36%)}.music-note{position:absolute;inset:0;margin:0;padding:0.5rem;display:flex;align-items:center;color:#fff;font-size:0.7rem;background:rgba(0,0,0,0.75);border-radius:4px;opacity:0;transition:opacity 0.15s ease;pointer-events:none}.music-thumb-wrap:hover .music-note,.music-thumb-wrap.is-open .music-note{opacity:1}.music-info{margin:0.35rem 0;font-size:0.75rem;line-height:1.3}.music-title{display:block;font-weight:600}.music-artist{display:block;color:var(--muted);font-size:0.7rem}a.music-title{color:inherit}button.vinyl{display:block;width:100%;padding:0;border:none;border-radius:50%;background:none;cursor:pointer}button.vinyl:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.vinyl-icon{position:absolute;z-index:1;top:50%;left:50%;width:30%;height:30%;transform:translate(-50%, -50%);padding:4%;box-sizing:border-box;border-radius:50%;background:rgba(0,0,0,0.6);fill:#fff;opacity:0;transition:opacity 0.15s ease}.vinyl.is-playing .icon-play,.vinyl:not(.is-playing) .icon-pause{display:none}.vinyl:hover .vinyl-icon,.vinyl:focus-visible .vinyl-icon{opacity:1}@media (hover: none){.vinyl.is-playing .vinyl-icon,.vinyl.is-paused .vinyl-icon{opacity:1}}.music-seek{width:100%;height:1rem;margin:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer}.music-seek::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(to right, var(--accent) var(--progress, 0%), color-mix(in srgb, var(--fg) 15%, transparent) 0)}.music-seek::-moz-range-track{height:3px;border-radius:3px;background:linear-gradient(to right, var(--accent) var(--progress, 0%), color-mix(in srgb, var(--fg) 15%, transparent) 0)}.music-seek::-webkit-slider-thumb{-webkit-appearance:none;width:9px;height:9px;margin-top:-3px;border:none;border-radius:50%;background:var(--accent)}.music-seek::-moz-range-thumb{width:9px;height:9px;border:none;border-radius:50%;background:var(--accent)}.music-queue{padding:0.15rem 0.7rem;border:none;border-radius:999px;background:color-mix(in srgb, var(--fg) 8%, transparent);color:var(--fg);font:inherit;font-size:0.75rem;font-weight:normal;vertical-align:middle;cursor:pointer}.shelf-heading .music-queue{margin-left:0.5rem}.music-queue[aria-pressed="true"]{background:var(--accent);color:var(--bg)}.music-queue .queue-stop,.music-queue[aria-pressed="true"] .queue-idle{display:none}.music-queue[aria-pressed="true"] .queue-stop{display:inline}.music-bar{position:sticky;top:var(--header-h, 0px);z-index:2;display:flex;align-items:center;gap:0.4rem;margin:1rem 0;padding:0.5rem 0;border-bottom:1px solid color-mix(in srgb, var(--fg) 15%, transparent);background:color-mix(in srgb, var(--song-tint, var(--bg)) 20%, var(--bg));transition:background-color 1s}.music-bar-now{flex:1;min-width:0;display:flex;align-items:center;gap:0.4rem}.music-bar-now[hidden]{display:none}.music-bar-title{flex:1;min-width:0;padding:0 0.3rem;border:none;background:none;color:var(--fg);font:inherit;font-size:0.8rem;font-weight:600;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.music-bar-icon{flex:none;width:1.6rem;height:1.6rem;padding:0.3rem;border:none;border-radius:50%;background:color-mix(in srgb, var(--fg) 8%, transparent);color:var(--fg);cursor:pointer}.music-bar-icon svg{display:block;width:100%;height:100%;fill:currentColor}.music-bar-icon[hidden]{display:none}.music-shuffle svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.music-shuffle[aria-pressed="true"]{background:var(--accent);color:var(--bg)}.music-bar-pause .icon-play,.music-bar.is-paused .music-bar-pause .icon-pause{display:none}.music-bar.is-paused .music-bar-pause .icon-play{display:block}.colour-game{margin:1.5rem 0;padding:1rem;border:1px solid var(--muted);border-radius:8px}.colour-game button{font:inherit;color:var(--fg);background:transparent;border:1px solid var(--muted);border-radius:6px;padding:0.4rem 0.7rem;cursor:pointer}.colour-game button:disabled{cursor:default}.colour-game button[aria-pressed="true"]{border-color:var(--accent);color:var(--accent)}.cg-title{font-weight:600;margin:0.25rem 0 0.75rem}.cg-count{color:var(--muted);font-size:0.85rem;margin:0}.cg-options{display:grid;grid-template-columns:repeat(auto-fit, minmax(9rem, 1fr));gap:0.5rem}.cg-option{display:flex;align-items:center;gap:0.5rem;text-align:left}.colour-game .cg-right{border:2px solid #2e9e4f}.colour-game .cg-wrong{border:2px solid #c0282d}.cg-swatch{display:inline-block;flex:none;width:2.4rem;height:2.4rem}.cg-swatch path{stroke:var(--muted);stroke-width:1.2;stroke-linejoin:round;stroke-linecap:round}.cg-feedback{min-height:1.5rem}.cg-next{margin-top:0.25rem}.colour-game{position:relative}.colour-game .cg-reset{position:absolute;top:0.75rem;right:0.75rem;font-size:0.85rem;padding:0.2rem 0.6rem}.cg-play{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--muted)}.cg-lights{display:flex;flex-wrap:wrap;gap:0.5rem}.cg-slider{display:flex;align-items:center;gap:0.75rem;margin:0.75rem 0}.cg-slider input{flex:1}.cg-row{display:grid;grid-template-columns:repeat(auto-fit, minmax(7rem, 1fr));gap:0.75rem}.cg-item{margin:0;text-align:center;font-size:0.9rem}.cg-item .cg-swatch{width:4rem;height:4rem;display:block;margin:0 auto 0.35rem}#to-top{position:fixed;right:1.5rem;bottom:1.5rem;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;color:var(--muted);background:var(--bg);border:1px solid var(--muted);border-radius:50%;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(0.5rem);transition:opacity 0.2s ease, transform 0.2s ease, visibility 0.2s, color 0.15s ease, border-color 0.15s ease}#to-top.show{opacity:1;visibility:visible;transform:none}#to-top:hover,#to-top:focus-visible{color:var(--fg);border-color:var(--fg)}#to-top svg{width:1.1rem;height:1.1rem}@media (prefers-reduced-motion: reduce){#to-top{transition:none}}.sound-hint{margin-left:0.2rem;padding:0.25rem;font-size:1.1rem;vertical-align:0.6em;color:var(--muted);background:none;border:none;cursor:pointer;opacity:0.7;transition:opacity 0.15s ease}.sound-hint:hover,.sound-hint:focus-visible{opacity:1}.paper-list{padding-left:1.2rem;font-size:0.9rem}.paper-list li{margin:0 0 0.6rem}.project-text .project-summary{display:block}.project-text{min-width:0}.project-hero-link{display:block;margin-top:0.75rem;color:inherit}.project-hero-link .project-hero{max-width:360px;margin:0 auto}.post-list li:has(.project-hero-link){padding-bottom:1.5rem}.project-hero{display:block;width:100%;height:auto;margin:0 0 1.5rem;border-radius:6px}.genre-nav{display:flex;flex-wrap:wrap;gap:0.4rem 1rem;margin:0 0 1rem;font-size:0.85rem}.shelf-heading[id]{scroll-margin-top:3.5rem}