*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:#f9fafb;color:#111827;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.header{position:fixed;top:0;left:0;right:0;background:white;box-shadow:0 1px 3px rgba(0,0,0,.1);z-index:100}.header-content{display:flex;align-items:center;justify-content:space-between;padding:1rem;max-width:1200px;margin:0 auto}.back-link{color:#2563eb;text-decoration:none;font-weight:500}.back-link:hover{color:#1d4ed8}.header-title{font-size:1.125rem;font-weight:600}.presentation-btn{background:#2563eb;color:white;border:none;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;font-weight:500;transition:background-color .2s}.presentation-btn:hover{background:#1d4ed8}.main-content{padding-top:5rem;padding-bottom:4rem}.content-wrapper{max-width:64rem;margin:0 auto}.content-title{font-size:2rem;font-weight:700;margin-bottom:1rem}.content-date{color:#6b7280;margin-bottom:2rem}.content-preview{background:#f3f4f6;padding:1rem;border-radius:.5rem;overflow:auto;white-space:pre-wrap;font-family:monospace;margin-bottom:2rem}.large-presentation-btn{display:block;margin:0 auto;background:#2563eb;color:white;border:none;padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;font-size:1.125rem;font-weight:500;transition:background-color .2s}.large-presentation-btn:hover{background:#1d4ed8}.presentation-mode{background-color:#111827!important;color:white!important;position:fixed;top:0;left:0}.presentation-mode,.slide-container{overflow:hidden;width:100vw;height:100vh}.slide-container{height:100dvh;background:linear-gradient(135deg,#1f2937,#111827);position:relative;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.slide-container,.slide-content{display:flex;align-items:center;justify-content:center}.slide-content{max-width:min(90vw,1200px);width:100%;height:calc(100% - 4rem);padding:2rem;text-align:center;z-index:10;animation:slideIn .5s ease-out;flex-direction:column;box-sizing:border-box}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-content h1{font-size:clamp(2.5rem,8vw,4rem);font-weight:700;margin-bottom:2rem;color:white;line-height:1.2}.slide-content h1,.slide-content h2{text-shadow:0 2px 4px rgba(0,0,0,.3)}.slide-content h2{font-size:clamp(1.8rem,6vw,3rem);font-weight:600;margin-bottom:1.5rem;color:#60a5fa;line-height:1.3}.slide-content h3{font-size:clamp(1.5rem,5vw,2.5rem);font-weight:600;margin-bottom:1rem;color:#e5e7eb;line-height:1.4}.slide-content p{font-size:clamp(1.2rem,4vw,1.8rem);margin-bottom:1.5rem;line-height:1.6;color:#e5e7eb;max-width:900px;margin-left:auto;margin-right:auto}.slide-content ul{list-style:none;margin-bottom:2rem;text-align:left;max-width:800px;margin-left:auto;margin-right:auto}.slide-content li{font-size:clamp(1.1rem,3.5vw,1.5rem);margin-bottom:1rem;padding-left:2rem;position:relative;color:#e5e7eb;line-height:1.6}.slide-content li:before{content:"●";color:#60a5fa;font-weight:700;position:absolute;left:0;font-size:1.2em}.slide-content strong{font-weight:700;color:#fbbf24;text-shadow:0 1px 2px rgba(0,0,0,.3)}.slide-content img{max-width:min(80vw,500px);max-height:min(40vh,300px);height:auto;border-radius:.75rem;box-shadow:0 10px 25px rgba(0,0,0,.4);margin:1rem auto;display:block;border:2px solid rgba(255,255,255,.1);transition:transform .3s ease;object-fit:contain}.slide-content img:hover{transform:scale(1.05)}.slide-navigation{bottom:2rem;right:2rem;gap:1rem}.fullscreen-btn,.slide-navigation{position:fixed;display:flex;z-index:20}.fullscreen-btn{top:2rem;left:2rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);color:white;padding:.75rem;border-radius:50%;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:48px;height:48px;align-items:center;justify-content:center}.fullscreen-btn:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}.slide-nav-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);color:white;padding:.75rem;border-radius:50%;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:48px;height:48px;display:flex;align-items:center;justify-content:center}.slide-nav-btn:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}.slide-nav-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.slide-progress{position:fixed;bottom:0;left:0;height:4px;background:linear-gradient(90deg,#60a5fa,#3b82f6);transition:width .5s ease;z-index:30;box-shadow:0 -2px 10px rgba(96,165,250,.3)}.slide-counter{top:2rem;right:2rem;background:rgba(0,0,0,.6);color:white;padding:.75rem 1.25rem;border-radius:2rem;font-family:SF Mono,Monaco,Inconsolata,monospace;border:1px solid rgba(255,255,255,.1)}.slide-counter,.slide-hint{position:fixed;font-size:.875rem;z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.slide-hint{bottom:1rem;left:1rem;color:rgba(255,255,255,.6);background:rgba(0,0,0,.3);padding:.5rem 1rem;border-radius:1rem}.archive-container{min-height:100vh;padding:4rem 1rem}.archive-title{font-size:3rem;font-weight:700;text-align:center;margin-bottom:4rem;color:#111827}.archive-description{font-size:1.25rem;color:#6b7280;text-align:center;margin-bottom:3rem;max-width:64rem;margin-left:auto;margin-right:auto}.archive-grid{display:grid;grid-gap:1.5rem;gap:1.5rem;max-width:64rem;margin:0 auto}.archive-item{display:block;background:white;border-radius:.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:1.5rem;text-decoration:none;color:inherit;transition:all .3s ease}.archive-item:hover{box-shadow:0 10px 15px rgba(0,0,0,.1);transform:translateY(-2px)}.archive-item-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#111827}.archive-item-date{color:#6b7280;font-size:1rem}@media (max-width:768px){.slide-container{padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}.slide-content{padding:1rem;height:calc(100% - 2rem);max-width:95vw}.slide-navigation{bottom:calc(env(safe-area-inset-bottom, 0px) + 1rem);right:1rem;gap:.5rem}.slide-nav-btn{width:40px;height:40px;padding:.5rem}.slide-counter{top:calc(env(safe-area-inset-top, 0px) + 1rem);right:1rem;padding:.5rem 1rem;font-size:.75rem}.slide-hint{bottom:calc(env(safe-area-inset-bottom, 0px) + .5rem);left:.5rem;font-size:.75rem;padding:.375rem .75rem}.fullscreen-btn{top:calc(env(safe-area-inset-top, 0px) + 1rem);left:1rem;width:40px;height:40px;padding:.5rem}.archive-title{font-size:2rem}.archive-description{font-size:1rem}.header-content{padding:.75rem 1rem}.header-title{font-size:1rem}.presentation-btn{padding:.375rem .75rem;font-size:.875rem}}@media (max-width:768px) and (orientation:portrait){.slide-content h1{font-size:clamp(1.8rem,8vw,2.5rem)}.slide-content h2{font-size:clamp(1.4rem,6vw,2rem)}.slide-content p{font-size:clamp(1rem,4vw,1.3rem)}.slide-content li{font-size:clamp(.9rem,3.5vw,1.2rem)}.slide-content img{max-width:90vw;max-height:30vh}.slide-container:before{content:"💡 横画面でのご利用をお勧めします";position:absolute;top:1rem;left:50%;transform:translateX(-50%);background:rgba(251,191,36,.9);color:#000;padding:.5rem 1rem;border-radius:1rem;font-size:.75rem;z-index:100;animation:fadeInOut 4s ease-in-out}}@keyframes fadeInOut{0%,20%{opacity:1}80%,to{opacity:0}}