.presentation-container{width:100%;max-width:var(--site-content-max);flex-direction:column;gap:1.5rem;margin:0 auto;display:flex;position:relative}.slide-window{background-color:var(--bg-primary);border:1px solid var(--border-primary);box-shadow:var(--shadow-lg);border-radius:12px;min-height:600px;transition:background-color .3s,border-color .3s;position:relative;overflow:hidden}.slide-content-wrapper{flex-direction:column;height:100%;padding:3rem 4rem;display:flex}.slide-title{color:var(--text-primary);text-align:center;margin-bottom:2rem;font-size:2.5rem;font-weight:700;line-height:1.2}.slide-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:1.5rem;font-size:1.5rem;font-weight:300}.slide-text{color:var(--text-secondary);margin-bottom:1rem;font-size:1.125rem;line-height:1.7}.slide-grid-2{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.slide-grid-3{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.content-card{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;height:100%;padding:1.5rem;transition:transform .2s,box-shadow .2s}.content-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{border-bottom:1px solid var(--border-primary);align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.card-title{color:var(--text-primary);font-size:1.25rem;font-weight:600}.slide-list{margin:0;padding:0;list-style:none}.slide-list-item{color:var(--text-secondary);align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.list-icon{width:1.25rem;height:1.25rem;color:var(--accent-primary);flex-shrink:0;margin-top:.25rem}.title-slide{text-align:center;flex-direction:column;justify-content:center;gap:3rem;height:100%;display:flex}.author-block{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:9999px;align-items:center;gap:1rem;margin:0 auto;padding:1rem 2rem;display:inline-flex}.author-avatar{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary,#6366f1));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;font-weight:700;display:flex}.abstract-box{background-color:var(--bg-secondary);border-left:4px solid var(--accent-primary);text-align:left;border-radius:4px;max-width:800px;margin:0 auto;padding:1.5rem}.arch-module-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.file-list{color:var(--text-secondary);background:#00000008;border-radius:4px;margin-top:.5rem;padding:.5rem;font-family:monospace;font-size:.875rem}.metric-box{text-align:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:1.5rem}.metric-value{color:var(--accent-primary);margin:.5rem 0;font-size:2.5rem;font-weight:700}.metric-label{color:var(--text-primary);font-size:1rem;font-weight:500}.nav-controls-bar{background-color:var(--bg-primary);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm);border-radius:8px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.nav-group{align-items:center;gap:.5rem;display:flex}.slide-counter{font-variant-numeric:tabular-nums;color:var(--text-secondary);padding:0 1rem;font-size:.875rem}.slide-indicators{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.indicator-dot{border:1px solid var(--border-primary);background-color:var(--bg-secondary);cursor:pointer;width:2.5rem;height:2.5rem;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:all .2s;display:flex;position:relative}.indicator-dot:hover{border-color:var(--accent-primary);transform:scale(1.1)}.indicator-dot.active{background-color:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:var(--shadow-md);transform:scale(1.1)}.icon-btn{border:1px solid var(--border-primary);width:2.5rem;height:2.5rem;color:var(--text-primary);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-btn:hover{background-color:var(--bg-hover)}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.text-btn{border:1px solid var(--border-primary);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;transition:all .2s;display:flex}.text-accent-primary{color:var(--accent-primary)}.text-btn:hover{background-color:var(--bg-hover);border-color:var(--accent-primary)}.active-autoplay{background-color:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.fade-enter{opacity:0;transform:translateY(10px)}.fade-enter-active{opacity:1;transition:opacity .3s,transform .3s;transform:translateY(0)}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .2s}.modal-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-primary);border:1px solid var(--border-primary);width:100%;max-width:56rem;max-height:80vh;box-shadow:var(--shadow-xl);border-radius:.75rem;padding:1.5rem;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-title{color:var(--text-primary);font-size:1.25rem;font-weight:600}.thumbnail-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (min-width:768px){.thumbnail-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.thumbnail-grid{grid-template-columns:repeat(4,1fr)}}.thumbnail-card{border:2px solid var(--border-primary);cursor:pointer;background-color:var(--bg-secondary);border-radius:.5rem;padding:1rem;transition:all .2s;position:relative}.thumbnail-card:hover{border-color:var(--accent-primary);background-color:var(--bg-hover)}.thumbnail-card.active{border-color:var(--accent-primary);background-color:rgba(var(--accent-primary-rgb), .1)}.thumbnail-preview{aspect-ratio:16/9;background-color:var(--bg-primary);border-radius:.25rem;justify-content:center;align-items:center;margin-bottom:.75rem;font-size:1.5rem;display:flex}.thumbnail-text{text-align:center}.keyboard-shortcuts{text-align:center;color:var(--text-secondary);flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1rem;font-size:.75rem;display:flex}.shortcut-group{align-items:center;display:inline-flex}.shortcut-key{border:1px solid var(--border-primary);background-color:var(--bg-hover);color:var(--text-secondary);border-radius:4px;margin-right:.25rem;padding:.125rem .375rem}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.indicator-active-bar{background-color:var(--text-primary);border-radius:9999px;width:.375rem;height:.375rem;position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%)}@media (max-width:768px){.slide-content-wrapper{padding:1.5rem}.slide-title{font-size:1.75rem}.slide-grid-2,.slide-grid-3,.arch-module-grid{grid-template-columns:1fr}.indicator-dot{width:.75rem;height:.75rem;font-size:0}}.hidden-mobile-block{display:none}.hidden-mobile-flex{align-items:center;display:none}.hidden-mobile-inline{display:none}@media (min-width:768px){.hidden-mobile-block{display:block}.hidden-mobile-flex{display:flex}.hidden-mobile-inline{display:inline}}.text-center{text-align:center}.nav-info-text{color:var(--text-primary);font-size:.875rem;font-weight:500}.nav-sub-text{color:var(--text-secondary);font-size:.75rem}.nav-time-display{color:var(--text-secondary);padding-left:1rem;font-size:.75rem;display:none}@media (min-width:768px){.nav-time-display{display:block}}
.presentation-page{background:linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-primary) 100%);padding:2rem var(--site-gutter)}.presentation-page>.presentation-container{max-width:var(--site-page-max);margin:0 auto}.presentation-content{flex-direction:column;gap:2rem;display:flex}.presentation-header{text-align:center;background:var(--bg-primary);border-radius:var(--radius-xl);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm);padding:2rem 1.5rem}.presentation-title{font-size:var(--text-4xl);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:.75rem;font-weight:800}.presentation-description{font-size:var(--text-lg);color:var(--text-secondary);max-width:700px;margin:0 auto;line-height:1.6}.slides-wrapper{background:var(--bg-primary);border-radius:var(--radius-xl);border:1px solid var(--border-primary);box-shadow:var(--shadow-md);min-height:600px;padding:1.5rem;overflow:hidden}.navigation-wrapper{background:var(--bg-primary);border-radius:var(--radius-xl);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm);padding:1.5rem}.presentation-header{animation:.6s ease-out fadeInUp}.slides-wrapper{animation:.6s ease-out .1s both fadeInUp}.navigation-wrapper{animation:.6s ease-out .2s both fadeInUp}@media (max-width:1024px){.presentation-title{font-size:var(--text-3xl)}.presentation-description{font-size:var(--text-base)}.slides-wrapper{min-height:500px}}@media (max-width:768px){.presentation-page{padding-block:1.5rem}.presentation-header{padding:1.5rem 1rem}.presentation-title{font-size:var(--text-3xl)}.presentation-description{font-size:var(--text-sm)}.slides-wrapper{border-radius:var(--radius-lg);min-height:400px;padding:1rem}.navigation-wrapper{border-radius:var(--radius-lg);padding:1.25rem}.presentation-content{gap:1.5rem}}@media (max-width:480px){.presentation-page{padding-block:1rem}.presentation-header{padding:1.25rem .875rem}.presentation-title{font-size:var(--text-2xl)}.slides-wrapper{min-height:350px}.navigation-wrapper{padding:1rem}}