:root{--pop-cream:#fff7fb;--pop-white:#fff;--pop-ink:#241b3a;--pop-mauve:#8b7fa8;--pop-pink:#ff3d8a;--pop-purple:#7c4dff;--pop-yellow:#ffd400;--lane-track:#f0dfec;--edu:#2fe6a0;--club:#ff8a3d;--career:#4fa8ff;--font-display:"Mochiy Pop One", sans-serif;--font-body:"Zen Kaku Gothic New", sans-serif;--font-mono:"JetBrains Mono", monospace;font-family:var(--font-body);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:var(--pop-cream);min-height:100vh;color:var(--pop-ink);margin:0}#root{min-height:100vh}:focus-visible{outline:2px solid var(--pop-pink);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.popsite{background:radial-gradient(ellipse 700px 420px at 12% -8%, #ff3d8a24, transparent 60%), radial-gradient(ellipse 620px 420px at 92% 4%, #7c4dff1f, transparent 60%), radial-gradient(ellipse 600px 380px at 50% 110%, #ffd4001a, transparent 60%), var(--pop-cream);min-height:100vh;padding:calc(2.5rem + var(--header-height,76px)) clamp(1.25rem, 5vw, 5rem) 5rem;flex-direction:column;gap:2.75rem;display:flex;position:relative}.confetti{pointer-events:none;opacity:.5;background-image:radial-gradient(2px 2px at 20px 30px,#ff3d8a8c,#0000),radial-gradient(1.5px 1.5px at 120px 80px,#7c4dff80,#0000),radial-gradient(2px 2px at 200px 140px,#ffd40099,#0000),radial-gradient(1.5px 1.5px at 60px 170px,#ff3d8a66,#0000),radial-gradient(1.5px 1.5px at 260px 40px,#7c4dff66,#0000),radial-gradient(2px 2px at 320px 200px,#ffd40080,#0000);background-repeat:repeat;background-size:340px 240px;position:absolute;inset:0}.site-header{z-index:10;box-shadow:none;background:0 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem clamp(1.25rem,5vw,5rem);transition:background .25s,box-shadow .25s;display:flex;position:fixed;top:0;left:0;right:0}.site-header-right{flex-wrap:wrap;align-items:center;gap:1.1rem;display:flex}.site-header.is-scrolled{-webkit-backdrop-filter:blur(14px);background:#fff7fbd9;box-shadow:0 8px 24px #7c4dff14}.site-logo{font-family:var(--font-display);letter-spacing:.02em;background:linear-gradient(120deg, var(--pop-pink), var(--pop-purple));color:#0000;text-shadow:0 2px 10px #00000040;-webkit-background-clip:text;background-clip:text;font-size:1.15rem;text-decoration:none;transition:opacity .15s}.site-logo:hover{opacity:.8}.nav-tabs{background:var(--pop-white);border-radius:999px;gap:.35rem;padding:.35rem;display:inline-flex;box-shadow:0 6px 20px #7c4dff1f}.nav-tab{font-family:var(--font-body);color:var(--pop-mauve);border-radius:999px;padding:.5rem 1.15rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:background .15s,color .15s;position:relative}.nav-tab:hover{color:var(--pop-pink)}.nav-tab.is-active{color:var(--pop-white);background:linear-gradient(120deg, var(--pop-pink), var(--pop-purple));box-shadow:0 6px 16px #ff3d8a59}.nav-burger{background:var(--pop-white);cursor:pointer;border:none;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:0;display:none;box-shadow:0 6px 20px #7c4dff1f}.nav-burger-line{background:var(--pop-ink);border-radius:2px;width:20px;height:2px;transition:transform .2s,opacity .2s;display:block}.nav-burger.is-open .nav-burger-line:first-child{transform:translateY(7px)rotate(45deg)}.nav-burger.is-open .nav-burger-line:nth-child(2){opacity:0}.nav-burger.is-open .nav-burger-line:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-menu-backdrop{z-index:15;background:#241b3a59;position:fixed;inset:0}.nav-menu{top:calc(var(--header-height,76px) + .5rem);z-index:16;background:var(--pop-white);border-radius:20px;flex-direction:column;gap:.4rem;min-width:180px;padding:.75rem;display:flex;position:fixed;right:clamp(1.25rem,5vw,5rem);box-shadow:0 16px 40px #241b3a33}.nav-menu-item{font-family:var(--font-body);color:var(--pop-mauve);border-radius:14px;padding:.65rem 1rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:background .15s,color .15s}.nav-menu-item:hover{color:var(--pop-pink);background:#ff3d8a14}.nav-menu-item.is-active{color:var(--pop-white);background:linear-gradient(120deg, var(--pop-pink), var(--pop-purple))}@media (width<=640px){.nav-tabs{display:none}.nav-burger{display:flex}}@media (width>=641px){.nav-menu-backdrop,.nav-menu{display:none}}.post-list-header{z-index:1;flex-direction:column;gap:.4rem;display:flex;position:relative}.post-list-title{font-family:var(--font-display);color:var(--pop-ink);margin:0;font-size:clamp(1.6rem,3.4vw,2.2rem)}.page-description{font-family:var(--font-body);color:var(--pop-mauve);max-width:56ch;margin:.2rem 0 0;font-size:.95rem;line-height:1.8}.page-description--center{text-align:center;max-width:48ch;margin-left:auto;margin-right:auto}.post-list{z-index:1;flex-direction:column;gap:1.25rem;display:flex;position:relative}.post-card{background:var(--pop-white);border-radius:24px;padding:clamp(1.5rem,4vw,2rem);box-shadow:0 10px 30px #7c4dff1a}.post-card-date{font-family:var(--font-mono);color:var(--pop-mauve);margin:0 0 .5rem;font-size:.8rem}.post-card-title{font-family:var(--font-display);color:var(--pop-ink);margin:0 0 .75rem;font-size:clamp(1.1rem,2.2vw,1.4rem)}.post-card-body{font-family:var(--font-body);color:var(--pop-mauve);border-top:1px solid var(--lane-track);white-space:pre-wrap;margin:0;padding-top:.9rem;font-size:.95rem;line-height:1.9}.food-table-wrap{z-index:1;background:var(--pop-white);border-radius:24px;position:relative;overflow-x:auto;box-shadow:0 10px 30px #7c4dff1a}.food-table{border-collapse:collapse;width:100%;min-width:640px}.food-table th,.food-table td{text-align:left;border-bottom:1px solid var(--lane-track);font-family:var(--font-body);color:var(--pop-ink);white-space:nowrap;padding:.85rem 1.1rem;font-size:.9rem}.food-table th{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--pop-mauve);background:var(--pop-cream);font-size:.72rem}.food-table tbody tr:last-child td{border-bottom:none}.food-table tbody tr:hover td{background:var(--pop-cream)}.food-table td:has(form){white-space:normal;background:var(--pop-cream)}.food-summary-cell{white-space:normal;max-width:320px;color:var(--pop-mauve);line-height:1.6}.food-tag{font-family:var(--font-body);background:var(--pop-purple);color:var(--pop-white);border-radius:999px;padding:.2rem .7rem;font-size:.8rem;font-weight:700}.food-visited{font-family:var(--font-mono);font-size:.82rem}.food-visited.is-visited{color:var(--pop-pink);font-weight:700}.food-visited.is-pending{color:var(--pop-mauve)}.food-reference-link{font-family:var(--font-body);color:var(--pop-pink);font-size:.85rem;font-weight:700;text-decoration:none}.food-reference-link:hover{text-decoration:underline}.food-comment-toggle{color:var(--pop-mauve);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;padding:0;font-size:.82rem;font-weight:700}.food-comment-toggle:hover{color:var(--pop-pink)}.food-comment-row td{background:var(--pop-cream);white-space:normal;padding:1.25rem 1.5rem}.auth-field-checkbox{font-family:var(--font-body);color:var(--pop-ink);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.auth-field-checkbox input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--pop-pink)}@media (width<=640px){.food-table th,.food-table td{white-space:normal}}.video-grid{z-index:1;grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid;position:relative}.video-card{background:var(--pop-white);border-radius:24px;flex-direction:column;gap:.6rem;padding:1.25rem;display:flex;box-shadow:0 10px 30px #7c4dff1a}.video-embed{background:var(--pop-ink);border-radius:16px;width:100%;padding-top:56.25%;position:relative;overflow:hidden}.video-embed iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.video-thumb-button{cursor:pointer;background:0 0;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.video-thumb-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.video-thumb-play{width:52px;height:52px;color:var(--pop-white);background:#241b3a99;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;transition:transform .15s,background .15s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-thumb-button:hover .video-thumb-play{background:var(--pop-pink);transform:translate(-50%,-50%)scale(1.1)}.video-card-date{font-family:var(--font-mono);color:var(--pop-mauve);margin:0;font-size:.8rem}.video-card-title{font-family:var(--font-display);color:var(--pop-ink);margin:0;font-size:clamp(1rem,2vw,1.2rem)}.video-card-body{font-family:var(--font-body);color:var(--pop-mauve);border-top:1px solid var(--lane-track);white-space:pre-wrap;margin:0;padding-top:.75rem;font-size:.9rem;line-height:1.8}@media (width<=720px){.video-grid{grid-template-columns:1fr}}.comment-section{border-top:2px dashed var(--lane-track);margin-top:1.5rem;padding-top:1.5rem}.comment-section-title{font-family:var(--font-display);color:var(--pop-ink);margin:0 0 .9rem;font-size:.95rem}.comment-list{flex-direction:column;gap:.9rem;margin:0 0 1.25rem;padding:0;list-style:none;display:flex}.comment-item{background:var(--pop-cream);border-radius:16px;padding:.9rem 1.1rem}.comment-meta{align-items:baseline;gap:.6rem;margin-bottom:.4rem;display:flex}.comment-author{font-family:var(--font-body);color:var(--pop-ink);font-size:.85rem;font-weight:700}.comment-date{font-family:var(--font-mono);color:var(--pop-mauve);font-size:.7rem}.comment-body{font-family:var(--font-body);color:var(--pop-mauve);white-space:pre-wrap;margin:0 0 .5rem;font-size:.9rem;line-height:1.7}.comment-delete{color:var(--pop-pink);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;font-weight:700}.comment-delete:hover{opacity:.8}.comment-form{flex-direction:column;gap:.75rem;display:flex}.comment-textarea{border:2px solid var(--lane-track);font-family:var(--font-body);color:var(--pop-ink);background:var(--pop-cream);resize:vertical;border-radius:12px;min-height:80px;padding:.65rem .9rem;font-size:.9rem}.comment-textarea:focus-visible{border-color:var(--pop-pink);outline:none}.comment-submit{background:linear-gradient(120deg, var(--pop-pink), var(--pop-purple));color:var(--pop-white);font-family:var(--font-body);cursor:pointer;border:none;border-radius:999px;align-self:flex-start;padding:.55rem 1.3rem;font-size:.85rem;font-weight:700;transition:opacity .15s}.comment-submit:hover{opacity:.9}.comment-submit:disabled{opacity:.6;cursor:default}.preview-section{z-index:1;background:var(--pop-white);border-radius:28px;flex-direction:column;gap:1.25rem;padding:clamp(1.75rem,4vw,2.5rem);display:flex;position:relative;box-shadow:0 10px 30px #7c4dff1a}.preview-header{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.preview-title{font-family:var(--font-display);color:var(--pop-ink);margin:0;font-size:clamp(1.2rem,2.4vw,1.5rem)}.preview-more{font-family:var(--font-mono);color:var(--pop-pink);white-space:nowrap;flex-shrink:0;font-size:.8rem;text-decoration:none;transition:color .15s}.preview-more:hover{color:var(--pop-purple)}.preview-timeline{flex-direction:column;gap:.75rem;display:flex}.video-feature{flex-direction:column;gap:.9rem;display:flex}.video-feature .video-embed{border-radius:20px;box-shadow:0 20px 48px #241b3a38}.video-feature-title{font-family:var(--font-display);color:var(--pop-ink);align-self:center;font-size:clamp(1.15rem,2.8vw,1.6rem);text-decoration:none}.video-feature-title:hover{color:var(--pop-pink)}.hero-cover{margin:calc(-2.5rem - var(--header-height,76px)) calc(-1 * clamp(1.25rem, 5vw, 5rem)) 0;position:relative}.hero-cover-img{width:100%;height:auto;display:block}.hero-banner{z-index:1;isolation:isolate;background:linear-gradient(135deg, var(--pop-pink), var(--pop-purple));border-radius:28px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem 2rem;padding:clamp(2rem,5vw,3.5rem);display:flex;position:relative;overflow:hidden}.hero-banner:before{content:"";z-index:-1;opacity:.55;background-image:radial-gradient(1.5px 1.5px at 10% 20%,#ffffffe6,#0000),radial-gradient(1px 1px at 80% 30%,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 60% 75%,#ffffffd9,#0000),radial-gradient(1px 1px at 30% 85%,#fff9,#0000),radial-gradient(1.5px 1.5px at 92% 88%,#ffffffb3,#0000);background-repeat:repeat;background-size:220px 180px;position:absolute;inset:0}.intro{flex-direction:column;gap:.9rem;max-width:560px;display:flex}.intro .eyebrow{color:#ffffffc7}.day-counter{text-align:center;background:var(--pop-white);border-radius:24px;flex-shrink:0;padding:1.25rem 1.75rem;box-shadow:0 14px 30px #241b3a38}.day-counter-value{font-family:var(--font-mono);color:var(--pop-pink);white-space:nowrap;margin:.3rem 0 0;font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:700}.day-counter-unit{color:var(--pop-mauve);margin-left:.3rem;font-size:.5em;font-weight:500}.eyebrow{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--pop-mauve);margin:0;font-size:.72rem}.intro-name{font-family:var(--font-display);letter-spacing:.01em;color:var(--pop-white);text-shadow:0 4px 18px #00000026;margin:0;font-size:clamp(2rem,5vw,3.2rem)}.intro-tagline{font-family:var(--font-body);color:var(--pop-white);margin:0;font-size:1.05rem;font-weight:700}.intro-body{font-family:var(--font-body);color:#ffffffeb;margin:0;font-size:.95rem;line-height:1.9}.popsite-main{z-index:1;flex-direction:column;gap:.5rem;display:flex;position:relative}.feed-heading{font-family:var(--font-display);color:var(--pop-ink);text-align:center;justify-content:center;align-items:center;gap:.6rem;margin:0;font-size:clamp(1.3rem,2.6vw,1.7rem);display:flex}.feed-heading-star{color:var(--pop-pink);font-size:.85em}.filter-bar{z-index:1;flex-wrap:wrap;gap:.6rem;display:flex;position:relative}.filter-badge{background:var(--pop-white);border:2px solid var(--lane-track);font-family:var(--font-body);color:var(--pop-mauve);cursor:pointer;border-radius:999px;align-items:center;gap:.45rem;padding:.45rem 1.1rem;font-size:.85rem;font-weight:700;transition:border-color .15s,color .15s,background .15s,transform .1s;display:inline-flex}.filter-badge:hover{border-color:var(--pop-pink);color:var(--pop-pink);transform:translateY(-1px)}.filter-badge.is-active{color:var(--pop-white);background:linear-gradient(120deg, var(--pop-pink), var(--pop-purple));border-color:#0000;font-weight:700;box-shadow:0 6px 16px #7c4dff4d}.filter-badge-dot{border-radius:50%;width:7px;height:7px}.year-jump{z-index:1;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex;position:relative}.year-jump-pill{font-family:var(--font-mono);color:var(--pop-purple);background:var(--pop-white);border:1px solid var(--lane-track);cursor:pointer;border-radius:999px;padding:.3rem .85rem;font-size:.75rem;transition:background .15s,color .15s,transform .1s}.year-jump-pill:hover{background:var(--pop-pink);border-color:var(--pop-pink);color:var(--pop-white);transform:translateY(-1px)}.feed{padding-left:2.25rem;position:relative}.feed-spine{background:linear-gradient(180deg, var(--pop-pink), var(--pop-purple) 65%, var(--pop-purple));border-radius:2px;width:3px;position:absolute;top:0;bottom:0;left:.85rem}.year-section{position:relative}.year-heading{z-index:3;margin:0 0 1.25rem -2.25rem;padding-left:2.25rem;display:inline-flex;position:sticky;top:.75rem}.year-heading-label{font-family:var(--font-display);color:var(--pop-white);background:linear-gradient(120deg, var(--pop-pink), var(--pop-purple));border-radius:999px;align-items:center;padding:.3rem .9rem;font-size:.9rem;display:inline-flex;box-shadow:0 4px 12px #7c4dff47}.feed-item{margin:1.25rem 0;position:relative}.feed-item-dot{border-radius:50%;width:12px;height:12px;position:absolute;top:1.05rem;left:-1.55rem}.feed-card{text-align:left;background:var(--pop-white);width:100%;font:inherit;cursor:pointer;border:none;border-left:4px solid #0000;border-radius:16px;flex-direction:column;align-items:flex-start;gap:.3rem;padding:.9rem 1.1rem;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 6px 20px #241b3a14}.feed-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px #241b3a24}.feed-card-date{font-family:var(--font-mono);color:var(--pop-mauve);font-size:.7rem}.feed-card-tag{font-family:var(--font-body);letter-spacing:.05em;font-size:.7rem;font-weight:700}.feed-card-title{font-family:var(--font-body);color:var(--pop-ink);font-size:.95rem;font-weight:700}.feed-item--milestone{margin:1.75rem 0}.milestone-badge{background:linear-gradient(120deg, var(--pop-yellow), #ffb703);font:inherit;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:.5rem;margin-left:-2.25rem;padding:.55rem 1.15rem;display:inline-flex;box-shadow:0 8px 22px #ffd40059}.milestone-badge-star{font-size:1rem}.milestone-badge-date{font-family:var(--font-mono);color:#241b3aa6;font-size:.7rem}.milestone-badge-title{font-family:var(--font-display);color:var(--pop-ink);font-size:.85rem}.feed-now{align-items:center;gap:.6rem;margin:1.5rem 0 0 -2.25rem;padding-left:2.25rem;display:flex;position:relative}.feed-now-dot{background:var(--pop-pink);border-radius:50%;width:14px;height:14px;position:absolute;left:.6rem;box-shadow:0 0 0 6px #ff3d8a2e}.feed-now-label{font-family:var(--font-mono);letter-spacing:.15em;color:var(--pop-pink);font-size:.75rem}.feed-empty{color:var(--pop-mauve);font-family:var(--font-body);text-align:center;margin:2rem 0 0;font-size:.95rem}.async-state{font-family:var(--font-body);text-align:center;margin:1.5rem 0;font-size:.95rem}.async-state--loading{color:var(--pop-mauve)}.async-state--error{color:var(--pop-pink);font-weight:700}.auth-page{align-items:center}.auth-form{z-index:1;background:var(--pop-white);border-radius:24px;flex-direction:column;gap:1.1rem;max-width:360px;padding:clamp(1.5rem,4vw,2rem);display:flex;position:relative;box-shadow:0 10px 30px #7c4dff1a}.auth-field{flex-direction:column;gap:.4rem;display:flex}.auth-field label{font-family:var(--font-mono);letter-spacing:.05em;color:var(--pop-mauve);font-size:.75rem}.auth-field input{border:2px solid var(--lane-track);font-family:var(--font-body);color:var(--pop-ink);background:var(--pop-cream);border-radius:12px;padding:.65rem .9rem;font-size:.95rem}.auth-field input:focus-visible,.auth-field textarea:focus-visible{border-color:var(--pop-pink)}.auth-field textarea{border:2px solid var(--lane-track);font-family:var(--font-body);color:var(--pop-ink);background:var(--pop-cream);resize:vertical;border-radius:12px;min-height:120px;padding:.65rem .9rem;font-size:.95rem}.password-field{position:relative}.password-field input{width:100%;padding-right:2.75rem}.password-toggle{width:2rem;height:2rem;color:var(--pop-mauve);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:color .15s;display:flex;position:absolute;top:50%;right:.6rem;transform:translateY(-50%)}.password-toggle:hover{color:var(--pop-pink)}.auth-submit{background:linear-gradient(120deg, var(--pop-pink), var(--pop-purple));color:var(--pop-white);font-family:var(--font-body);cursor:pointer;border:none;border-radius:999px;padding:.75rem 1.2rem;font-size:.95rem;font-weight:700;transition:opacity .15s}.auth-submit:hover{opacity:.9}.auth-submit:disabled{opacity:.6;cursor:default}.auth-message{z-index:1;font-family:var(--font-body);color:var(--pop-mauve);font-size:.9rem;position:relative}.auth-message a{color:var(--pop-pink)}.auth-message--error{color:var(--pop-pink);font-weight:700}.auth-status{font-family:var(--font-body);align-items:center;gap:.75rem;font-size:.85rem;display:flex}.auth-status-link{color:var(--pop-pink);font-weight:700;text-decoration:none}.auth-status-name{color:var(--pop-ink);font-weight:700}.auth-status-logout{color:var(--pop-mauve);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem}.auth-status-logout:hover{color:var(--pop-pink)}.admin-user-card{justify-content:space-between;align-items:center;gap:1rem;display:flex}.admin-nav{z-index:1;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;display:flex;position:relative}.admin-nav-link{background:var(--pop-white);color:var(--pop-mauve);font-family:var(--font-body);border-radius:999px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:color .15s,box-shadow .15s;box-shadow:0 6px 18px #7c4dff14}.admin-nav-link:hover{color:var(--pop-pink)}.admin-nav-link.is-active{color:var(--pop-white);background:linear-gradient(120deg, var(--pop-pink), var(--pop-purple));box-shadow:0 6px 16px #ff3d8a59}.admin-section{z-index:1;margin-bottom:2.5rem;position:relative}.admin-section-title{font-family:var(--font-display);color:var(--pop-ink);margin-bottom:1rem;font-size:1.1rem}.admin-edit-actions{gap:.75rem;margin-top:.75rem;display:flex}.admin-edit-button,.admin-delete-button,.admin-cancel{font-family:var(--font-body);cursor:pointer;border:none;border-radius:999px;padding:.5rem 1rem;font-size:.85rem;font-weight:700;transition:opacity .15s}.admin-edit-button{background:var(--pop-yellow);color:var(--pop-ink)}.admin-delete-button{background:var(--pop-pink);color:var(--pop-white)}.admin-cancel{background:var(--lane-track);color:var(--pop-mauve)}.admin-edit-button:hover,.admin-delete-button:hover,.admin-cancel:hover{opacity:.85}@media (width>=860px){.feed{padding-left:0}.feed-spine{left:50%;transform:translate(-50%)}.year-heading{justify-content:center;width:100%;margin-left:0;padding-left:0}.feed-item--event{margin:2rem 0;display:flex}.feed-item--start{justify-content:flex-end;padding-right:calc(50% + 1.75rem)}.feed-item--end{justify-content:flex-start;padding-left:calc(50% + 1.75rem)}.feed-card{width:min(380px,100%)}.feed-item-dot{top:50%;left:50%;transform:translate(-50%,-50%)}.feed-item--milestone{justify-content:center;display:flex}.milestone-badge{margin-left:0}.feed-now{justify-content:center;margin-left:0;padding-left:0}.feed-now-dot{position:static;box-shadow:0 0 0 6px #ff3d8a2e}}.detail-backdrop{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#7c4dff47;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.detail-card{background:var(--pop-white);border-radius:24px;width:min(520px,100%);max-height:min(80vh,640px);padding:2.5rem 2.25rem 2.25rem;position:relative;overflow-y:auto;box-shadow:0 24px 60px #241b3a47,0 0 0 1px #7c4dff14}.detail-accent{border-radius:24px 24px 0 0;height:6px;position:absolute;top:0;left:0;right:0}.detail-close{background:var(--pop-cream);border:1px solid var(--lane-track);font-family:var(--font-body);color:var(--pop-mauve);cursor:pointer;border-radius:999px;padding:.35rem .9rem;font-size:.8rem;position:absolute;top:1.25rem;right:1.5rem}.detail-close:hover{color:var(--pop-pink);border-color:var(--pop-pink)}.detail-category{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;font-size:.75rem}.detail-date{font-family:var(--font-mono);color:var(--pop-mauve);margin-top:.5rem;font-size:.9rem}.detail-title{font-family:var(--font-display);color:var(--pop-ink);margin:.75rem 2.5rem 1.25rem 0;font-size:clamp(1.3rem,3vw,1.7rem)}.detail-body{font-family:var(--font-body);color:var(--pop-ink);margin:0;font-size:1rem;line-height:1.9}