@import"https://fonts.googleapis.com/css2?family=Architects+Daughter&display=swap";:root,html{scroll-behavior:auto!important;--accent-color: #7c3aed;--accent-rgb: 124, 58, 237;--accent-secondary: #4f46e5;--accent-tertiary: #0ea5e9;--gradient-mesh: linear-gradient(145deg, #1e1b4b, #4c1d95, #7c3aed, #a78bfa);max-width:100vw;overflow-x:hidden}body{max-width:100vw;overflow-x:hidden}.font-handwritten{font-family:Architects Daughter,cursive;text-rendering:optimizeLegibility}.brutalist-skew{transform:skew(-4deg);display:inline-block}p.font-handwritten{word-spacing:-.05em;overflow-wrap:break-word}.lyric-line{transition:opacity .12s ease-out}.lyric-line.lyric-line-active{opacity:1!important}.lyric-line.lyric-line-active p{color:var(--accent-color, #7c3aed)!important;border-left-width:8px!important;padding-left:1.5rem!important;border-color:var(--accent-color, #7c3aed)!important;transition:color .3s ease,border-left-width .3s ease,padding-left .3s ease}#main-scroller{overscroll-behavior-y:none;touch-action:pan-y}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@media(max-width:1024px){.brutalist-skew{transform:none}}.lyric-word{display:inline-block;position:relative;transition:all .2s ease}.lyric-word--annotated{color:inherit!important;font-weight:inherit;text-decoration:none!important;text-shadow:none!important;display:inline;cursor:pointer;background-color:color-mix(in srgb,var(--accent-color, #7c3aed) 18%,transparent);border-radius:3px;padding:.1em .18em;margin:0 -.18em;transition:background-color .25s ease}.lyric-word--annotated:hover,.lyric-word--annotated:focus{color:inherit!important;text-decoration:none!important;text-shadow:none!important;background-color:color-mix(in srgb,var(--accent-color, #7c3aed) 34%,transparent);outline:none}.lyric-word--annotated.annotation-active{color:inherit!important;text-decoration:none!important;text-shadow:none!important;background-color:color-mix(in srgb,var(--accent-color, #7c3aed) 55%,transparent)!important}.lyric-word--annotated .lyric-word{display:inline;background:none;color:inherit}.annotation-label-line{display:block}#page-annotation-sidebar{position:fixed;top:0;right:0;bottom:0;width:min(420px,100vw);max-width:100vw;z-index:200;transform:translate(100%);transition:transform .36s cubic-bezier(.23,1,.32,1);pointer-events:none;display:flex;flex-direction:column}#page-annotation-sidebar.annotation-sidebar-visible{transform:translate(0);pointer-events:auto}#page-annotation-inner{display:flex;flex-direction:column;height:100%;background:#fff;border-left:8px solid black;box-shadow:-12px 0 40px #0000002e;overflow:hidden}#page-annotation-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:4px solid black;flex-shrink:0;background:#000}#page-annotation-eyebrow{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:900;letter-spacing:.3em;text-transform:uppercase;color:#ffffff80}#page-annotation-star{color:var(--accent-color, #7c3aed);font-size:12px}#page-annotation-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:3px solid rgba(255,255,255,.3);background:transparent;color:#fff;cursor:pointer;transition:background .15s,border-color .15s;flex-shrink:0}#page-annotation-close:hover{background:#ffffff1f;border-color:#fff}#page-annotation-label{padding:18px 24px 10px;font-size:14px;font-weight:800;color:#000;line-height:1.65;letter-spacing:-.01em;flex-shrink:0;background:#fafafa}#page-annotation-rule{height:4px;margin:0 24px;background:var(--accent-color, #7c3aed);flex-shrink:0}#page-annotation-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;background:#fff;scroll-behavior:smooth;min-height:0}#page-annotation-body::-webkit-scrollbar{width:3px}#page-annotation-body::-webkit-scrollbar-track{background:transparent}#page-annotation-body::-webkit-scrollbar-thumb{background:var(--accent-color, #7c3aed);border-radius:9999px}#page-annotation-author-bar{padding:10px 24px 8px;font-size:9px;font-weight:900;letter-spacing:.25em;text-transform:uppercase;border-bottom:1px solid rgba(0,0,0,.08);flex-shrink:0}#page-annotation-author-name{color:var(--accent-color, #7c3aed)}#page-annotation-author-suffix{color:#0006}#page-annotation-content{padding:16px 24px 32px;display:flex;flex-direction:column;gap:14px}#page-annotation-content p{font-size:14px;line-height:1.75;color:#222;font-weight:400;margin:0;font-family:Architects Daughter,cursive}#page-annotation-content img{width:100%;height:auto;display:block;border:4px solid black;box-shadow:6px 6px 0 var(--accent-color, #7c3aed);-o-object-fit:cover;object-fit:cover}#annotation-comment-form-wrap[hidden]{display:none!important}#annotation-comment-zone{margin-top:20px;padding:24px;border-top:1px solid rgba(0,0,0,.1);background:#fff}#annotation-comment-header{font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-color, #7c3aed);margin-bottom:20px;display:flex;align-items:center;gap:6px}.annotation-comment-item{padding:20px 0;border-bottom:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;gap:8px}.annotation-comment-item:last-child{border-bottom:none}.annotation-comment-meta{display:flex;flex-direction:column;gap:3px}.annotation-comment-author{font-size:13px;font-weight:700;color:#000;line-height:1.3;font-family:ui-sans-serif,system-ui,sans-serif}.annotation-comment-date{font-size:11px;font-weight:400;opacity:.45;line-height:1.3;font-family:ui-sans-serif,system-ui,sans-serif}.annotation-comment-text{font-size:14px;line-height:1.6;color:#333;margin:0;word-break:break-word;font-family:ui-sans-serif,system-ui,sans-serif}.annotation-comment-empty{padding:12px 0;font-size:11px;font-weight:600;color:#0006;font-style:italic}.annotation-comment-loading{padding:12px 0;font-size:10px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;opacity:.4;animation:ann-pulse 1.2s ease-in-out infinite}@keyframes ann-pulse{0%,to{opacity:.2}50%{opacity:.6}}#annotation-comment-trigger-row{margin-top:20px;display:flex}#annotation-comment-trigger{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;color:#000;font-size:10px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;border:2px solid #000;cursor:pointer;transition:all .2s ease}#annotation-comment-trigger:hover{background:#000;color:#fff}#annotation-comment-form-wrap{margin-top:20px;display:flex;flex-direction:column;gap:12px}#annotation-comment-input{width:100%;resize:vertical;border:2px solid #e5e5e5;padding:12px;font-size:14px;font-family:ui-sans-serif,system-ui,sans-serif;line-height:1.5;color:#000;background:#fafafa;outline:none;transition:border-color .2s,background .2s}#annotation-comment-input:focus{border-color:#000;background:#fff}#annotation-comment-form-footer{display:flex;align-items:center;justify-content:space-between}#annotation-comment-char-count{font-size:10px;font-weight:700;letter-spacing:.1em;opacity:.4;font-family:monospace}#annotation-comment-submit{padding:8px 24px;background:#000;color:#fff;font-size:10px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;border:none;cursor:pointer;transition:opacity .2s}#annotation-comment-submit:hover{opacity:.8}#annotation-comment-submit:disabled{opacity:.3;cursor:not-allowed}#annotation-comment-error{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#dc2626;margin:0;min-height:14px}@media(max-width:640px){#page-annotation-sidebar{width:100vw;border-left:none;border-top:8px solid black;top:auto;height:85vh;transform:translateY(100%)}#page-annotation-sidebar.annotation-sidebar-visible{transform:translateY(0)}#page-annotation-inner{border-left:none}}
