.detail-modal{position:fixed;inset:0;z-index:150;display:flex;align-items:center;justify-content:center;padding:1rem;background:#38433ecc;backdrop-filter:blur(8px)}.detail-modal__card{background:var(--pure-white);width:100%;max-width:32rem;border-radius:var(--radius-2xl);border:4px solid var(--psychedelic-purple);box-shadow:8px 8px 0 var(--psychedelic-purple);position:relative;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}@media(min-width:768px){.detail-modal__card{max-width:44rem}}.detail-modal__scrollable{overflow-y:auto;flex:1;scrollbar-color:var(--psychedelic-purple) var(--surface-container-low);scrollbar-width:thin}.detail-modal__scrollable::-webkit-scrollbar{width:6px}.detail-modal__scrollable::-webkit-scrollbar-button,.detail-modal__scrollable::-webkit-scrollbar-button:start,.detail-modal__scrollable::-webkit-scrollbar-button:end,.detail-modal__scrollable::-webkit-scrollbar-button:start:decrement,.detail-modal__scrollable::-webkit-scrollbar-button:end:increment{display:none;height:0;width:0}.detail-modal__scrollable::-webkit-scrollbar-track{background:var(--surface-container-low);border-radius:0 var(--radius-2xl) var(--radius-2xl) 0}.detail-modal__scrollable::-webkit-scrollbar-thumb{background:var(--psychedelic-purple);border-radius:var(--radius-full)}.detail-modal__scrollable::-webkit-scrollbar-thumb:hover{background:#4a1265}.detail-modal__close{position:absolute;top:1rem;right:1rem;z-index:10;width:2.25rem;height:2.25rem;border-radius:var(--radius-full);background:var(--surface-variant);color:var(--charcoal-tile);display:flex;align-items:center;justify-content:center;transition:background .15s ease}.detail-modal__close:hover{background:var(--outline-variant)}.detail-modal__media{background:var(--surface-container-highest);border-bottom:3px solid var(--charcoal-tile);overflow:hidden;display:flex;justify-content:center}.detail-modal__media--no-image{aspect-ratio:16 / 4}.detail-modal__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--primary-container);font-size:3.5rem}.detail-modal__body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.detail-modal__head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.detail-modal__head-aside{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;flex-shrink:0}.detail-modal__category{display:inline-flex;align-items:center;justify-content:center;background:var(--arbonaida-green);color:var(--primary);border-radius:var(--radius-full);padding:.35rem;cursor:default}.detail-modal__category .material-symbols-outlined{font-size:20px}.detail-modal__title{font-family:var(--font-headline);font-size:28px;font-weight:700;line-height:1.15;color:var(--psychedelic-purple)}.detail-modal__quote{background:var(--surface-container-low);border-left:4px solid var(--arbonaida-green);border-radius:var(--radius-lg);padding:1rem}.detail-modal__quote p{font-family:var(--font-body);font-size:18px;line-height:1.5;color:var(--on-surface)}.detail-modal__meta{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.detail-modal__meta-item{display:flex;gap:.5rem;background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);padding:.75rem}.detail-modal__meta-item .material-symbols-outlined{font-size:20px}.detail-modal__meta-label{font-family:var(--font-label);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--on-surface-variant)}.detail-modal__meta-value{font-family:var(--font-body);font-weight:700;font-size:14px}.detail-modal__upvote{width:100%;padding:1rem;background:var(--arbonaida-green);color:var(--on-primary-container);border-radius:var(--radius-xl);font-family:var(--font-headline);font-weight:700;font-size:20px;box-shadow:4px 4px 0 var(--charcoal-tile);transition:transform .15s ease,box-shadow .15s ease}.detail-modal__upvote:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--charcoal-tile)}.detail-modal__upvote:active{transform:translate(2px,2px);box-shadow:none}.detail-modal__upvote:disabled{opacity:.6;cursor:default}.landing{min-height:100vh;display:flex;flex-direction:column}.landing__main{position:relative;flex:1}.landing__hero{position:relative;z-index:1;max-width:32rem;margin:0 auto;padding:2.5rem var(--margin-mobile);text-align:center}.landing__quote{font-family:var(--font-headline);font-size:20px;font-weight:600;font-style:italic;line-height:1.45;color:var(--on-surface-variant);margin-bottom:2.5rem}.landing__cta{display:inline-flex;align-items:center;gap:1rem;padding:1.1rem 2.5rem;background:var(--psychedelic-purple);color:var(--pure-white);border-radius:var(--radius-xl);font-family:var(--font-headline);font-size:28px;font-weight:700;box-shadow:6px 6px 0 var(--arbonaida-green);transition:transform .15s ease,box-shadow .15s ease}.landing__cta:hover{transform:translateY(-2px);box-shadow:8px 8px 0 var(--arbonaida-green)}.landing__cta:active{transform:translateY(2px);box-shadow:2px 2px 0 var(--arbonaida-green)}.landing__feed{position:relative;z-index:1;max-width:32rem;margin:0 auto;padding:0 var(--margin-mobile) 3rem;display:flex;flex-direction:column;gap:2rem}.landing__feed-head{display:flex;justify-content:space-between;align-items:center;border-bottom:4px solid var(--arbonaida-green);padding-bottom:.5rem}.landing__feed-title{font-family:var(--font-headline);font-size:24px;font-weight:700}.landing__feed-grid{display:flex;flex-direction:column;gap:2rem}.landing__loading{display:flex;justify-content:center;padding:3rem 0}.landing__empty{text-align:center;padding:2.5rem 1rem;color:var(--on-surface-variant)}.landing__empty-title{font-family:var(--font-headline);font-size:20px;font-weight:700;margin-bottom:.5rem}.landing__empty-gif{display:block;width:100%;margin-top:1.5rem;border-radius:var(--radius-xl);border:3px solid var(--charcoal-tile);box-shadow:var(--shadow-offset-green);object-fit:cover}@media(min-width:768px){.landing__empty-gif{width:55%;margin-left:auto;margin-right:auto}}@media(min-width:768px){.landing__hero,.landing__feed{max-width:var(--container-max)}.landing__feed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.landing__feed-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.landing__feed-pagination{display:flex;justify-content:center;padding-top:1.5rem}.admin-nav-chip{display:inline-flex;align-items:center;gap:.3rem;margin-left:.6rem;padding:.25rem .65rem;border:2px solid var(--psychedelic-purple);border-radius:999px;background:transparent;color:var(--psychedelic-purple);font-family:var(--font-headline);font-size:11px;font-weight:700;letter-spacing:.04em;text-decoration:none;vertical-align:middle;transition:background .15s,color .15s;cursor:pointer}.admin-nav-chip:hover{background:var(--psychedelic-purple);color:#fff}.admin-nav-chip .material-symbols-outlined{font-size:14px}