@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) 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-leading:initial;--tw-font-weight:initial;--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-outline-style:solid}}}@layer theme{:root,:host{--color-white:#fff;--spacing:.25rem;--container-3xl:48rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--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);--font-weight-medium:500;--font-weight-semibold:600;--leading-relaxed:1.625}}@layer base{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,p,figure,fieldset{margin:0}button,input,textarea,select{font:inherit}a{color:inherit}img{max-inline-size:100%;display:block}}@layer mantine;@layer components{:where(a[href],button,select){cursor:pointer}:where(a[href],button,select):is(:disabled,[aria-disabled=true],[data-disabled]){cursor:default}}@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.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}}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.inline-flex{display:inline-flex}.h-5{height:calc(var(--spacing) * 5)}.min-h-\[44px\]{min-height:44px}.w-auto{width:auto}.max-w-3xl{max-width:var(--container-3xl)}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.justify-self-start{justify-self:flex-start}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[\#747775\]{border-color:#747775}.bg-white{background-color:var(--color-white)}.px-3{padding-inline:calc(var(--spacing) * 3)}.py-10{padding-block:calc(var(--spacing) * 10)}.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))}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.wrap-anywhere{overflow-wrap:anywhere}.text-\[\#1f1f1f\]{color:#1f1f1f}.underline{text-decoration-line:underline}.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, )}@media (hover:hover){.hover\:bg-\[\#f8faff\]:hover{background-color:#f8faff}}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.disabled\:opacity-60:disabled{opacity:.6}}:root{--page-width:72rem;--page-gutter:clamp(1rem, 3vw, 2rem);--surface-radius:1rem;--control-radius:.5rem;--control-height:2.75rem;--ink:#24201c;--muted:#625a53;--page:#fffcf8;--surface:#fff;--soft:#f8f0e8;--line:#ded2c6;--control-border:#8b7c70;--accent:#fd7e14;--link:#963b0d;--focus:#963b0d;--danger:#a62232;--action:#a43d0e;--action-hover:#84310c}[data-mantine-color-scheme=dark]{--ink:#fff5ed;--muted:#c9b9ae;--page:#191614;--surface:#241f1c;--soft:#312822;--line:#514237;--control-border:#a08d80;--link:#ffb581;--focus:#ffb581;--danger:#ff9aa4;--action:#a43d0e;--action-hover:#84310c}body{background:var(--page);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}:where(a,button,input,textarea,select,[tabindex]):focus-visible{outline:2px solid var(--focus);outline-offset:3px}.page-width{max-inline-size:var(--page-width);padding-inline:var(--page-gutter);margin-inline:auto}.page-title{letter-spacing:-.035em;font-size:clamp(1.85rem,4vw,2.75rem);font-weight:750;line-height:1.12}.section-title{font-size:1.5rem;font-weight:700;line-height:1.25}.muted{color:var(--muted)}.field-error{color:var(--danger)}.wrap-anywhere{overflow-wrap:anywhere}.inline-link,.prose a{color:var(--link);text-underline-offset:.2em;text-decoration:underline}.inline-link:hover,.prose a:hover{text-decoration-thickness:2px}.skip-link{z-index:500;position:absolute;inset-block-start:.5rem;inset-inline-start:var(--page-gutter)}.skip-link:not(:focus){transform:translateY(-150%)}#main-content,#latest-shares{scroll-margin-block-start:1rem}.action{min-block-size:var(--control-height);border-radius:var(--control-radius);text-align:center;color:#fff;background:var(--action);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.55rem .95rem;font-weight:650;line-height:1.3;text-decoration:none;display:inline-flex}.action:hover{background:var(--action-hover)}.action--secondary{color:var(--ink);background:var(--surface);border-color:var(--control-border)}.action--secondary:hover{background:var(--soft)}.action--danger{color:var(--danger);background:var(--surface);border-color:currentColor}.action--danger:hover{background:var(--soft)}.action:disabled{color:var(--muted);background:var(--soft);border-color:var(--line)}.actions{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.field{gap:.3rem;min-inline-size:0;display:grid}.field label,fieldset legend{font-weight:650}.field-control{inline-size:100%;min-block-size:var(--control-height);border:1px solid var(--control-border);border-radius:var(--control-radius);background:var(--surface);min-inline-size:0;color:var(--ink);padding:.55rem .7rem}.field-control::placeholder{color:var(--muted);opacity:1}.field-control[aria-invalid=true]{border-color:var(--danger)}.field-hint{color:var(--muted);font-size:.9rem}.password-field{gap:.5rem;display:flex}.password-field button{min-inline-size:4rem}.site-header{border-block-end:1px solid var(--line)}.site-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding-block:.65rem;display:flex}.site-brand{align-items:center;gap:.5rem;font-weight:750;text-decoration:none;display:inline-flex}.site-brand img{block-size:2.25rem;inline-size:2.25rem}.site-nav-actions{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.site-nav-actions button{flex-shrink:0}.site-footer{border-block-start:1px solid var(--line);flex-wrap:wrap;gap:1rem;margin-block-start:3rem;padding-block:1.25rem 2.5rem;font-size:.9rem;display:flex}.nav-icon{inline-size:var(--control-height);padding:.55rem}.floating-share{z-index:20;block-size:3.5rem;inline-size:3.5rem;border-radius:50%;padding:0;position:fixed;inset-block-end:calc(1rem + env(safe-area-inset-bottom));inset-inline-end:calc(1rem + env(safe-area-inset-right));box-shadow:0 4px 16px #0003}@media not all and (min-width:35rem){.site-nav .desktop-share{display:none}body:has(.floating-share) .site-footer{padding-block-end:5rem}}@media (min-width:35rem){.floating-share{display:none}}@media not all and (min-width:24rem){.site-brand span{display:none}}.auth-layout{max-inline-size:60rem;padding-block:clamp(1.5rem,4vw,3.5rem)}.auth-panel{gap:1.25rem;min-inline-size:0;max-inline-size:27rem;margin-inline:auto;display:grid}.auth-heading{gap:.65rem;display:grid}.auth-form{gap:.9rem;display:grid}.auth-form .submit{inline-size:100%}.auth-identity{gap:.75rem;display:grid}.auth-art{display:none}@media (min-width:56rem){.auth-layout--illustrated{grid-template-columns:minmax(0,1fr) minmax(0,27rem);align-items:start;gap:clamp(2rem,5vw,4rem);display:grid}.auth-art{aspect-ratio:1;background:url(/assets/register-hero_image.svg) 50%/contain no-repeat;inline-size:100%;display:block}.auth-panel{inline-size:100%}}.hero{border-block-end:1px solid var(--line);align-items:center;gap:1rem;padding-block:clamp(1.5rem,5vw,3.25rem);display:grid}.hero-copy{justify-items:start;gap:.85rem;display:grid}.hero-art{display:none}@media (min-width:48rem){.hero--public{grid-template-columns:minmax(0,1fr) 13rem}.hero-art{aspect-ratio:1.75;background:url(/assets/home-hero_image1.svg) 50%/contain no-repeat;inline-size:100%;display:block}}.feed{padding-block-start:1.75rem}.feed-filters{margin-block:.8rem 1rem}.genre-picker{max-inline-size:31rem}.genre-picker input{min-block-size:2.5rem;font-size:1rem}.genre-picker input::placeholder{color:var(--muted)}.genre-picker [data-combobox-option]{min-block-size:var(--control-height)}.genre-picker button:focus-visible{outline:2px solid var(--focus)}.feed-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,27rem),1fr));gap:1rem;display:grid}.feed-state{background:var(--soft);border-radius:var(--surface-radius);justify-items:start;gap:.6rem;padding:1.25rem;display:grid}.feed-more{margin-block-start:1rem}.post-card{border-radius:var(--surface-radius);border:1px solid var(--line);background:var(--surface);grid-template-columns:clamp(3.75rem,18vw,7rem) minmax(0,1fr);align-items:start;gap:clamp(.65rem,2vw,1.1rem);padding:clamp(.7rem,2vw,1.25rem);display:grid}.post-card h3{font-size:1.2rem;font-weight:750;line-height:1.25}.post-copy{gap:.6rem;min-inline-size:0;display:grid}.post-note{white-space:pre-wrap;overflow-wrap:anywhere}.post-byline{align-items:center;gap:.5rem;font-size:.9rem;display:flex}.post-byline .avatar{flex-shrink:0}.artwork{aspect-ratio:1;border-radius:var(--control-radius);background:#f0dfcd;inline-size:100%;display:block;overflow:hidden}.artwork img,.avatar img{object-fit:cover;block-size:100%;inline-size:100%}.avatar{block-size:2rem;inline-size:2rem;color:var(--link);background:var(--soft);border-radius:50%;place-items:center;font-size:.75rem;font-weight:700;display:grid;overflow:hidden}.account-avatar .avatar{block-size:100%;inline-size:100%}.detail{padding-block-start:1.5rem}.detail>article{margin-block-start:1.25rem}.detail-content{align-items:start;gap:1.25rem;display:grid}.detail-content>.artwork{max-inline-size:12rem}.detail-copy{align-content:start;gap:.8rem;min-inline-size:0;display:grid}.detail-copy audio,.composer audio{inline-size:100%;max-inline-size:25rem}@media (min-width:42rem){.detail-content{grid-template-columns:minmax(0,17rem) minmax(0,1fr);gap:2rem}.detail-content>.artwork{max-inline-size:none}}.rating-star{color:var(--link)}.link-button{text-align:start;background:0 0;border:0;padding:.3rem 0}.composer-panel{background:var(--surface);flex-direction:column;max-block-size:calc(100dvh - 1.5rem);display:flex;overflow:hidden}.composer-header{background:var(--surface);flex-shrink:0}.composer-header h2{font-size:1.3rem;font-weight:750}.composer-header button{min-block-size:2.75rem;min-inline-size:2.75rem}.composer{flex-direction:column;min-block-size:0;padding:0;display:flex}.composer-content{padding:.25rem 1rem 1rem;overflow-y:auto}.composer-step{margin-block-end:.8rem;font-size:1rem;font-weight:700}.composer-draft{margin-block-start:.85rem}.composer-note{resize:vertical}.composer-footer{border-block-start:1px solid var(--line);padding:.7rem 1rem max(.7rem, env(safe-area-inset-bottom));flex-shrink:0;gap:.35rem;display:grid}.composer-footer>.action{justify-self:start}.track-results{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.track-result{text-align:start;inline-size:100%;min-inline-size:0;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--control-radius);grid-template-columns:3rem minmax(0,1fr);align-items:center;gap:.7rem;padding:.5rem;display:grid}.track-result:hover{background:var(--soft)}.track-result[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--focus);border-color:var(--focus);background:var(--soft)}@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-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@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-outline-style{syntax:"*";inherits:false;initial-value:solid}