:root{--color-text:#1a1a1a;--color-text-secondary:#555;--color-text-muted:#888;--color-text-faint:#999;--color-text-dim:#aaa;--color-bg:#fafafa;--color-card:#fff;--color-border:#e0e0e0;--color-border-light:#d0d0d0;--color-shadow:#00000014;--color-spotify:#1db954;--color-badge:#6b7280;--color-success:#27ae60;--color-danger:#c0392b;--color-danger-bg:#fdecea;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-pill:2rem;--shadow-card:0 2px 16px var(--color-shadow);--shadow-elevated:0 2px 12px #0003}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text);background:var(--color-bg);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{min-height:100dvh;overflow-x:hidden}#root{min-height:100dvh}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.vs-progress-bar{display:none!important}body{background:#fff!important}}.gallery{width:100%;margin-top:1rem;overflow:hidden}.gallery-badge{color:var(--color-text-secondary);cursor:pointer;align-items:center;gap:.4rem;margin-bottom:.5rem;font-size:.8rem;display:flex}.gallery-badge:hover{color:var(--color-text)}.gallery-badge-icon{font-size:.9rem}.gallery-badge-hint{opacity:.5;margin-left:auto;font-size:.7rem}.gallery-track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:.75rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.gallery-item{scroll-snap-align:center;cursor:pointer;flex:0 0 80%;position:relative}.gallery-item img,.gallery-item video{object-fit:cover;pointer-events:none;border-radius:8px;width:100%;max-height:40vh;display:block}@media (width>=768px){.gallery-item{flex:0 0 60%}}.gallery-item-overlay{background:0 0;border-radius:8px;justify-content:flex-end;align-items:flex-end;padding:.5rem;transition:background .2s;display:flex;position:absolute;inset:0}.gallery-expand-icon{color:#fff;border-radius:var(--radius-sm,4px);opacity:.7;background:#00000080;justify-content:center;align-items:center;width:1.6rem;height:1.6rem;font-size:.85rem;transition:opacity .2s;display:flex}.gallery-item:hover .gallery-item-overlay{background:#0000001a}.gallery-item:hover .gallery-expand-icon{opacity:1}.lightbox-overlay{z-index:1000;background:#000000eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-content img,.lightbox-content video{object-fit:contain;border-radius:4px;max-width:90vw;max-height:90vh;display:block}.lightbox-close{color:#fff;cursor:pointer;z-index:1001;background:0 0;border:none;padding:.25rem .5rem;font-size:2.5rem;line-height:1;position:fixed;top:1rem;right:1rem}.lightbox-counter{color:#fff9;z-index:1001;font-size:.8rem;position:fixed;top:1.2rem;left:50%;transform:translate(-50%)}.lightbox-prev,.lightbox-next{color:#fff;cursor:pointer;z-index:1001;background:0 0;border:none;padding:1rem;font-size:3rem;line-height:1;position:fixed;top:50%;transform:translateY(-50%)}.lightbox-prev{left:.5rem}.lightbox-next{right:.5rem}.lightbox-prev:hover,.lightbox-next:hover,.lightbox-close:hover{color:#ccc}.vs-app{touch-action:none;flex-direction:column;height:100dvh;display:flex;overflow:hidden}.vs-section{flex:0 0 100dvh;justify-content:center;align-items:center;padding:1.5rem;display:flex}.vs-card{background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);text-align:center;flex-direction:column;align-items:center;gap:.25rem;width:100%;max-width:600px;max-height:calc(100dvh - 4rem);padding:2rem 1.5rem;display:flex;position:relative;overflow-y:auto}.vs-card h2{align-items:center;gap:.5rem;margin:.25rem 0;font-size:1.5rem;display:flex}.vs-card p{max-width:32ch;color:var(--color-text-secondary);font-size:1rem;line-height:1.5}.vs-verify{border:2px solid var(--color-border-light);color:#0000;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.875rem;transition:all .2s;display:flex;position:absolute;top:.75rem;right:.75rem}.vs-verify:hover{border-color:var(--color-text-muted)}.vs-verified{background:var(--color-success);border-color:var(--color-success);color:#fff}.vs-day-count{color:var(--color-text);font-size:3rem;font-weight:700;line-height:1}.vs-day-label{letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-faint);margin-bottom:1.5rem;font-size:.875rem;font-weight:600}.vs-age{color:var(--color-text-dim);font-size:.75rem;font-style:italic}.vs-date{color:var(--color-text-muted);font-size:.875rem}.vs-category{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-faint);align-items:center;gap:.35rem;margin-top:.5rem;font-size:.7rem;font-weight:600;display:inline-flex}.vs-category img{width:16px;height:16px}.vs-spotify-link{color:var(--color-text-dim);flex-shrink:0;transition:color .2s;display:inline-flex}.vs-spotify-link:hover{color:var(--color-spotify)}.vs-media{justify-content:center;width:100%;margin-top:1rem;display:flex}.vs-youtube-embed{aspect-ratio:16/9;border-radius:var(--radius-md);width:100%;max-width:480px;position:relative;overflow:hidden}.vs-youtube-embed iframe{border:none;width:100%;height:100%}.vs-youtube-thumb{cursor:pointer}.vs-youtube-thumb img{object-fit:cover;width:100%;height:100%;display:block}.vs-youtube-play{cursor:pointer;opacity:.85;background:0 0;border:none;transition:opacity .2s,transform .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vs-youtube-play:hover{opacity:1;transform:translate(-50%,-50%)scale(1.1)}.vs-event-image{border-radius:var(--radius-md);object-fit:cover;max-width:100%;max-height:30vh}.vs-progress-bar{background:var(--color-border);z-index:10;width:100%;height:3px;position:fixed;bottom:0;left:0}.vs-progress-fill{background:var(--color-text);height:100%;transition:width .3s}.vs-nav{z-index:20;gap:.25rem;display:flex;position:fixed;left:50%;transform:translate(-50%)}.vs-nav-top{top:.75rem}.vs-nav-bottom{bottom:.75rem}.vs-nav-btn{background:var(--color-card);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;box-shadow:var(--shadow-card);-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;transition:opacity .2s;display:flex}.vs-nav-btn:hover:not(:disabled){color:var(--color-text)}.vs-nav-btn:disabled{opacity:.25;cursor:default}.vs-sidebar{z-index:20;background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;align-items:center;padding:.35rem;display:flex;position:fixed;top:50%;right:.75rem;transform:translateY(-50%)}.vs-sidebar-filters{flex-direction:column;align-items:center;gap:.25rem;display:flex}.vs-filter-btn{border-radius:var(--radius-pill);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;writing-mode:vertical-lr;background:0 0;border:none;padding:.35rem .75rem;font-size:.65rem;font-weight:600;transition:all .2s}.vs-filter-reset{writing-mode:horizontal-tb;margin-top:.25rem;text-decoration:none}.vs-filter-active{background:var(--color-text);color:var(--color-card)}@media (width<=480px){.vs-section{padding:1rem}.vs-card{max-height:calc(100dvh - 3rem);padding:1.25rem 1rem}.vs-day-count{font-size:2rem}.vs-day-label{margin-bottom:.75rem;font-size:.75rem}.vs-card h2{font-size:1.15rem}.vs-card p{font-size:.85rem}.vs-youtube-embed{max-height:25vh}.vs-event-image{max-height:20vh}.vs-sidebar{padding:.25rem}.vs-filter-btn{padding:.25rem .5rem;font-size:.6rem}}@media (width>=768px){.vs-day-count{font-size:5rem}.vs-card h2{font-size:2rem}.vs-card p{max-width:48ch;font-size:1.125rem}.vs-card{padding:2.5rem 2rem}.vs-media{max-width:560px}.vs-sidebar{left:calc(50% + 320px);right:auto}}.pt-container{background:#fff;max-width:800px;min-height:100dvh;margin:0 auto;padding:2rem 2rem 5rem}.pt-header{text-align:center;border-bottom:2px solid #e0e0e0;margin-bottom:3rem;padding-bottom:1.5rem}.pt-header h1{color:#1a1a1a;margin-bottom:.25rem;font-size:2rem;font-weight:700}.pt-subtitle{color:#888;letter-spacing:.1em;font-size:1.1rem}.pt-year-section{margin-bottom:2rem}.pt-year-heading{color:#333;border-top:1px solid #e0e0e0;margin-bottom:1rem;padding-top:1rem;font-size:1.5rem;font-weight:700}.pt-year-section:first-of-type .pt-year-heading{border-top:none;padding-top:0}.pt-event{border-left:2px solid #d0d0d0;gap:1.25rem;margin-left:.5rem;padding:.75rem 0 .75rem 1.25rem;display:flex;position:relative}.pt-event:before{content:"";background:#999;border-radius:50%;width:8px;height:8px;position:absolute;top:1.1rem;left:-5px}.pt-event-meta{text-align:right;flex-shrink:0;width:110px;padding-top:.1rem}.pt-date{color:#444;font-size:.9rem;font-weight:600;display:block}.pt-days{color:#999;margin-top:.15rem;font-size:.75rem;display:block}.pt-event-body{flex:1;min-width:0}.pt-event-title{color:#1a1a1a;margin-bottom:.25rem;font-size:1.05rem;font-weight:600}.pt-badge{text-transform:uppercase;letter-spacing:.05em;color:#fff;vertical-align:middle;background:#6b7280;border-radius:3px;margin-right:.5em;padding:.1em .4em;font-size:.65rem;font-weight:600;display:inline-block;position:relative;top:-1px}.pt-event-desc{color:#555;font-size:.9rem;line-height:1.5}.pt-event-image{border-radius:4px;max-width:100%;max-height:200px;margin-top:.75rem;display:block}.pt-print-btn{color:#fff;cursor:pointer;z-index:100;background:#1a1a1a;border:none;border-radius:2rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:background .2s;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 2px 12px #0003}.pt-print-btn:hover{background:#333}@media print{.pt-print-btn{display:none}.pt-container{max-width:none;margin:0;padding:0}.pt-header{margin-bottom:1.5rem;padding-bottom:1rem}.pt-header h1{font-size:18pt}.pt-subtitle{font-size:11pt}body,.pt-container{color:#000;background:#fff;font-family:Georgia,Times New Roman,serif;font-size:11pt}.pt-year-heading{break-after:avoid;font-size:14pt}.pt-event{break-inside:avoid;border-color:#999;border-left-width:1px}.pt-event:before{background:#666;width:6px;height:6px;left:-4px}.pt-event-title{font-size:11pt}.pt-event-desc{color:#333;font-size:10pt}.pt-badge{background:#555;font-size:7pt}.pt-event-image{border-radius:0;max-height:150px}}.va-page{background:linear-gradient(135deg,#f5f7fa 0%,#e4e9f0 100%);justify-content:center;align-items:center;min-height:100dvh;padding:1.5rem;display:flex}.va-card{background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);text-align:center;flex-direction:column;gap:1.5rem;width:100%;max-width:400px;padding:2.5rem 2rem;display:flex}.va-card h1{font-size:1.5rem;font-weight:700}.va-stat{flex-direction:column;gap:.25rem;display:flex}.va-count{font-size:3rem;font-weight:700;line-height:1}.va-label,.va-empty{color:var(--color-text-muted);font-size:.875rem}.va-confirm p{margin-bottom:1rem;font-weight:600}.va-actions{justify-content:center;gap:.75rem;display:flex}.va-btn{border-radius:var(--radius-pill);cursor:pointer;border:none;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;transition:opacity .2s}.va-btn:hover{opacity:.85}.va-btn-danger{color:#fff;background:#e53e3e}.va-btn-cancel{background:var(--color-border);color:var(--color-text)}.va-nav{border-top:1px solid var(--color-border);justify-content:center;gap:1.5rem;padding-top:.5rem;display:flex}.va-nav a{color:var(--color-text-muted);font-size:.8rem;text-decoration:none}.va-nav a:hover{color:var(--color-text)}.admin-page{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.admin-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.admin-header h1{font-size:1.5rem;font-weight:600}.admin-actions{align-items:center;gap:1rem;display:flex}.admin-key-input{opacity:.5;width:8rem;font-size:.75rem}.admin-key-input:focus{opacity:1}.admin-link{color:var(--color-text-secondary);font-size:.875rem;text-decoration:none}.admin-link:hover{color:var(--color-text)}.admin-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-card);color:var(--color-text);cursor:pointer;padding:.4rem .8rem;font-size:.875rem}.admin-btn:hover{background:var(--color-bg)}.admin-btn.primary{background:var(--color-text);color:var(--color-card);border-color:var(--color-text)}.admin-btn.primary:hover{opacity:.85}.admin-btn.danger{color:var(--color-danger);border-color:var(--color-danger)}.admin-btn.danger:hover{background:var(--color-danger);color:#fff}.admin-btn.small{padding:.2rem .5rem;font-size:.75rem}.admin-btn:disabled{opacity:.5;cursor:not-allowed}.admin-error{background:var(--color-danger-bg);color:var(--color-danger);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.admin-error button{color:var(--color-danger);cursor:pointer;background:0 0;border:none;font-size:1.2rem}.admin-filters{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.admin-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-card);padding:.4rem .6rem;font-size:.875rem}.admin-count{color:var(--color-text-muted);margin-left:auto;font-size:.8rem}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.875rem}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:.5rem .75rem}.admin-table th{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.sortable-th:hover{color:var(--color-text)}.admin-table tbody tr:hover{background:var(--color-bg)}.desc-cell{white-space:normal;word-break:break-word}.nowrap{white-space:nowrap}.admin-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.admin-form{background:var(--color-card);border-radius:var(--radius-md);width:90%;max-width:500px;max-height:90vh;box-shadow:var(--shadow-elevated);padding:1.5rem;overflow-y:auto}.admin-form h2{margin-bottom:1rem;font-size:1.1rem}.admin-form label{color:var(--color-text-secondary);margin-bottom:.75rem;font-size:.8rem;font-weight:500;display:block}.admin-form label input,.admin-form label select,.admin-form label textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;margin-top:.25rem;padding:.4rem .6rem;font-family:inherit;font-size:.875rem;display:block}.admin-form label textarea{resize:vertical}.admin-checkbox{align-items:center;gap:.5rem;flex-direction:row!important;display:flex!important}.admin-checkbox input{width:auto!important;margin:0!important}.admin-form-actions{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.admin-form.confirm{text-align:center;max-width:400px}.admin-form.confirm p{color:var(--color-text-secondary);margin:.75rem 0}.admin-form.confirm .admin-form-actions{justify-content:center}.admin-verify-btn{border:2px solid var(--color-border);color:#0000;cursor:pointer;background:0 0;border-radius:50%;width:1.5rem;height:1.5rem;padding:0;font-size:.75rem;line-height:1;transition:all .15s}.admin-verify-btn:hover{border-color:var(--color-text-secondary);color:var(--color-text-secondary)}.admin-verify-btn.verified{border-color:var(--color-success);background:var(--color-success);color:#fff}.media-existing,.media-pending{flex-direction:column;gap:.35rem;margin-bottom:.75rem;display:flex}.media-label{color:var(--color-text-secondary);font-size:.75rem;font-weight:500}.media-file-item{background:var(--color-bg);border-radius:var(--radius-sm);align-items:center;gap:.5rem;padding:.3rem .5rem;font-size:.8rem;display:flex}.media-thumb{object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0;width:36px;height:36px}.media-file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.media-file-remove{color:var(--color-danger);cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-left:auto;padding:0 .2rem;font-size:1.1rem;line-height:1}.media-file-remove:hover{opacity:.7}.year-header-row td{background:var(--color-bg);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);z-index:1;padding:.5rem .75rem;font-size:.8rem;font-weight:600;position:sticky;top:0}.year-header-row td>*{vertical-align:middle}.year-label{color:var(--color-text);font-size:.875rem}.year-count{color:var(--color-text-muted);margin-left:.25rem;font-size:.75rem;font-weight:400}.year-count:before{content:"("}.year-count:after{content:")"}.editable-cell{cursor:pointer;position:relative}.editable-cell .cell-text{align-items:center;gap:.4rem;min-height:1.4em;display:flex}.editable-cell .cell-pen{opacity:.35;color:var(--color-text-secondary);flex-shrink:0;font-size:.7rem}.editable-cell .cell-saving{color:var(--color-text-secondary);flex-shrink:0;font-size:.75rem;animation:.8s linear infinite spin}.editable-cell .cell-empty{color:var(--color-text-secondary);opacity:.4}.editable-cell.cell-active{padding:.25rem .5rem}.inline-edit-input,.inline-edit-textarea{border:1px solid var(--color-text);border-radius:var(--radius-sm);background:var(--color-card);outline:none;width:100%;padding:.25rem .4rem;font-family:inherit;font-size:.875rem;box-shadow:0 0 0 2px #0000000f}.inline-edit-textarea{resize:vertical;min-height:2.4em}@keyframes spin{to{transform:rotate(360deg)}}.cell-edit-wrap{align-items:flex-start;gap:.3rem;display:flex}.cell-edit-wrap .inline-edit-input,.cell-edit-wrap .inline-edit-textarea{flex:1;min-width:0}.cell-edit-actions{flex-shrink:0;gap:.15rem;padding-top:.15rem;display:flex}.cell-edit-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-card);cursor:pointer;justify-content:center;align-items:center;width:1.4rem;height:1.4rem;padding:0;font-size:.7rem;line-height:1;display:flex}.cell-edit-btn.save{color:var(--color-success,#27ae60);border-color:var(--color-success,#27ae60)}.cell-edit-btn.save:hover{background:var(--color-success,#27ae60);color:#fff}.cell-edit-btn.cancel{color:var(--color-text-secondary)}.cell-edit-btn.cancel:hover{background:var(--color-bg)}.editable-cell.cell-active.desc-cell{white-space:normal;max-width:none;overflow:visible}.admin-toast-stack{z-index:1100;flex-direction:column-reverse;align-items:center;gap:.5rem;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.admin-toast{background:var(--color-text);color:var(--color-card);border-radius:var(--radius-sm);box-shadow:var(--shadow-elevated);white-space:nowrap;align-items:center;gap:1rem;padding:.6rem 1.2rem;font-size:.875rem;animation:.2s toast-in;display:flex}.admin-toast button{color:inherit;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #fff6;padding:.2rem .6rem;font-size:.8rem;font-weight:500}.admin-toast button:hover{background:#ffffff26}.admin-toast button:disabled{opacity:.5;cursor:not-allowed}@keyframes toast-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}