code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-yellow-400:oklch(85.2% .199 91.936);--color-green-500:oklch(72.3% .219 149.579);--color-gray-800:oklch(27.8% .033 256.848);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-relaxed:1.625;--radius-lg:.5rem;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.-right-1{right:calc(var(--spacing)*-1)}.right-0{right:calc(var(--spacing)*0)}.-bottom-1{bottom:calc(var(--spacing)*-1)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.z-\[900\]{z-index:900}.z-\[999\]{z-index:999}.z-\[1001\]{z-index:1001}.z-\[1102\]{z-index:1102}.z-\[10000\]{z-index:10000}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-16{margin-top:calc(var(--spacing)*16)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.mb-16{margin-bottom:calc(var(--spacing)*16)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.h-0\.5{height:calc(var(--spacing)*.5)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-24{height:calc(var(--spacing)*24)}.h-56{height:calc(var(--spacing)*56)}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-24{width:calc(var(--spacing)*24)}.w-56{width:calc(var(--spacing)*56)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-full{max-width:100%}.max-w-none{max-width:none}.min-w-\[32px\]{min-width:32px}.flex-1{flex:1}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-\[shimmer_2s_infinite\]{animation:2s infinite shimmer}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.gap-8{gap:calc(var(--spacing)*8)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-zinc-600\/40{border-color:#52525c66}@supports (color:color-mix(in lab,red,red)){.border-zinc-600\/40{border-color:color-mix(in oklab,var(--color-zinc-600)40%,transparent)}}.bg-\[var\(--highlight-color-mine\)\]{background-color:var(--highlight-color-mine)}.bg-black\/45{background-color:#00000073}@supports (color:color-mix(in lab,red,red)){.bg-black\/45{background-color:color-mix(in oklab,var(--color-black)45%,transparent)}}.bg-gray-800{background-color:var(--color-gray-800)}.bg-green-500{background-color:var(--color-green-500)}.bg-yellow-400{background-color:var(--color-yellow-400)}.bg-zinc-800\/70{background-color:#27272ab3}@supports (color:color-mix(in lab,red,red)){.bg-zinc-800\/70{background-color:color-mix(in oklab,var(--color-zinc-800)70%,transparent)}}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-white\/30{--tw-gradient-via:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.via-white\/30{--tw-gradient-via:color-mix(in oklab,var(--color-white)30%,transparent)}}.via-white\/30{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:calc(var(--spacing)*0)}.p-4{padding:calc(var(--spacing)*4)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-1{padding-block:calc(var(--spacing)*1)}.py-12{padding-block:calc(var(--spacing)*12)}.pt-8{padding-top:calc(var(--spacing)*8)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.625rem\]{font-size:.625rem}.text-\[10px\]{font-size:10px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-green-500{color:var(--color-green-500)}.text-zinc-200{color:var(--color-zinc-200)}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-900{color:var(--color-zinc-900)}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-60{opacity:.6}.opacity-90{opacity:.9}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-4{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-yellow-400{--tw-ring-color:var(--color-yellow-400)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.select-text{-webkit-user-select:text;-moz-user-select:text;user-select:text}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:no-underline:hover{text-decoration-line:none}}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}@media (min-width:40rem){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width:48rem){.md\:mt-20{margin-top:calc(var(--spacing)*20)}.md\:mb-10{margin-bottom:calc(var(--spacing)*10)}.md\:mb-20{margin-bottom:calc(var(--spacing)*20)}.md\:hidden{display:none}.md\:h-12{height:calc(var(--spacing)*12)}.md\:h-28{height:calc(var(--spacing)*28)}.md\:h-72{height:calc(var(--spacing)*72)}.md\:w-12{width:calc(var(--spacing)*12)}.md\:w-28{width:calc(var(--spacing)*28)}.md\:w-72{width:calc(var(--spacing)*72)}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:gap-5{gap:calc(var(--spacing)*5)}.md\:gap-10{gap:calc(var(--spacing)*10)}.md\:py-16{padding-block:calc(var(--spacing)*16)}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (min-width:64rem){.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--reading-font: "Source Serif 4", serif;--reading-font-size: 18px;--highlight-color-mine: #fde047;--highlight-color-friends: #f97316;--highlight-color-nostrverse: #9333ea;--highlight-color: #fde047;--sidebar-width: 320px;--sidebar-collapsed-width: 64px;--highlights-width: 360px;--highlights-collapsed-width: 56px;--main-max-width: 900px;--main-max-width-video: 1200px;--main-horizontal-padding: 1rem;--mobile-breakpoint: 768px;--tablet-breakpoint: 1024px;--min-touch-target: 44px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px)}:root.theme-dark{color-scheme:dark;--color-bg: #18181b;--color-bg-elevated: #27272a;--color-bg-subtle: #1e1e1e;--color-border: #3f3f46;--color-border-subtle: #52525b;--color-text: #e4e4e7;--color-text-secondary: #a1a1aa;--color-text-muted: #71717a;--color-primary: #6366f1;--color-primary-hover: #4f46e5}:root.theme-light{color-scheme:light;--color-bg: #ffffff;--color-bg-elevated: #f5f5f5;--color-bg-subtle: #fafafa;--color-border: #e5e7eb;--color-border-subtle: #d1d5db;--color-text: #111827;--color-text-secondary: #374151;--color-text-muted: #6b7280;--color-primary: #4f46e5;--color-primary-hover: #4338ca;--highlight-color-mine: #fde047;--highlight-color-friends: #f97316;--highlight-color-nostrverse: #9333ea}:root.theme-system{color-scheme:light dark}@media (prefers-color-scheme: dark){:root.theme-system{--color-bg: #18181b;--color-bg-elevated: #27272a;--color-bg-subtle: #1e1e1e;--color-border: #3f3f46;--color-border-subtle: #52525b;--color-text: #e4e4e7;--color-text-secondary: #a1a1aa;--color-text-muted: #71717a;--color-primary: #6366f1;--color-primary-hover: #4f46e5}}@media (prefers-color-scheme: light){:root.theme-system{--color-bg: #ffffff;--color-bg-elevated: #f5f5f5;--color-bg-subtle: #fafafa;--color-border: #e5e7eb;--color-border-subtle: #d1d5db;--color-text: #111827;--color-text-secondary: #374151;--color-text-muted: #6b7280;--color-primary: #4f46e5;--color-primary-hover: #4338ca;--highlight-color-mine: #fde047;--highlight-color-friends: #f97316;--highlight-color-nostrverse: #9333ea}}:root.dark-midnight{--color-bg: #18181b;--color-bg-elevated: #27272a;--color-bg-subtle: #0f0f11;--color-border: #3f3f46;--color-border-subtle: #52525b;--color-text: #e4e4e7;--color-text-secondary: #a1a1aa;--color-text-muted: #71717a}:root.dark-black{--color-bg: #000000;--color-bg-elevated: #0a0a0a;--color-bg-subtle: #000000;--color-border: #1a1a1a;--color-border-subtle: #2a2a2a;--color-text: #e4e4e7;--color-text-secondary: #a1a1aa;--color-text-muted: #71717a}:root.dark-charcoal{--color-bg: #1c1c1e;--color-bg-elevated: #2c2c2e;--color-bg-subtle: #16161a;--color-border: #3a3a3c;--color-border-subtle: #48484a;--color-text: #e4e4e7;--color-text-secondary: #a1a1aa;--color-text-muted: #71717a}:root.light-paper-white{--color-bg: #ffffff;--color-bg-elevated: #f5f5f5;--color-bg-subtle: #fafafa;--color-border: #e5e7eb;--color-border-subtle: #d1d5db;--highlight-color-mine: #fde047;--highlight-color-friends: #f97316;--highlight-color-nostrverse: #9333ea}:root.light-sepia{--color-bg: #f4f1ea;--color-bg-elevated: #ebe6db;--color-bg-subtle: #f9f6f0;--color-border: #d4cfc4;--color-border-subtle: #c4bfb4;--color-text: #2d2a24;--color-text-secondary: #5d5a54;--color-text-muted: #8d8a84;--highlight-color-mine: #fde047;--highlight-color-friends: #f97316;--highlight-color-nostrverse: #9333ea}:root.light-ivory{--color-bg: #fffff0;--color-bg-elevated: #faf8f0;--color-bg-subtle: #fefef8;--color-border: #e8e6de;--color-border-subtle: #d8d6ce;--color-text: #1a1a18;--color-text-secondary: #4a4a48;--color-text-muted: #7a7a78;--highlight-color-mine: #fde047;--highlight-color-friends: #f97316;--highlight-color-nostrverse: #9333ea}@media (prefers-color-scheme: dark){:root.theme-system.dark-midnight{--color-bg: #18181b;--color-bg-elevated: #27272a;--color-bg-subtle: #0f0f11;--color-border: #3f3f46;--color-border-subtle: #52525b;--color-text: #e4e4e7;--color-text-secondary: #a1a1aa;--color-text-muted: #71717a}:root.theme-system.dark-black{--color-bg: #000000;--color-bg-elevated: #0a0a0a;--color-bg-subtle: #000000;--color-border: #1a1a1a;--color-border-subtle: #2a2a2a;--color-text: #e4e4e7;--color-text-secondary: #a1a1aa;--color-text-muted: #71717a}:root.theme-system.dark-charcoal{--color-bg: #1c1c1e;--color-bg-elevated: #2c2c2e;--color-bg-subtle: #16161a;--color-border: #3a3a3c;--color-border-subtle: #48484a;--color-text: #e4e4e7;--color-text-secondary: #a1a1aa;--color-text-muted: #71717a}}@media (prefers-color-scheme: light){:root.theme-system.light-paper-white{--color-bg: #ffffff;--color-bg-elevated: #f5f5f5;--color-bg-subtle: #fafafa;--color-border: #e5e7eb;--color-border-subtle: #d1d5db;--highlight-color-mine: #fde047;--highlight-color-friends: #f97316;--highlight-color-nostrverse: #9333ea}:root.theme-system.light-sepia{--color-bg: #f4f1ea;--color-bg-elevated: #ebe6db;--color-bg-subtle: #f9f6f0;--color-border: #d4cfc4;--color-border-subtle: #c4bfb4;--color-text: #2d2a24;--color-text-secondary: #5d5a54;--color-text-muted: #8d8a84;--highlight-color-mine: #fde047;--highlight-color-friends: #f97316;--highlight-color-nostrverse: #9333ea}:root.theme-system.light-ivory{--color-bg: #fffff0;--color-bg-elevated: #faf8f0;--color-bg-subtle: #fefef8;--color-border: #e8e6de;--color-border-subtle: #d8d6ce;--color-text: #1a1a18;--color-text-secondary: #4a4a48;--color-text-muted: #7a7a78;--highlight-color-mine: #fde047;--highlight-color-friends: #f97316;--highlight-color-nostrverse: #9333ea}}body{background:var(--color-bg-subtle);color:var(--color-text);overscroll-behavior:none;-webkit-overflow-scrolling:touch;overflow-x:hidden;max-width:100vw}body.mobile-sidebar-open{overflow:hidden;position:fixed;width:100%}.loading{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem;color:var(--color-text)}.bookmarks-list{display:flex;flex-direction:column;gap:1.5rem;max-width:600px;margin:0 auto}.two-pane{display:grid;grid-template-columns:360px 1fr;-moz-column-gap:0;column-gap:0;height:calc(100vh - 4rem);transition:grid-template-columns .3s ease}.two-pane.sidebar-collapsed{grid-template-columns:60px 1fr}.three-pane{display:grid;grid-template-columns:var(--sidebar-width) 1fr var(--highlights-width);-moz-column-gap:0;column-gap:0;transition:grid-template-columns .3s ease;position:relative;min-height:100vh;height:auto!important;max-height:none!important;overflow:visible!important}.three-pane.sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed-width) 1fr var(--highlights-width)}.three-pane.highlights-collapsed{grid-template-columns:var(--sidebar-width) 1fr var(--highlights-collapsed-width)}.three-pane.sidebar-collapsed.highlights-collapsed{grid-template-columns:var(--sidebar-collapsed-width) 1fr var(--highlights-collapsed-width)}@media (min-width: 769px){.pane.sidebar{position:sticky;top:0;height:100vh;max-height:100vh;overflow-y:auto;align-self:start;margin:0;padding:0;box-shadow:2px 0 8px #0000004d}.pane.main{margin:0 auto;padding:0 var(--main-horizontal-padding);min-height:100vh;overflow:visible!important;height:auto!important}.pane.highlights{position:sticky;top:0;height:100vh;max-height:100vh;overflow-y:auto;align-self:start;margin:0;padding:0;box-shadow:-2px 0 8px #0000004d}}.three-pane.sidebar-collapsed .pane.main,.three-pane.sidebar-collapsed.highlights-collapsed .pane.main{padding-left:0}@media (max-width: 768px){.three-pane{grid-template-columns:1fr;grid-template-rows:auto}.three-pane.sidebar-collapsed,.three-pane.highlights-collapsed,.three-pane.sidebar-collapsed.highlights-collapsed{grid-template-columns:1fr}.pane.main{margin:0 auto;padding:0;max-width:100vw;overflow-x:hidden}}@media (min-width: 769px){.three-pane .pane.sidebar,.three-pane .pane.main{z-index:1}.three-pane .pane.highlights{z-index:2}}@media (max-width: 768px){.pane.sidebar,.pane.highlights{position:fixed;top:0;width:85%;max-width:320px;height:100vh;height:100dvh;background:var(--color-bg);z-index:1001;transition:transform .3s ease;box-shadow:none;display:flex;flex-direction:column}.pane.sidebar>*,.pane.highlights>*{width:100%;height:100%}.pane.sidebar .bookmarks-container,.pane.highlights .highlights-container{border:none;border-radius:0;flex:1;min-height:0}.pane.sidebar{left:0;transform:translate(-100%)}.pane.sidebar.mobile-open{transform:translate(0);box-shadow:4px 0 12px #00000080}.pane.highlights{right:0;transform:translate(100%)}.pane.highlights.mobile-open{transform:translate(0);box-shadow:-4px 0 12px #00000080}.pane.main{grid-column:1;grid-row:1;padding:0;max-width:100%;width:100%;transition:opacity .2s ease}.three-pane .pane.main.mobile-hidden{opacity:0;pointer-events:none}}.bookmarks-container{background:var(--color-bg);display:flex;flex-direction:column;height:100%;overflow:hidden;text-align:left;padding:0}@media (min-width: 769px){.bookmarks-container{border:none;border-radius:0}}.bookmarks-container .view-mode-controls{margin-top:auto;padding:1rem;border-top:1px solid var(--color-border);background:transparent;border-radius:0}.bookmarks-container .bookmarks-list{padding:.5rem;overflow-y:auto;overflow-x:hidden;flex:1;width:100%;max-width:100%;box-sizing:border-box}.sidebar-header-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;background:var(--color-bg);border-bottom:1px solid var(--color-border);margin-bottom:0}@media (max-width: 768px){.sidebar-header-bar{border:1px solid var(--color-border);border-radius:12px 12px 0 0}}.sidebar-header-right{display:flex;align-items:center;gap:.5rem;margin-left:auto}.mobile-close-btn{display:none}@media (max-width: 768px){.sidebar-header-bar .toggle-sidebar-btn{display:none}.mobile-close-btn{display:flex}.sidebar-header-bar svg{width:1em;height:1em}}.view-mode-controls{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.view-mode-left,.view-mode-right{display:flex;align-items:center;gap:.5rem}.profile-avatar{min-width:33px;min-height:33px;width:33px;height:33px;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);flex-shrink:0;color:var(--color-text);box-sizing:border-box;padding:0}.profile-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.profile-avatar svg{font-size:1rem}.sidebar-header-bar .toggle-sidebar-btn{background:transparent;color:var(--color-text);border:1px solid var(--color-border-subtle);padding:0;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:33px;height:33px;flex-shrink:0;box-sizing:border-box}.sidebar-header-bar .toggle-sidebar-btn:hover{background:var(--color-bg-elevated);color:var(--color-text)}.sidebar-header-bar .toggle-sidebar-btn:active{transform:translateY(1px)}.bookmarks-container.collapsed{display:flex;align-items:flex-start;justify-content:flex-start;padding:0;background:transparent;border:none}.bookmarks-container.collapsed .toggle-sidebar-btn{background:var(--color-bg-elevated);color:var(--color-text);border:none;padding:0;border-radius:0;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:48px;height:36px;flex-shrink:0}.bookmarks-container.collapsed .toggle-sidebar-btn:hover{background:var(--color-border);color:var(--color-text)}.bookmarks-container.collapsed .toggle-sidebar-btn:active{transform:translateY(1px)}.bookmarks-container.collapsed .toggle-sidebar-btn.with-icon{width:auto;padding:0 .5rem;gap:.5rem}.bookmarks-container.collapsed .toggle-sidebar-btn .glow-blue{color:var(--color-primary);filter:drop-shadow(0 0 4px rgba(99,102,241,.6))}.user-info{margin:.5rem 0 0;color:var(--color-text-secondary);font-size:.9rem;font-family:monospace}.bookmark-count{color:var(--color-text-muted);font-size:.9rem;margin:.5rem 0}.event-link{color:var(--color-primary);text-decoration:none;font-weight:500}.event-link:hover{text-decoration:underline}.bookmark-urls{margin:.75rem 0}.bookmark-url{display:block;margin:.25rem 0;color:var(--color-primary);text-decoration:none;word-break:break-all;background:none;border:none;padding:0;font:inherit;cursor:pointer;text-align:left;width:100%}.url-row{display:flex;align-items:center;gap:.5rem}.read-inline-btn{background:#22c55e;color:#fff;border:none;padding:.25rem .5rem;border-radius:4px;cursor:pointer}.read-inline-btn:hover{background:#16a34a}.bookmark-filters{display:flex;gap:.5rem;padding:.5rem 1rem;border-bottom:1px solid var(--color-border);background:var(--color-bg)}.bookmark-filters .filter-btn{background:transparent;color:var(--color-text-secondary);border:none;padding:.375rem;border-radius:4px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;font-size:.875rem;min-width:32px;min-height:32px}.bookmark-filters .filter-btn:hover{color:var(--color-text);background:var(--color-bg-elevated)}.bookmark-filters .filter-btn.active{color:var(--color-primary);background:transparent}.highlights-container{background:var(--color-bg);display:flex;flex-direction:column;height:100%;overflow:hidden}@media (min-width: 769px){.highlights-container{border:none;border-radius:0}}.highlights-container.collapsed{display:flex;align-items:flex-start;justify-content:flex-start;padding:0;background:transparent;border:none}.highlights-container.collapsed .toggle-highlights-btn{background:var(--color-bg-elevated);color:var(--color-text);border:none;padding:0;border-radius:0;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.highlights-container.collapsed .toggle-highlights-btn:hover{background:var(--color-border);color:var(--color-text)}.highlights-container.collapsed .toggle-highlights-btn:active{transform:translateY(1px)}.highlights-container.collapsed .toggle-highlights-btn.with-icon{width:auto;padding:0 .5rem;gap:.5rem}.highlights-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--color-border);background:var(--color-bg);border-radius:12px 12px 0 0}@media (min-width: 769px){.highlights-header{border-radius:0}}.highlights-actions{display:flex;align-items:center;justify-content:space-between;width:100%}.highlights-actions-left,.highlights-title{display:flex;align-items:center;gap:.5rem}.highlights-title h3{margin:0;font-size:1rem;font-weight:600}.highlights-title .count{color:var(--color-text-secondary);font-size:.875rem}.highlight-mode-toggle{display:flex;gap:.25rem;padding:.25rem;background:#ffffff0d;border-radius:4px}.highlight-mode-toggle .mode-btn{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.375rem .5rem;border-radius:3px;transition:all .2s;font-size:.9rem}.highlight-mode-toggle .mode-btn:hover{background:#ffffff1a;color:var(--color-text)}.highlight-mode-toggle .mode-btn.active{background:var(--color-primary);color:#fff}.highlight-level-toggles{display:flex;gap:.25rem;padding:.25rem;background:#ffffff0d;border-radius:4px}.highlights-loading,.highlights-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;color:var(--color-text-secondary);text-align:center;gap:.5rem}.highlights-empty svg{color:var(--color-text-muted);margin-bottom:.5rem}.empty-hint{font-size:.875rem;color:var(--color-text-muted);margin-top:.5rem}.highlights-list{overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.highlight-item{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:8px;padding:0;display:flex;transition:border-color .2s ease;position:relative}.highlight-item:hover{border-color:var(--color-primary)}.highlight-item.selected{border-color:var(--color-primary);background:var(--color-bg-elevated);box-shadow:0 0 0 2px #6366f14d}.compact-button{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.25rem;font-size:.75rem;display:flex;align-items:center;justify-content:center;gap:.25rem;transition:all .2s ease;border-radius:4px;min-width:20px;min-height:20px}.compact-button:hover{color:var(--color-text);background:#ffffff0d}.compact-button:active{transform:scale(.95)}.compact-button:disabled{opacity:.5;cursor:not-allowed}.compact-button:disabled:hover{background:none;color:var(--color-text-secondary);transform:none}.highlight-header{position:absolute;top:0;left:0;right:0;padding:.25rem .5rem;display:flex;align-items:center;justify-content:flex-end;pointer-events:none;border-top-left-radius:8px;border-top-right-radius:8px;transition:border-color .2s ease}.highlight-header .compact-button{pointer-events:auto}.highlight-timestamp{font-size:.75rem;font-weight:500;white-space:nowrap}.highlight-item.level-mine{border-color:color-mix(in srgb,var(--highlight-color-mine, #ffff00) 60%,#333);box-shadow:0 0 0 1px color-mix(in srgb,var(--highlight-color-mine, #ffff00) 25%,transparent)}.highlight-item.level-friends{border-color:color-mix(in srgb,var(--highlight-color-friends, #f97316) 60%,#333);box-shadow:0 0 0 1px color-mix(in srgb,var(--highlight-color-friends, #f97316) 25%,transparent)}.highlight-item.level-nostrverse{border-color:color-mix(in srgb,var(--highlight-color-nostrverse, #9333ea) 60%,#333);box-shadow:0 0 0 1px color-mix(in srgb,var(--highlight-color-nostrverse, #9333ea) 25%,transparent)}.highlight-quote-button{position:absolute;top:.25rem;left:.5rem;z-index:10}.highlight-item.level-mine .highlight-quote-button{color:var(--highlight-color-mine, #ffff00)}.highlight-item.level-friends .highlight-quote-button{color:var(--highlight-color-friends, #f97316)}.highlight-item.level-nostrverse .highlight-quote-button{color:var(--highlight-color-nostrverse, #9333ea)}.highlight-relay-indicator{flex-shrink:0}.highlight-relay-indicator:hover{opacity:1}@media (max-width: 768px){.highlight-relay-indicator{padding:8px;min-width:var(--min-touch-target);min-height:var(--min-touch-target)}.compact-button{padding:.5rem;min-width:var(--min-touch-target);min-height:var(--min-touch-target)}.compact-button svg{font-size:.875rem;width:1em;height:1em}}.highlight-item.level-mine .highlight-quote-icon{color:var(--highlight-color-mine, #ffff00)}.highlight-item.level-friends .highlight-quote-icon{color:var(--highlight-color-friends, #f97316)}.highlight-item.level-nostrverse .highlight-quote-icon{color:var(--highlight-color-nostrverse, #9333ea)}.highlight-content{flex:1;display:flex;flex-direction:column;gap:.5rem;padding:2.25rem .75rem 2.5rem}.highlight-text{margin:0;padding:0 0 0 1.25rem;font-style:italic;color:var(--color-text);line-height:1.6;border-left:none;font-size:.95rem}.highlight-citation{margin-left:1.25rem;font-size:.8rem;color:var(--color-text-secondary);font-style:normal;padding-top:.25rem}.highlight-comment{margin-top:.5rem;padding:.75rem;border-radius:4px;font-size:.875rem;color:var(--color-text);line-height:1.5;display:flex;gap:.5rem;align-items:flex-start;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;min-width:0}.highlight-comment-icon{flex-shrink:0;margin-top:.125rem}.highlight-comment-text{flex:1;min-width:0}.highlight-comment-link{color:var(--color-primary);text-decoration:underline;word-wrap:break-word;overflow-wrap:break-word}.highlight-comment-link:hover{opacity:.8}.highlight-comment-nostr-id{font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;font-size:.8em;color:var(--color-text-secondary);background:#ffffff0d;padding:.125rem .375rem;border-radius:3px;word-wrap:break-word;overflow-wrap:break-word}.highlight-comment-image{display:block;max-width:100%;height:auto;margin-top:.5rem;border-radius:6px;border:1px solid var(--color-border)}.highlight-item.level-mine .highlight-comment-icon{color:var(--highlight-color-mine, #ffff00)}.highlight-item.level-friends .highlight-comment-icon{color:var(--highlight-color-friends, #f97316)}.highlight-item.level-nostrverse .highlight-comment-icon{color:var(--highlight-color-nostrverse, #9333ea)}.highlight-footer{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:.25rem .5rem;font-size:.8rem;color:var(--color-text-secondary);border-bottom-left-radius:8px;border-bottom-right-radius:8px;transition:border-color .2s ease}.highlight-footer-left{display:flex;align-items:center;gap:.4rem;min-width:0}.highlight-author{color:var(--color-text);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:inline-flex;align-items:center;min-height:28px}.highlight-item .highlight-footer .highlight-relay-indicator{position:static;bottom:auto;left:auto;margin:0;padding:.25rem}.highlight-menu-wrapper{position:relative;flex-shrink:0;display:flex;align-items:center}.highlight-menu{position:absolute;right:0;top:calc(100% + 4px);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:6px;box-shadow:0 4px 12px #0000004d;z-index:1000;min-width:160px;overflow:hidden}.highlight-menu-item{width:100%;background:none;border:none;color:var(--color-text);padding:.625rem .875rem;font-size:.875rem;display:flex;align-items:center;gap:.625rem;cursor:pointer;transition:all .15s ease;text-align:left;white-space:nowrap}.highlight-menu-item:hover{background:#6366f126;color:var(--color-text)}.highlight-menu-item:disabled{opacity:.5;cursor:not-allowed}.highlight-menu-item-danger:hover{background:#ff444426;color:#ef4444}.highlight-menu-item svg{font-size:.875rem;flex-shrink:0}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border-subtle);border-radius:6px;background:var(--color-bg-elevated);color:var(--color-text);cursor:pointer;min-width:33px;min-height:33px;padding:0;box-sizing:border-box}.icon-button:hover{background:var(--color-border)}.icon-button:active{transform:translateY(1px)}.icon-button.primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.icon-button.primary:hover{filter:brightness(1.05)}.icon-button.success{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.icon-button.success:hover{filter:brightness(1.1)}.icon-button.ghost{background:var(--color-bg-elevated)}@media (max-width: 768px){.icon-button{min-width:var(--min-touch-target);min-height:var(--min-touch-target)}.icon-button svg{font-size:1rem;width:1em;height:1em}}@media (pointer: coarse){.icon-button:hover,.icon-button.ghost:hover{background:var(--color-bg-elevated)}.icon-button:active{background:var(--color-border)}}.author-card-container{display:flex;justify-content:center;padding:2rem 1rem}.author-card{display:flex;gap:1rem;padding:1.5rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;max-width:600px;width:100%;transition:all .2s ease}.author-card-clickable:hover{border-color:var(--color-primary);background:var(--color-bg-elevated);transform:translateY(-1px)}.author-card-clickable:active{transform:translateY(0)}.author-card-avatar{flex-shrink:0;width:60px;height:60px;border-radius:50%;overflow:hidden;background:var(--color-bg-elevated);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.author-card-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.author-card-avatar svg{font-size:2.5rem}.author-card-content{flex:1;min-width:0;text-align:left}.author-card-name{font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:.5rem;text-align:left}.author-card-bio{font-size:.9rem;color:var(--color-text-secondary);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;text-align:left}@media (max-width: 768px){.author-card-container{padding:1.5rem 1rem;margin:0 1rem;max-width:calc(100vw - 2rem);box-sizing:border-box}.author-card{padding:1rem;max-width:100%;box-sizing:border-box}.author-card-avatar{width:48px;height:48px}.author-card-avatar svg{font-size:2rem}.author-card-name{font-size:.95rem}.author-card-bio{font-size:.85rem;-webkit-line-clamp:2}}.bookmark-item{background:var(--color-bg);padding:1.5rem;border-radius:12px;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.bookmark-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.bookmark-item h3{margin:0 0 .5rem;color:var(--color-text);font-size:1.2rem}.bookmark-url{color:var(--color-primary);text-decoration:none;display:block;margin-bottom:.5rem;word-break:break-all;background:none;border:none;padding:0;font:inherit;cursor:pointer;text-align:left;width:100%}.bookmark-url:hover{text-decoration:underline}.bookmark-content{color:var(--color-text);margin:.5rem 0;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.bookmark-meta{color:var(--color-text-secondary);font-size:.9rem;margin-top:.5rem}.bookmarks-section-title{font-size:.75rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:var(--color-text-muted)!important;padding:1.5rem .5rem .375rem!important;margin:0!important;border-top:1px solid rgba(255,255,255,.05)}.bookmarks-section:first-of-type .bookmarks-section-title{border-top:none;padding-top:.5rem!important}.bookmark-section-action{padding:1.5rem .5rem .375rem}.bookmarks-section:first-of-type .bookmark-section-action{padding-top:.5rem}.individual-bookmarks{margin:1rem 0}.individual-bookmarks h4{margin:0 0 1rem;font-size:1rem;color:var(--color-text)}.bookmarks-grid{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:100%}.bookmarks-grid.bookmarks-compact{gap:.5rem}.bookmarks-grid.bookmarks-large{gap:1.5rem}@media (max-width: 768px){.bookmarks-grid{gap:.75rem}.bookmarks-grid.bookmarks-compact{gap:.25rem}.bookmarks-grid.bookmarks-large{gap:1rem}}.individual-bookmark{background:transparent;padding:1rem;border-radius:8px;transition:all .2s ease;border:1px solid var(--color-bg-elevated);word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;overflow:hidden}.individual-bookmark:hover{border-color:var(--color-border);background:var(--color-bg-elevated)}.individual-bookmark.compact{padding:.5rem;background:transparent;border:none!important;border-radius:0;box-shadow:none;width:100%;max-width:100%;overflow:hidden}.individual-bookmark.compact:hover{background:var(--color-bg-elevated);transform:none;box-shadow:none;border:none!important}.compact-row{display:flex;align-items:center;gap:.5rem;height:28px;width:100%;min-width:0;overflow:hidden}.compact-thumbnail{width:24px;height:24px;flex-shrink:0;border-radius:4px;overflow:hidden;background:var(--color-bg-elevated);display:flex;align-items:center;justify-content:center}.compact-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.compact-row.clickable{cursor:pointer}.compact-row.clickable:active{opacity:.8}.bookmark-type-compact{display:flex;align-items:center;gap:.25rem;color:var(--color-primary);font-size:.85rem;flex-shrink:0}.compact-text{flex:1;min-width:0;color:var(--color-text);font-size:.85rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bookmark-date-compact{font-size:.7rem;color:var(--color-text-muted);flex-shrink:0;white-space:nowrap}.compact-read-btn{background:transparent;color:var(--color-text-secondary);border:none;padding:0;border-radius:4px;cursor:pointer;font-size:.75rem;display:flex;align-items:center;justify-content:center;width:24px;height:22px;flex-shrink:0;transition:color .2s ease}.compact-read-btn:hover{color:var(--color-text)}.compact-read-btn:active{transform:translateY(1px)}.bookmark-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.bookmark-type{color:var(--color-primary);font-size:.9rem;display:flex;align-items:center;gap:.35rem}.bookmark-id{font-family:monospace;font-size:.8rem;color:var(--color-text-secondary);background:var(--color-bg);padding:.25rem .5rem;border-radius:4px}.bookmark-date{font-size:.8rem;color:var(--color-text-muted)}.bookmark-date-link{font-size:.8rem;color:var(--color-text-muted);text-decoration:none;transition:color .2s ease}.bookmark-date-link:hover{color:var(--color-primary);text-decoration:underline}.individual-bookmark .bookmark-content{margin:.75rem 0;color:var(--color-text);line-height:1.6;font-size:.9rem;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.expand-toggle{margin:.25rem 0;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;width:100%;height:22px;display:flex;align-items:center;justify-content:center}.expand-toggle:hover{color:var(--color-text)}.bookmark-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;gap:.75rem}.bookmark-meta-minimal{font-size:.8rem;color:var(--color-text-secondary)}.author-link-minimal{color:var(--color-text-secondary);text-decoration:none;transition:color .2s ease}.author-link-minimal:hover{color:var(--color-text)}.read-now-button-minimal{background:var(--color-primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;font-size:.85rem;transition:all .2s ease;white-space:nowrap}.read-now-button-minimal:hover{background:var(--color-primary-hover)}.expand-toggle-urls{margin-top:.5rem;background:transparent;border:none;color:var(--color-primary);cursor:pointer;font-size:.8rem;padding:.25rem 0;text-decoration:underline}.expand-toggle-urls:hover{color:var(--color-primary-hover)}.individual-bookmark.large{padding:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-bg-elevated)}.large-preview-image{width:100%;height:180px;background:linear-gradient(135deg,var(--color-bg-elevated) 0%,var(--color-bg-subtle) 50%,var(--color-bg-elevated) 100%);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--color-border);position:relative}.large-preview-image:hover{opacity:.9}.large-preview-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.3) 100%);pointer-events:none}.preview-placeholder{font-size:3rem;color:var(--color-border-subtle);opacity:.4}.large-content{padding:1.25rem}.large-text{color:var(--color-text);font-size:.95rem;line-height:1.6;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.large-footer{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;font-size:.8rem;color:var(--color-text-secondary);padding-top:.75rem;border-top:1px solid var(--color-border)}.large-author{flex:1}.large-read-button{background:var(--color-primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;font-size:.85rem;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.large-read-button:hover{background:var(--color-primary-hover)}.explore-container{padding:2rem;max-width:1400px;margin:0 auto;min-height:100vh}.explore-header{text-align:center;margin-bottom:3rem}.explore-header h1{font-size:2.5rem;margin:0 0 1rem;color:var(--color-primary);display:flex;align-items:center;justify-content:center;gap:1rem}.explore-subtitle{font-size:1.125rem;color:var(--color-text-secondary);margin:0}.explore-header .me-tabs{text-align:left;margin-top:2rem;width:100%;max-width:100%;justify-content:flex-start}.explore-loading,.explore-error,.explore-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--color-text-secondary)}.explore-loading{min-height:0;padding:.25rem 0}.explore-error{color:#ef4444}.explore-empty{color:var(--color-text-secondary)}.explore-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-top:2rem}.blog-post-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;height:100%}.blog-post-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 8px 24px #6366f126}.blog-post-card.level-mine{border-color:color-mix(in srgb,var(--highlight-color-mine, #fde047) 60%,#333);box-shadow:0 0 0 1px color-mix(in srgb,var(--highlight-color-mine, #fde047) 25%,transparent)}.blog-post-card.level-friends{border-color:color-mix(in srgb,var(--highlight-color-friends, #f97316) 60%,#333);box-shadow:0 0 0 1px color-mix(in srgb,var(--highlight-color-friends, #f97316) 25%,transparent)}.blog-post-card.level-nostrverse{border-color:color-mix(in srgb,var(--highlight-color-nostrverse, #9333ea) 60%,#333);box-shadow:0 0 0 1px color-mix(in srgb,var(--highlight-color-nostrverse, #9333ea) 25%,transparent)}.blog-post-card-image{width:100%;height:200px;overflow:hidden;background:linear-gradient(135deg,var(--color-bg-elevated) 0%,var(--color-bg-subtle) 50%,var(--color-bg-elevated) 100%);display:flex;align-items:center;justify-content:center;position:relative}.blog-post-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.blog-post-card:hover .blog-post-card-image img{transform:scale(1.05)}.blog-post-image-placeholder{font-size:3rem;color:var(--color-border-subtle);opacity:.4;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.blog-post-card-content{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;flex:1}.blog-post-card-title{font-size:1.25rem;font-weight:600;margin:0;color:var(--color-text);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.blog-post-card-summary{font-size:.875rem;color:var(--color-text-secondary);margin:0;line-height:1.6;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1}.blog-post-card-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.75rem;border-top:1px solid var(--color-border);font-size:.75rem;color:var(--color-text-muted);flex-wrap:wrap}.blog-post-card-author,.blog-post-card-date{display:flex;align-items:center;gap:.5rem}.blog-post-card-author svg,.blog-post-card-date svg{opacity:.7}@media (max-width: 768px){.explore-container{padding:1rem}.explore-header h1{font-size:2rem}.explore-grid{grid-template-columns:1fr;gap:1.5rem}.blog-post-card-summary{-webkit-line-clamp:2;font-size:.8rem}.blog-post-card-content{padding:1rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.modal-content{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #00000080;box-sizing:border-box}@media (max-width: 768px){.modal-overlay{padding:0;align-items:flex-end}.modal-content{max-width:100%;max-height:95vh;max-height:95dvh;border-radius:16px 16px 0 0;margin:0;padding-bottom:var(--safe-area-bottom)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--color-border)}.modal-header h2{margin:0;font-size:1.5rem;color:var(--color-text)}.modal-form{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;color:var(--color-text);font-size:.9rem;font-weight:500}.fetching-indicator{font-size:.8rem;color:var(--color-text-secondary);font-weight:400;display:inline-flex;align-items:center;gap:.5rem}.form-group input,.form-group textarea{width:100%;padding:.75rem;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:6px;color:var(--color-text);font-size:1rem;font-family:inherit;transition:border-color .2s;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary)}.form-group input:disabled,.form-group textarea:disabled{opacity:.6;cursor:not-allowed}.form-group textarea{resize:vertical;min-height:80px}.form-helper-text{margin-top:.25rem;font-size:.8rem;color:var(--color-text-secondary);line-height:1.4}.modal-error{padding:.75rem;background:#dc35451a;border:1px solid rgb(220 38 38);border-radius:6px;color:#dc2626;font-size:.9rem;margin-bottom:1rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.btn-secondary{padding:.75rem 1.5rem;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:6px;color:var(--color-text);font-size:1rem;cursor:pointer;transition:all .2s}.btn-secondary:hover:not(:disabled){background:var(--color-border);border-color:var(--color-primary);color:var(--color-text)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-primary{padding:.75rem 1.5rem;background:var(--color-primary);border:none;border-radius:6px;color:#fff;font-size:1rem;cursor:pointer;transition:background-color .2s}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.confirm-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.confirm-dialog{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:12px;max-width:400px;width:100%;padding:1.5rem;box-shadow:0 8px 32px #00000080}.confirm-dialog-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;margin:0 auto 1rem;font-size:1.5rem}.confirm-dialog-icon.danger{background:#dc26261a;color:#dc2626}.confirm-dialog-icon.warning{background:#fbbf241a;color:#fbbf24}.confirm-dialog-icon.info{background:#3b82f61a;color:#3b82f6}.confirm-dialog-title{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--color-text);text-align:center}.confirm-dialog-message{margin:0 0 1.5rem;font-size:.9rem;color:var(--color-text-secondary);text-align:center;line-height:1.5}.confirm-dialog-actions{display:flex;gap:.75rem}.confirm-dialog-btn{flex:1;padding:.75rem 1rem;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.confirm-dialog-btn.cancel{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text)}.confirm-dialog-btn.cancel:hover{background:var(--color-border)}.confirm-dialog-btn.confirm.danger{background:#dc2626;color:#fff}.confirm-dialog-btn.confirm.danger:hover{background:#b91c1c}.confirm-dialog-btn.confirm.warning{background:#fbbf24;color:#111827}.confirm-dialog-btn.confirm.warning:hover{background:#f59e0b}.confirm-dialog-btn.confirm.info{background:#3b82f6;color:#fff}.confirm-dialog-btn.confirm.info:hover{background:#2563eb}.toast{position:fixed;top:2rem;right:2rem;background:var(--color-bg);color:var(--color-text);padding:1rem 1.5rem;border-radius:8px;border:1px solid var(--color-border);display:flex;align-items:center;gap:.75rem;box-shadow:0 4px 12px #0000004d;animation:toast-slide-in .3s ease-out;z-index:9999;font-size:.95rem}@media (max-width: 768px){.toast{top:auto;bottom:calc(1rem + var(--safe-area-bottom));right:1rem;left:1rem;max-width:calc(100% - 2rem)}@keyframes toast-slide-in{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}}.toast-success{border-color:#22c55e}.toast-success svg{color:#22c55e}.toast-error{border-color:#dc2626}.toast-error svg{color:#dc2626}.setting-group{margin-bottom:1.5rem;text-align:left}.setting-group.setting-inline{display:flex;align-items:center;gap:1rem}.setting-label{text-align:left;flex:1}.setting-control{display:flex;justify-content:flex-end;align-items:center}.setting-group.setting-inline label{margin-bottom:0;min-width:220px}.setting-group label{display:block;margin-bottom:.5rem;color:var(--color-text);font-weight:500;text-align:left}.setting-buttons,.color-picker{display:flex;align-items:center;gap:.5rem}.color-swatch{width:33px;height:33px;border:1px solid var(--color-border-subtle);border-radius:6px;cursor:pointer;transition:all .2s;position:relative}.color-swatch:hover{border-color:var(--color-text-secondary)}.color-swatch.active{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary)}.color-swatch.active:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000;font-size:.875rem;font-weight:700;text-shadow:0 0 2px rgb(255 255 255)}.font-size-btn{min-width:33px;height:33px;padding:0;background:transparent;border:1px solid var(--color-border-subtle);border-radius:6px;color:var(--color-text);cursor:pointer;transition:all .2s;font-weight:700;display:flex;align-items:center;justify-content:center}.font-size-btn:hover{background:var(--color-border);border-color:var(--color-text-muted)}.font-size-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.setting-preview{margin:1.5rem 0;padding:1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;max-width:100%;overflow:hidden}.preview-label{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.preview-content{color:var(--color-text);line-height:1.7;max-width:100%;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.preview-content h3{margin:0 0 1rem;font-size:1.5em;color:var(--color-text);word-wrap:break-word}.preview-content p{margin:.75rem 0;word-wrap:break-word;text-align:var(--paragraph-alignment, justify)}.setting-select{width:100%;padding:.5rem;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:4px;color:var(--color-text);font-size:1rem}.setting-inline .setting-select{width:auto;min-width:200px;flex:1}.setting-select:focus{outline:none;border-color:var(--color-primary)}.font-select option{padding:.5rem;font-size:1rem}.checkbox-label{display:flex!important;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:left;justify-content:flex-start;margin-bottom:0!important;font-weight:400!important}.setting-checkbox{width:18px;height:18px;cursor:pointer;flex-shrink:0;margin:0;accent-color:var(--color-primary)}.checkbox-label span{color:var(--color-text);text-align:left;font-weight:500}@media (max-width: 768px){.setting-group.setting-inline{flex-direction:column;align-items:flex-start;gap:.75rem}.setting-group.setting-inline label{min-width:unset}.setting-inline .setting-select{width:100%;min-width:unset}.setting-control{width:100%;justify-content:flex-start}.setting-buttons,.color-picker{flex-wrap:wrap}.preview-content h3{font-size:1.25em}}.reader{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:.75rem .75rem 2rem;text-align:left;overflow:hidden;max-width:900px;margin:0 auto}.reader-video{position:relative;width:80vw;min-width:400px;max-width:1000px;aspect-ratio:16/9;margin:0 -.75rem 1rem;background:#000}.reader.empty{color:var(--color-text-secondary)}.loading-spinner{display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary)}.loading-spinner svg{font-size:1.2rem}.reader-header{margin-bottom:2rem;position:relative}.reader-title{margin:0 0 .75rem;font-family:var(--reading-font);font-size:2.5rem;font-weight:700;line-height:1.2}.reader-summary{color:var(--color-text);font-size:1.2rem;line-height:1.6;margin:0 0 1rem;font-family:var(--reading-font)}.reader-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.publish-date{display:flex;align-items:center;gap:.4rem;font-size:.813rem;color:var(--color-text-muted);opacity:.85}.publish-date svg{font-size:.75rem;opacity:.6}.publish-date-topright{position:absolute;top:1rem;right:1rem;font-size:.813rem;color:var(--color-text);padding:.4rem .75rem;z-index:10}.reading-time{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:6px;font-size:.875rem;color:var(--color-text-secondary)}.reading-time svg{font-size:.875rem}.highlight-indicator{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:6px;font-size:.875rem;color:var(--color-text)}.highlight-indicator svg{font-size:.875rem}.reader-html{color:var(--color-text);line-height:1.6;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;font-family:var(--reading-font);font-size:var(--reading-font-size)}.reader-markdown{color:var(--color-text);line-height:1.7;font-family:var(--reading-font);font-size:var(--reading-font-size)}.reader .reader-html *,.reader .reader-markdown *{font-family:inherit!important}.reader .reader-html p,.reader .reader-markdown p,.reader .reader-html div,.reader .reader-markdown div,.reader .reader-html li,.reader .reader-markdown li,.reader .reader-html blockquote,.reader .reader-markdown blockquote{text-align:var(--paragraph-alignment, justify)}.reader center,.reader [align=center]{text-align:var(--paragraph-alignment, justify)!important}.reader .reader-html h1,.reader .reader-html h2,.reader .reader-html h3,.reader .reader-html h4,.reader .reader-html h5,.reader .reader-html h6,.reader .reader-markdown h1,.reader .reader-markdown h2,.reader .reader-markdown h3,.reader .reader-markdown h4,.reader .reader-markdown h5,.reader .reader-markdown h6{text-align:left!important}.reader .reader-html img,.reader .reader-markdown img{max-width:100%;max-height:70vh;height:auto;width:auto;display:block;margin:.75rem 0;border-radius:6px}.reader-markdown h1,.reader-html h1{font-size:2.25rem;font-weight:700;line-height:1.2;margin-top:2rem;margin-bottom:1rem;color:var(--color-text)}.reader-markdown h2,.reader-html h2{font-size:1.875rem;font-weight:600;line-height:1.3;margin-top:1.75rem;margin-bottom:.875rem;color:var(--color-text)}.reader-markdown h3,.reader-html h3{font-size:1.5rem;font-weight:600;line-height:1.4;margin-top:1.5rem;margin-bottom:.75rem;color:var(--color-text)}.reader-markdown h4,.reader-html h4{font-size:1.25rem;font-weight:600;line-height:1.4;margin-top:1.25rem;margin-bottom:.625rem;color:var(--color-text)}.reader-markdown h5,.reader-html h5{font-size:1.125rem;font-weight:600;line-height:1.4;margin-top:1rem;margin-bottom:.5rem;color:var(--color-text)}.reader-markdown h6,.reader-html h6{font-size:1rem;font-weight:600;line-height:1.4;margin-top:1rem;margin-bottom:.5rem;color:var(--color-text)}.reader-markdown p{margin:.5rem 0}.reader-html p,.reader-html div,.reader-html span,.reader-html li,.reader-html td,.reader-html th{font-size:1em!important}.reader-markdown ul,.reader-html ul{list-style-type:disc;margin:1rem 0;padding-left:2rem}.reader-markdown ol,.reader-html ol{list-style-type:decimal;margin:1rem 0;padding-left:2rem}.reader-markdown li,.reader-html li{margin:.375rem 0;line-height:1.6;color:var(--color-text)}.reader-markdown ul ul,.reader-markdown ol ul,.reader-html ul ul,.reader-html ol ul{list-style-type:circle;margin:.25rem 0}.reader-markdown ul ol,.reader-markdown ol ol,.reader-html ul ol,.reader-html ol ol{list-style-type:lower-alpha;margin:.25rem 0}.reader-markdown li p,.reader-html li p{margin:.25rem 0}.reader-markdown blockquote,.reader-html blockquote{margin:1.5rem 0;padding:1rem 0 1rem 2rem;font-style:italic}.reader-markdown blockquote p,.reader-html blockquote p{margin:.5rem 0}.reader-markdown blockquote p:first-child,.reader-html blockquote p:first-child{margin-top:0}.reader-markdown blockquote p:last-child,.reader-html blockquote p:last-child{margin-bottom:0}.reader-markdown hr,.reader-html hr{border:none;border-top:1px solid var(--color-border);opacity:.69;margin:2.5rem 0}.reader-markdown a{color:var(--color-primary);text-decoration:none}.reader-markdown a:hover{text-decoration:underline}.reader-markdown code{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:4px;padding:.15rem .4rem;font-size:.9em;font-family:Monaco,Menlo,Consolas,Courier New,monospace}.reader-markdown pre{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:8px;padding:1rem;overflow-x:auto;margin:1rem 0;line-height:1.5;font-family:Monaco,Menlo,Consolas,Courier New,monospace}.reader-markdown pre code{background:transparent;border:none;padding:0;font-size:.9em;display:block}.reader-markdown pre[class*=language-]{background:var(--color-bg-subtle);border:1px solid var(--color-border)}.reader-markdown code[class*=language-]{background:transparent;text-shadow:none}.reader-html pre{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:8px;padding:1rem;overflow-x:auto;margin:1rem 0;font-family:Monaco,Menlo,Consolas,Courier New,monospace}.reader-html code{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:4px;padding:.15rem .4rem;font-size:.9em;font-family:Monaco,Menlo,Consolas,Courier New,monospace}.reader-html pre code{background:transparent;border:none;padding:0;display:block}@media (max-width: 768px){.reader-markdown pre,.reader-html pre{max-width:100%;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.reader-markdown code,.reader-html code{word-wrap:break-word;overflow-wrap:break-word}.reader-markdown table,.reader-html table{display:block;max-width:100%;overflow-x:auto}.reader-markdown img,.reader-html img{max-width:100%;height:auto}}@media (min-width: 769px){.reader-header,.reader-summary-below-image,.reader-html,.reader-markdown,.article-menu-container,.mark-as-read-container{padding-left:2rem;padding-right:2rem}}.article-menu-container{display:flex;justify-content:flex-end;padding:1.5rem 0 .5rem;margin-top:2rem}.article-menu-wrapper{position:relative}.article-menu-btn{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.5rem .75rem;font-size:.875rem;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;border-radius:6px}.article-menu-btn:hover{color:var(--color-primary);background:#6366f11a}.article-menu{position:absolute;right:0;top:calc(100% + 4px);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:6px;box-shadow:0 4px 12px #0000004d;z-index:1000;min-width:180px;overflow:hidden}.article-menu.open-upward{top:auto;bottom:calc(100% + 4px)}.article-menu-item{width:100%;background:none;border:none;color:var(--color-text);padding:.75rem 1rem;font-size:.875rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .15s ease;text-align:left;white-space:nowrap}.article-menu-item:hover{background:#6366f126;color:var(--color-text)}.article-menu-item svg{font-size:.875rem;flex-shrink:0}.mark-as-read-container{display:flex;justify-content:center;align-items:center;padding:2rem 1rem;margin-top:1rem}.mark-as-read-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--color-bg-elevated);color:var(--color-text);border:1px solid var(--color-border-subtle);border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:160px;justify-content:center}.mark-as-read-btn:hover:not(:disabled){background:var(--color-border);border-color:var(--color-text-muted);transform:translateY(-1px)}.mark-as-read-btn:active:not(:disabled){transform:translateY(0)}.mark-as-read-btn:disabled{opacity:.6;cursor:not-allowed}.mark-as-read-btn svg{font-size:1.1rem}@media (max-width: 768px){.reader{max-width:100%;width:100%;margin:0;padding:.5rem;border-radius:0;border-left:none;border-right:none}.mark-as-read-container{padding:1.5rem 1rem}.mark-as-read-btn{width:100%;max-width:300px}}.article-hero-image{width:100%;height:200px;background-size:cover;background-position:center;background-repeat:no-repeat;cursor:pointer;transition:all .2s ease;border-radius:8px 8px 0 0;position:relative}.article-hero-image:hover{opacity:.9}.article-hero-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.4) 100%);pointer-events:none;border-radius:8px 8px 0 0}.reader-hero-image{width:calc(100% + 1.5rem);margin:-.75rem -.75rem 2rem;border-radius:0;overflow:hidden;position:relative;min-height:300px;background:linear-gradient(135deg,var(--color-bg-elevated) 0%,var(--color-bg-subtle) 25%,var(--color-bg-elevated) 50%,var(--color-bg-subtle) 75%,var(--color-bg-elevated) 100%)}.reader-hero-image img{width:100%;height:auto;max-height:500px;-o-object-fit:cover;object-fit:cover;display:block}.reader-hero-placeholder{width:100%;height:300px;display:flex;align-items:center;justify-content:center;font-size:4rem;color:var(--color-border-subtle);opacity:.3}.reader-header-overlay{position:absolute;bottom:0;left:0;right:0;padding:2rem 2rem 1.5rem;background:linear-gradient(to top,#000000d9,#0009 60%,#0000)}.reader-header-overlay .reader-title{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);margin-bottom:.75rem;font-size:2.5rem;font-weight:700;line-height:1.2}.reader-header-overlay .reader-summary{color:#ffffffe6;font-size:1.2rem;line-height:1.6;margin:0 0 1rem;text-shadow:0 1px 4px rgba(0,0,0,.4);font-family:var(--reading-font)}.reader-header-overlay .reader-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.reader-header-overlay .publish-date{color:#ffffffa6;text-shadow:0 1px 3px rgba(0,0,0,.3);opacity:1}.reader-header-overlay .publish-date svg{opacity:.7}.reader-header-overlay .reading-time,.reader-header-overlay .highlight-indicator{background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);color:#fff}.reader-header-overlay .highlight-indicator{background:#646cff40;border:1px solid rgba(100,108,255,.4)}.reader-summary-below-image{display:none}@media (max-width: 768px){.reader-header-overlay .reader-summary.hide-on-mobile{display:none}.reader-summary-below-image{display:block;padding:0 0 1.5rem;margin-top:-1rem}.reader-summary-below-image .reader-summary{color:var(--color-text-secondary);font-size:1rem;line-height:1.6;margin:0}.reader-hero-image{min-height:280px;max-height:400px;height:50vh}.reader-hero-image img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.reader-header-overlay{padding:1.5rem 1rem 1rem}.reader-header-overlay .reader-title{font-size:2rem;line-height:1.3}}.settings-view{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:.75rem 1rem;text-align:left}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:0;max-width:900px;margin:0 auto 1.5rem;width:100%}.settings-header h2{margin:0;font-size:1.5rem;font-weight:600;text-align:left}.settings-header-actions{display:flex;gap:.5rem;align-items:center}.settings-content{overflow-y:auto;flex:1;text-align:left;padding:0 .25rem 2rem;max-width:900px;margin:0 auto 1rem;width:100%}.settings-section{margin-bottom:2.5rem}.settings-section:last-child{margin-bottom:0}.section-title{font-size:1rem;font-weight:600;color:var(--color-text);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border);text-transform:uppercase;letter-spacing:.05em}.settings-footer{display:flex;justify-content:flex-start;padding:1rem 0 .5rem;flex-shrink:0}.settings-footer .btn-primary{background:var(--color-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:.5rem}.settings-footer .btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.settings-footer .btn-primary:disabled{opacity:.6;cursor:not-allowed}.setting-group{margin-bottom:1.5rem}.setting-label{display:block;margin-bottom:.75rem;font-size:.9rem;font-weight:500;color:var(--color-text)}.zap-preset-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.zap-preset-btn{flex:1;padding:.625rem 1.25rem;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:6px;color:var(--color-text);font-size:.9rem;cursor:pointer;transition:all .2s ease;font-weight:500}.zap-preset-btn:hover{background:var(--color-border);border-color:var(--color-primary);color:var(--color-text)}.zap-preset-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.zap-split-container{width:100%}.zap-split-labels{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.85rem;color:var(--color-text-secondary)}.zap-split-label{font-weight:500}.zap-split-slider{width:100%;height:8px;border-radius:4px;background:linear-gradient(to right,color-mix(in srgb,var(--highlight-color) 50%,transparent),color-mix(in srgb,var(--highlight-color) 50%,transparent) 50%,color-mix(in srgb,var(--highlight-color-friends) 50%,transparent) 50%,color-mix(in srgb,var(--highlight-color-friends) 50%,transparent));outline:none;-webkit-appearance:none;position:relative}.zap-split-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:4px;background-color:var(--color-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M13 2L3 14h8l-1 8 10-12h-8l1-8z'/%3E%3C/svg%3E");background-size:14px 14px;background-repeat:no-repeat;background-position:center center;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;position:relative;top:0;margin-top:0}.zap-split-slider::-webkit-slider-thumb:hover{background-color:var(--color-primary-hover);transform:scale(1.1)}.zap-split-slider::-moz-range-thumb{width:24px;height:24px;border-radius:4px;background-color:var(--color-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M13 2L3 14h8l-1 8 10-12h-8l1-8z'/%3E%3C/svg%3E");background-size:14px 14px;background-repeat:no-repeat;background-position:center center;cursor:pointer;border:none;-moz-transition:all .2s ease;transition:all .2s ease;position:relative;top:0;margin-top:0}.zap-split-slider::-moz-range-thumb:hover{background-color:var(--color-primary-hover);transform:scale(1.1)}.zap-split-description{margin-top:1.5rem;padding:1rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:6px;font-size:.875rem;line-height:1.5;color:var(--color-text-secondary)}.relay-item,.relay-url{max-width:100%}@media (max-width: 768px){.settings-view{padding:.5rem;max-width:100vw;overflow-x:hidden}.settings-content{padding:0 .25rem 2rem;max-width:100%}.settings-section{max-width:100%;overflow-x:hidden}.zap-preset-buttons{width:100%}.zap-preset-btn{flex:1 1 auto;min-width:70px}.relay-item{max-width:100%;overflow-x:hidden}.relay-url{white-space:normal!important;word-break:break-all!important;overflow:visible!important;text-overflow:unset!important;line-height:1.4}}.me-tabs{display:flex;gap:.5rem;margin-top:1rem;border-bottom:1px solid var(--color-border);overflow-x:auto;max-width:600px;margin-left:auto;margin-right:auto}.me-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;margin-bottom:-1px}.me-tab:hover{color:var(--color-text);background:var(--color-bg-elevated)}.me-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.me-tab[data-tab=highlights].active{color:var(--color-text);border-bottom-color:var(--highlight-color-mine, rgb(253 224 71));background:color-mix(in srgb,var(--highlight-color-mine, rgb(253 224 71)) 35%,transparent);box-shadow:0 0 8px color-mix(in srgb,var(--highlight-color-mine, rgb(253 224 71)) 20%,transparent)}.me-tab[data-tab=highlights].active:hover{background:color-mix(in srgb,var(--highlight-color-mine, rgb(253 224 71)) 50%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--highlight-color-mine, rgb(253 224 71)) 30%,transparent)}.me-tab[data-tab=reading-list].active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.me-tab svg{font-size:1rem}.me-tab-content{padding:1.5rem 0;max-width:600px;margin:0 auto;width:100%}.me-tab-content:has(.bookmark-filters){padding-top:.25rem}.me-highlights-list{padding-left:0;padding-right:0}.explore-header .author-card{max-width:600px;margin:0 auto;width:100%}.bookmarks-list{display:flex;flex-direction:column;gap:1rem;text-align:left}.me-tab-content .bookmark-filters{background:transparent;border:none;padding:0;justify-content:center;margin-bottom:.25rem}.bookmarks-list .individual-bookmark,.bookmarks-list .individual-bookmark *{text-align:left}.bookmarks-list .individual-bookmark{border:1px solid var(--color-border-subtle)!important;background:var(--color-bg)!important}.bookmarks-list .individual-bookmark:hover{border-color:var(--color-border)!important;background:var(--color-bg-elevated)!important}.bookmark-item{padding:1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;transition:all .2s ease}.bookmark-item:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #0000001a}.bookmark-item a{text-decoration:none;color:inherit}.bookmark-item h3{margin:0 0 .5rem;font-size:1.1rem;color:var(--color-text)}.bookmark-item p{margin:0;font-size:.9rem;color:var(--color-text-secondary);line-height:1.5}@media (max-width: 768px){.explore-container .explore-header{margin-top:3.5rem}.me-tabs{gap:.25rem;padding:0 .5rem;margin-top:.5rem}.me-tab{padding:.5rem .7rem;font-size:.82rem}.me-tab svg{font-size:.9rem;margin-right:.25rem}.me-tab .tab-count{display:none}.me-tab-content{padding:1.25rem .75rem}}.pull-to-refresh-indicator{position:absolute;top:0;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;z-index:100;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.pull-to-refresh-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-elevated);border-radius:50%;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease;font-size:1rem;color:var(--color-text-secondary)}.pull-to-refresh-text{font-size:.75rem;color:var(--color-text-secondary);text-align:center;white-space:nowrap;font-weight:500;background:var(--color-bg-elevated);padding:.25rem .75rem;border-radius:1rem;box-shadow:0 2px 8px #0000001a}.pull-to-refresh-container{position:relative}.pull-to-refresh-container.is-pulling{overflow:visible}@media (prefers-reduced-motion: reduce){.react-loading-skeleton{animation:none!important}}.react-loading-skeleton{border-radius:4px;line-height:1.2}.blog-post-card-image .react-loading-skeleton,.bookmark-card .react-loading-skeleton:first-child{aspect-ratio:16 / 9}.highlights-list .react-loading-skeleton,.bookmarks-list .react-loading-skeleton{margin-bottom:.5rem}.react-loading-skeleton:after{background:linear-gradient(90deg,transparent,var(--color-border-subtle, rgba(255, 255, 255, .05)),transparent)}@keyframes pulse-glow{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes toast-slide-in{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes highlight-pulse-animation{0%,to{box-shadow:0 0 8px rgba(var(--highlight-rgb, 255, 255, 0),.2);transform:scale(1)}25%{box-shadow:0 0 20px rgba(var(--highlight-rgb, 255, 255, 0),.6);transform:scale(1.02)}50%{box-shadow:0 0 8px rgba(var(--highlight-rgb, 255, 255, 0),.2);transform:scale(1)}75%{box-shadow:0 0 20px rgba(var(--highlight-rgb, 255, 255, 0),.6);transform:scale(1.02)}}@media (min-width: 769px){.reading-progress-bar{left:var(--left-offset)!important;right:var(--right-offset)!important}}.content-highlight,.content-highlight-marker{background:rgba(var(--highlight-rgb, 255, 255, 0),.35);padding:.125rem .25rem;cursor:pointer;transition:all .2s ease;position:relative;border-radius:2px;box-shadow:0 0 8px rgba(var(--highlight-rgb, 255, 255, 0),.2);contain:layout style}.content-highlight:hover,.content-highlight-marker:hover{background:rgba(var(--highlight-rgb, 255, 255, 0),.5);box-shadow:0 0 12px rgba(var(--highlight-rgb, 255, 255, 0),.3)}.content-highlight-underline{background:transparent;padding:0;cursor:pointer;transition:all .2s ease;position:relative;text-decoration:underline;text-decoration-color:rgba(var(--highlight-rgb, 255, 255, 0),.8);text-decoration-thickness:2px;text-underline-offset:2px;contain:layout style}.content-highlight-underline:hover{text-decoration-color:rgba(var(--highlight-rgb, 255, 255, 0),1);text-decoration-thickness:3px}.content-highlight.highlight-pulse,.content-highlight-marker.highlight-pulse,.content-highlight-underline.highlight-pulse{animation:highlight-pulse-animation 1.5s ease-in-out}.reader-html .content-highlight,.reader-markdown .content-highlight,.reader-html .content-highlight-marker,.reader-markdown .content-highlight-marker,.reader-html .content-highlight-underline,.reader-markdown .content-highlight-underline{color:inherit}.reader-html .content-highlight,.reader-markdown .content-highlight,.reader-html .content-highlight-marker,.reader-markdown .content-highlight-marker{text-decoration:none}.content-highlight-marker.level-mine,.content-highlight.level-mine{background:color-mix(in srgb,var(--highlight-color-mine, #ffff00) 35%,transparent);box-shadow:0 0 8px color-mix(in srgb,var(--highlight-color-mine, #ffff00) 20%,transparent)}.content-highlight-marker.level-mine:hover,.content-highlight.level-mine:hover{background:color-mix(in srgb,var(--highlight-color-mine, #ffff00) 50%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--highlight-color-mine, #ffff00) 30%,transparent)}.content-highlight-marker.level-friends,.content-highlight.level-friends{background:color-mix(in srgb,var(--highlight-color-friends, #f97316) 35%,transparent);box-shadow:0 0 8px color-mix(in srgb,var(--highlight-color-friends, #f97316) 20%,transparent)}.content-highlight-marker.level-friends:hover,.content-highlight.level-friends:hover{background:color-mix(in srgb,var(--highlight-color-friends, #f97316) 50%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--highlight-color-friends, #f97316) 30%,transparent)}.content-highlight-marker.level-nostrverse,.content-highlight.level-nostrverse{background:color-mix(in srgb,var(--highlight-color-nostrverse, #9333ea) 35%,transparent);box-shadow:0 0 8px color-mix(in srgb,var(--highlight-color-nostrverse, #9333ea) 20%,transparent)}.content-highlight-marker.level-nostrverse:hover,.content-highlight.level-nostrverse:hover{background:color-mix(in srgb,var(--highlight-color-nostrverse, #9333ea) 50%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--highlight-color-nostrverse, #9333ea) 30%,transparent)}.content-highlight-underline.level-mine{text-decoration-color:color-mix(in srgb,var(--highlight-color-mine, #ffff00) 80%,transparent)}.content-highlight-underline.level-mine:hover{text-decoration-color:var(--highlight-color-mine, #ffff00)}.content-highlight-underline.level-friends{text-decoration-color:color-mix(in srgb,var(--highlight-color-friends, #f97316) 80%,transparent)}.content-highlight-underline.level-friends:hover{text-decoration-color:var(--highlight-color-friends, #f97316)}.content-highlight-underline.level-nostrverse{text-decoration-color:color-mix(in srgb,var(--highlight-color-nostrverse, #9333ea) 80%,transparent)}.content-highlight-underline.level-nostrverse:hover{text-decoration-color:var(--highlight-color-nostrverse, #9333ea)}@media (prefers-color-scheme: light){.content-highlight,.content-highlight-marker{background:rgba(var(--highlight-rgb, 255, 255, 0),.4);box-shadow:0 0 6px rgba(var(--highlight-rgb, 255, 255, 0),.15)}.content-highlight:hover,.content-highlight-marker:hover{background:rgba(var(--highlight-rgb, 255, 255, 0),.55);box-shadow:0 0 10px rgba(var(--highlight-rgb, 255, 255, 0),.25)}.content-highlight-underline{text-decoration-color:rgba(var(--highlight-rgb, 255, 255, 0),.9)}.content-highlight-underline:hover{text-decoration-color:rgba(var(--highlight-rgb, 255, 255, 0),1)}.content-highlight-marker.level-mine,.content-highlight.level-mine{background:color-mix(in srgb,var(--highlight-color-mine, #ffff00) 40%,transparent);box-shadow:0 0 6px color-mix(in srgb,var(--highlight-color-mine, #ffff00) 15%,transparent)}.content-highlight-marker.level-mine:hover,.content-highlight.level-mine:hover{background:color-mix(in srgb,var(--highlight-color-mine, #ffff00) 55%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--highlight-color-mine, #ffff00) 25%,transparent)}.content-highlight-marker.level-friends,.content-highlight.level-friends{background:color-mix(in srgb,var(--highlight-color-friends, #f97316) 40%,transparent);box-shadow:0 0 6px color-mix(in srgb,var(--highlight-color-friends, #f97316) 15%,transparent)}.content-highlight-marker.level-friends:hover,.content-highlight.level-friends:hover{background:color-mix(in srgb,var(--highlight-color-friends, #f97316) 55%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--highlight-color-friends, #f97316) 25%,transparent)}.content-highlight-marker.level-nostrverse,.content-highlight.level-nostrverse{background:color-mix(in srgb,var(--highlight-color-nostrverse, #9333ea) 40%,transparent);box-shadow:0 0 6px color-mix(in srgb,var(--highlight-color-nostrverse, #9333ea) 15%,transparent)}.content-highlight-marker.level-nostrverse:hover,.content-highlight.level-nostrverse:hover{background:color-mix(in srgb,var(--highlight-color-nostrverse, #9333ea) 55%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--highlight-color-nostrverse, #9333ea) 25%,transparent)}.content-highlight-underline.level-mine{text-decoration-color:color-mix(in srgb,var(--highlight-color-mine, #ffff00) 90%,transparent)}.content-highlight-underline.level-friends{text-decoration-color:color-mix(in srgb,var(--highlight-color-friends, #f97316) 90%,transparent)}.content-highlight-underline.level-nostrverse{text-decoration-color:color-mix(in srgb,var(--highlight-color-nostrverse, #9333ea) 90%,transparent)}.highlight-indicator{background:#646cff26;border-color:#646cff66}}.parsed-content,.nostr-mention,.nostr-link,.nostr-uri-link{word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.parsed-content{margin:1rem 0;line-height:1.6}.nostr-mention,.nostr-uri-link{color:#3b82f6;text-decoration:none;font-family:monospace;background:#f8fafc;padding:.2rem .4rem;border-radius:3px;font-size:.9rem}.nostr-uri-link{font-size:.9em;border-radius:4px}.nostr-mention:hover,.nostr-uri-link:hover{background:#e2e8f0;text-decoration:underline}.nostr-link{color:#3b82f6;text-decoration:none}.nostr-link:hover{text-decoration:underline}.empty-state{text-align:center;padding:3rem;color:#a1a1aa;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-state p{margin:.5rem 0}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}
