@import"https://hangeul.pstatic.net/hangeul_static/css/nanum-square-neo.css";@import"https://hangeul.pstatic.net/hangeul_static/css/nanum-gothic.css";:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--text-primary: #212529;--text-secondary: #6c757d;--accent-green: #28a745;--accent-cyan: #17a2b8;--border-color: #dee2e6;--shadow: 0 4px 6px rgba(40, 167, 69, .1);--blocks-header-offset: -450px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:NanumSquareNeo,NanumGothic,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}nav{position:fixed;top:0;width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);z-index:1000;padding:1rem 0}nav .nav-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;position:relative}.nav-brand{font-size:1.5rem;font-weight:700;color:var(--accent-green);text-decoration:none;transition:all .3s ease}.nav-brand:hover{text-shadow:0 0 20px rgba(40,167,69,.5)}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:var(--text-primary);text-decoration:none;transition:all .3s ease;position:relative}.nav-links a:hover{color:var(--accent-green)}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--accent-green);transition:width .3s ease}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;z-index:1001}.hamburger span{width:25px;height:3px;background:var(--accent-green);border-radius:2px;transition:all .3s ease}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;margin-top:-60px;padding-top:60px}.hero-slideshow{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-slideshow .slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity 2s ease-in-out}.hero-slideshow .slide.active{opacity:1}.hero-slideshow .slide:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffffff4d,#f8f9fa4d)}.hero-content{text-align:center;z-index:2;position:relative;background:#ffffff26;padding:3rem;border-radius:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a;margin:0 1rem;max-width:880px;transform:translate(-50vh) translateY(20vh)}.hero h1{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,var(--accent-green),var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(40,167,69,.3)}.hero .subtitle{font-size:clamp(1rem,2vw,1.3rem);color:var(--text-primary);margin-bottom:2rem;opacity:.9}.cta-button{display:inline-block;padding:1rem 2rem;background:linear-gradient(135deg,var(--accent-green),var(--accent-cyan));color:var(--bg-primary);text-decoration:none;border-radius:4px;font-weight:500;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #28a7454d}.section{padding:5rem 0;position:relative}.section-title{font-size:2.5rem;margin-bottom:1rem;color:var(--accent-green);text-align:center}.section-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:3rem}.project-info{background:var(--bg-secondary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.info-card{background:var(--bg-tertiary);padding:2rem;border-radius:8px;border:1px solid var(--border-color);transition:all .3s ease}.info-card:hover{border-color:var(--accent-green);box-shadow:var(--shadow);transform:translateY(-5px)}.info-card h3{color:var(--accent-cyan);margin-bottom:1rem;font-size:1.25rem}.info-card p{color:var(--text-secondary);line-height:1.8}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.tech-card{background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));padding:2rem;border-radius:8px;text-align:center;border:1px solid transparent;background-clip:padding-box;position:relative}.tech-card:before{content:"";position:absolute;inset:0;border-radius:8px;padding:1px;background:linear-gradient(135deg,var(--accent-green),var(--accent-cyan));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.tech-card:hover:before{opacity:1}.tech-icon{font-size:3rem;margin-bottom:1rem}.tech-card h3{color:var(--accent-green);margin-bottom:.5rem}.sound-blocks-container{min-height:100vh;padding-top:0;background:var(--bg-primary)}.blocks-header{text-align:center;margin-top:50px;padding:calc(.4rem + 80px) 0 1rem;border-bottom:1px solid var(--border-color);margin-bottom:3rem;background-image:url(/images/01.jpg);background-size:cover;background-repeat:no-repeat;background-position:center var(--blocks-header-offset);background-attachment:fixed;min-height:clamp(260px,25vh,360px);display:flex;align-items:flex-start;justify-content:center;position:relative}.blocks-header:after{content:"";position:absolute;inset:0;background:linear-gradient(#ffffffa6,#ffffffd1);z-index:0}.blocks-header .container{padding-top:.75rem;position:relative;z-index:1}.blocks-list{max-width:800px;margin:0 auto;padding:0 20px}.sound-block{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:2rem;margin-bottom:2rem;transition:all .3s ease}.sound-block:hover{border-color:var(--accent-green);box-shadow:0 0 30px #28a7451a}.block-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color);gap:1rem}.sound-title{color:var(--accent-green);font-size:1.5rem;font-weight:600;margin:0;flex:1}.block-info{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;flex-shrink:0}.block-number{font-size:.9rem;color:var(--accent-cyan);font-weight:700}.block-timestamp{color:var(--text-secondary);font-size:.8rem}.block-hash{background:var(--bg-tertiary);padding:.5rem 1rem;border-radius:4px;font-size:.85rem;color:var(--accent-green);word-break:break-all;margin-bottom:1.5rem;border:1px solid var(--border-color);font-family:Courier New,Courier,monospace}.audio-player{margin:1.5rem 0;background:var(--bg-primary);padding:1rem;border-radius:8px;border:1px solid var(--border-color)}.waveform{width:100%;height:128px}.play-button{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-green),var(--accent-cyan));color:var(--bg-primary);border:none;padding:.75rem 1.5rem;min-height:48px;border-radius:4px;cursor:pointer;font-family:inherit;font-weight:500;transition:all .3s ease;margin-top:1rem;width:100%}.play-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #28a7454d}.play-button.playing{background:linear-gradient(135deg,#ff6b6b,#ff8e8e)}.metadata-table{width:100%;margin-top:1.5rem}.metadata-table td{padding:.75rem;border-bottom:1px solid var(--border-color)}.metadata-table td:first-child{color:var(--text-secondary);width:30%}.metadata-table td:last-child{color:var(--text-primary)}.admin-page-container{min-height:100vh;padding-top:80px;background:var(--bg-secondary)}.admin-auth-gate{position:fixed;inset:0;background:#fff;display:flex;align-items:center;justify-content:center;z-index:2000;transition:opacity .35s ease,visibility .35s ease}body.admin-locked{overflow:hidden}.admin-auth-gate.hidden{opacity:0;visibility:hidden;pointer-events:none}.auth-card{background:var(--bg-primary);border-radius:16px;padding:2.5rem;width:min(90%,420px);box-shadow:0 20px 60px #00000040;border:1px solid var(--border-color);text-align:left}.auth-card h2{margin-bottom:.75rem;color:var(--accent-green)}.auth-subtitle{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:var(--text-secondary)}.auth-form input{padding:.75rem 1rem;border-radius:8px;border:1px solid var(--border-color);font-family:inherit}.auth-form input:focus{outline:2px solid rgba(23,162,184,.4);border-color:transparent}.auth-form .cta-button{width:100%;font-size:1rem}.auth-error{min-height:1.2rem;color:#c0392b;font-size:.9rem}.auth-helper{margin-top:.5rem;font-size:.85rem;color:var(--text-secondary);text-align:center}.admin-header{padding:4rem 0 2rem}.admin-callout{margin-top:1.5rem;background:#17a2b814;border:1px solid rgba(23,162,184,.35);border-radius:12px;padding:1.5rem}.admin-callout h3{margin-bottom:.75rem;color:var(--accent-cyan)}.admin-callout ul{list-style:disc;padding-left:1.25rem;color:var(--text-secondary);line-height:1.7}.admin-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;padding-bottom:5rem;align-items:flex-start}.admin-card{background:var(--bg-primary);border-radius:12px;padding:2rem;box-shadow:var(--shadow);border:1px solid var(--border-color)}.admin-card h2{margin-bottom:1.5rem;color:var(--accent-green)}.preview-card{display:flex;flex-direction:column;gap:1rem;height:100%}.admin-form .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.admin-form{display:flex;flex-direction:column;flex:1}.admin-form label{display:flex;flex-direction:column;gap:.5rem;font-size:.9rem;color:var(--text-secondary)}.admin-form input,.admin-form textarea{padding:.85rem 1rem;border-radius:8px;border:1px solid var(--border-color);font-family:inherit;font-size:1rem}.admin-form input:focus,.admin-form textarea:focus{outline:2px solid rgba(23,162,184,.4);border-color:transparent}.admin-form textarea{resize:vertical}.admin-form .full-width{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.admin-actions{display:flex;flex-direction:column;gap:.75rem}.helper-text{font-size:.9rem;color:var(--text-secondary)}.admin-actions .cta-button{font-size:1.05rem}.ghost-button{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-family:inherit;transition:all .3s ease}.ghost-button:hover{color:var(--accent-green);border-color:var(--accent-green)}.admin-card-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.block-header-left{display:flex;flex-direction:column;gap:.35rem}.block-meta-line{font-size:.85rem;color:var(--text-secondary)}.block-status-badge{display:inline-flex;align-items:center;justify-content:center;padding:.1rem .75rem;border-radius:999px;font-size:.75rem;background:#28a74526;color:var(--accent-green);text-transform:uppercase}.block-action-group{display:flex;gap:.35rem}.preview-actions{display:flex;justify-content:flex-end;margin-top:1rem}.action-button{border:1px solid var(--border-color);background:var(--bg-primary);border-radius:4px;padding:.3rem .75rem;font-size:.8rem;cursor:pointer;transition:all .2s ease}.action-button.edit:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.action-button.delete{border-color:#ff6b6b66;color:#ff6b6b}.action-button.delete:hover{background:#ff6b6b14}.preview-blocks{flex:1;display:flex;flex-direction:column;gap:1.5rem}.preview-block{background:var(--bg-primary)}.preview-waveform{border-style:dashed}.placeholder-waveform{position:relative;height:96px;border-radius:6px;background:repeating-linear-gradient(90deg,rgba(23,162,184,.15),rgba(23,162,184,.15) 3px,transparent 3px,transparent 6px);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:1px}.publish-action{margin-top:auto;padding-top:1.5rem;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:.75rem}.publish-button{background:linear-gradient(135deg,#ff6b6b,#ff8787);color:#fff;border:none;padding:1rem 2rem;border-radius:4px;font-weight:600;font-size:1.05rem;cursor:pointer;box-shadow:0 6px 18px #ff6b6b40;transition:transform .2s ease,box-shadow .2s ease}.publish-button:hover{transform:translateY(-2px);box-shadow:0 8px 22px #ff6b6b4d}.warning-text{font-size:.9rem;color:#c0392b}.empty-state{border:1px dashed var(--border-color);border-radius:10px;padding:2rem;text-align:center;color:var(--text-secondary)}.gallery-container{min-height:100vh;padding-top:0;background:var(--bg-primary)}.gallery-header{text-align:center;margin-top:50px;padding:calc(.4rem + 80px) 0 1rem;border-bottom:1px solid var(--border-color);margin-bottom:3rem;background:linear-gradient(135deg,#4a5568,#2d3748);min-height:clamp(260px,25vh,360px);display:flex;align-items:flex-start;justify-content:center;position:relative}.gallery-header:after{content:"";position:absolute;inset:0;background:linear-gradient(#ffffffa6,#ffffffd1);z-index:0}.gallery-header .container{padding-top:.75rem;position:relative;z-index:1}.gallery-grid-wrapper{padding:2rem 0 5rem}.gallery-grid{position:relative;width:100%}.gallery-item{position:absolute;overflow:hidden;border-radius:8px;cursor:pointer;background:var(--bg-secondary);transition:transform .3s ease,box-shadow .3s ease;width:calc(33.333% - 1rem)}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gallery-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #28a74533}.gallery-item:hover img{transform:scale(1.05)}.gallery-item-overlay{position:absolute;inset:0;background:#28a745e6;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.gallery-item:hover .gallery-item-overlay{opacity:1}.gallery-item-icon{font-size:3rem;color:#fff}.lightbox{position:fixed;inset:0;background:#000000f2;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.lightbox.active{opacity:1;visibility:visible}.lightbox-content{max-width:90vw;max-height:90vh;position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem}.lightbox-content img{max-width:100%;max-height:85vh;object-fit:contain;border-radius:4px;box-shadow:0 20px 60px #00000080}.lightbox-close,.lightbox-prev,.lightbox-next{position:fixed;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:2rem;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10000}.lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover{background:#fff3;transform:scale(1.1)}.lightbox-close{top:2rem;right:2rem;font-size:2.5rem;line-height:1}.lightbox-prev{left:2rem;top:50%;transform:translateY(-50%)}.lightbox-prev:hover{transform:translateY(-50%) scale(1.1)}.lightbox-next{right:2rem;top:50%;transform:translateY(-50%)}.lightbox-next:hover{transform:translateY(-50%) scale(1.1)}.lightbox-counter{color:#fff;font-size:1.1rem;padding:.5rem 1rem;background:#00000080;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:3rem 0 2rem;margin-top:5rem}.footer-content{text-align:center}.footer-content h3{color:var(--accent-green);margin-bottom:1rem}.contact-info{color:var(--text-secondary);margin-bottom:2rem}.contact-info a{color:var(--accent-cyan);text-decoration:none;transition:color .3s ease}.contact-info a:hover{color:var(--accent-green)}.footer-bottom{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:.9rem}.loading{display:inline-block;width:20px;height:20px;border:3px solid var(--border-color);border-top-color:var(--accent-green);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.nav-links{gap:1rem;font-size:.9rem}.hero-content{padding:1.5rem;margin:0 .5rem;transform:translateY(25vh)}.hero h1{font-size:clamp(2rem,8vw,3rem)}.section{padding:3rem 0}.info-grid,.tech-grid{grid-template-columns:1fr}.metadata-table{font-size:.85rem}.gallery-item{width:calc(50% - .5rem)}.lightbox-close{top:1rem;right:1rem;width:40px;height:40px;font-size:2rem}.lightbox-prev,.lightbox-next{width:40px;height:40px;font-size:1.5rem}.lightbox-prev{left:1rem}.lightbox-next{right:1rem}}@media (max-width: 480px){.hamburger{display:flex}.nav-links{position:fixed;top:60px;left:0;right:0;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;padding:1rem 0;gap:0;box-shadow:0 4px 12px #0000001a;border-bottom:1px solid var(--border-color);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease}.nav-links.active{transform:translateY(0);opacity:1;visibility:visible}.nav-links li{width:100%;text-align:center}.nav-links a{display:block;padding:1rem 2rem;border-bottom:1px solid var(--border-color)}.nav-links a:after{display:none}.hero-content{padding:1rem;margin:0 .25rem;border-radius:12px;transform:translateY(30vh)}.hero h1{font-size:clamp(1.5rem,8vw,2rem)}.hero .subtitle{font-size:clamp(.8rem,3.5vw,1rem)}.block-header{flex-direction:column;align-items:flex-start;gap:.5rem}.block-info{align-items:flex-start}.sound-title{font-size:1.2rem}.gallery-item{width:100%}.lightbox-close,.lightbox-prev,.lightbox-next{width:35px;height:35px}.lightbox-counter{font-size:.9rem;padding:.4rem .8rem}}