*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:Pretendard Variable;src:url(/PretendardVariable.woff2) format("woff2-variations");font-weight:100 900;font-display:swap}:root{font-family:Pretendard Variable,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif;line-height:1.5;font-weight:400;--color-bg-primary: #000000;--color-bg-secondary: #0a0a0a;--color-bg-elevated: #151515;--color-silver-bright: #e8e8e8;--color-silver-medium: #b8b8b8;--color-silver-dark: #888888;--color-chrome: #c0c0c0;--color-accent: #d4d4d4;--color-accent-hover: #ffffff;--color-text-primary: #ffffff;--color-text-secondary: #b8b8b8;--color-text-muted: #666666;--color-border: #333333;--color-border-light: #444444;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:var(--color-bg-primary);color:var(--color-text-primary)}.footer{position:fixed;bottom:0;left:0;right:0;height:60px;padding:0 20px;background:linear-gradient(180deg,#0000,#000000e6);display:flex;justify-content:space-between;align-items:center;opacity:.8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.footer.detail-view{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;opacity:.5}.footer-text{font-weight:500;opacity:0;animation:fadeInUp .8s ease-out .8s forwards;transition:color .3s ease;color:#fff}.footer.detail-view .footer-text{color:#000}@media (max-width: 768px){.footer{padding:0 20px}.footer-text{font-size:18px}}.header{position:fixed;top:0;left:0;right:0;z-index:10000000;height:60px;padding:0 20px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.header.detail-view{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.header.scrolled{background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.header.detail-view.scrolled{background:#f2efeaf2}.logo{font-size:1em;font-weight:700;opacity:0;animation:fadeInUp .8s ease-out forwards;transition:color .3s ease;color:#fff}.header.detail-view .logo{color:#000}.nav{display:flex;gap:30px}.nav-item{font-size:1em;font-weight:700;cursor:pointer;transition:all .3s ease;position:relative;opacity:0;animation:fadeInUp .8s ease-out forwards;color:#fff}.header.detail-view .nav-item{color:#000}.nav-item:nth-child(1){animation-delay:.1s}.nav-item:nth-child(2){animation-delay:.2s}.nav-item:nth-child(3){animation-delay:.3s}.nav-item:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:#fff;transition:width .3s ease}.header.detail-view .nav-item:after{background:#000}.nav-item:hover:after{width:100%}.nav-item:hover{transform:translateY(-2px);text-shadow:0 0 20px rgba(255,255,255,.5)}.header.detail-view .nav-item:hover{text-shadow:0 0 20px rgba(0,0,0,.2)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.header{padding:0 20px}.logo{font-size:18px}.nav{gap:15px}.nav-item{font-size:16px}}.mush-slide{width:100%;max-width:1200px;margin:auto;display:flex;justify-content:center;align-items:center;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat}.mush-slide-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;opacity:0;transition:opacity .3s ease}.mush-slide:hover .mush-slide-overlay{opacity:1}.mush-slide-name{z-index:1;color:#fff;font-size:2px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.8);transition:all .3s;-webkit-user-select:none;user-select:none}.mush-slide:hover .mush-slide-name{font-size:1em}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.new-vertical-slider-container{position:relative;width:100%;height:100vh;overflow:hidden;background:#0a0a0a;transition:opacity .3s ease}.new-vertical-slider-container.detail-open{opacity:0;pointer-events:none}.swiper-mode{position:relative}.swiper-vertical-carousel{width:100%;height:100vh}.swiper-vertical-carousel .swiper-wrapper{transition-timing-function:cubic-bezier(.4,0,.2,1)}.swiper-vertical-carousel .swiper-slide{width:100%;height:auto;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s ease}.swiper-vertical-carousel .swiper-slide:hover{transform:scale(1.02)}.swiper-mode .mush-slide{width:100%;background-size:cover;background-position:center}@media (prefers-reduced-motion: reduce){.swiper-vertical-carousel .swiper-wrapper{transition:none}}.detail-page{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:1000;overflow-y:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.detail-close{position:fixed;top:100px;left:80px;background:#ffffff0d;color:#ffffffe6;width:48px;height:48px;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.2);border-radius:50%;z-index:1001;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.detail-close:before{content:"←";font-size:24px}.detail-close:hover{background:#ffffff26;border-color:#fff6;transform:translate(-4px)}.detail-container{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;box-sizing:border-box}.detail-content-wrapper{width:100%;max-width:1600px;padding:40px 80px 60px;display:flex;flex-direction:column}.detail-header{width:100%;display:flex;justify-content:space-between;align-items:baseline;padding-bottom:16px;margin-bottom:0}.detail-header-item{display:flex;flex-direction:column;gap:8px}.detail-name-primary{color:#fff;font-size:40px;font-weight:500;letter-spacing:-.5px}.detail-sequence-id{color:#fffc;font-size:14px;font-weight:400;letter-spacing:2px}.detail-components-horizontal{width:100%;display:flex;gap:40px;padding:12px 0 24px;border-bottom:1px solid rgba(255,255,255,.1)}.detail-components-horizontal .detail-component-item{display:flex;gap:12px;align-items:center}.detail-components-horizontal .detail-label{color:#fff9;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:1.2px}.detail-components-horizontal .detail-value{color:#fffffff2;font-size:15px;font-weight:400;line-height:1.6}.detail-three-column{width:100%;flex:1;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:40px}.detail-left-column{display:flex;flex-direction:column;justify-content:center;gap:24px;height:100%}.detail-herb-slider{position:relative;width:100%}.detail-small-image{width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.detail-small-image img{width:100%;height:100%;object-fit:contain;filter:invert(1);opacity:.9}.detail-herb-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:all .3s ease;z-index:10}.detail-herb-nav:hover{background:#fff3}.detail-herb-prev{left:-15px}.detail-herb-next{right:-15px}.detail-herb-names{width:100%;text-align:center}.detail-herb-korean{color:#fffffff2;font-size:16px;font-weight:500;margin-bottom:4px}.detail-herb-scientific{color:#fff9;font-size:13px;font-style:italic}.detail-herb-indicator{text-align:center;color:#ffffff80;font-size:12px;margin-top:8px}.detail-description-left{width:100%}.detail-description-item p{color:#fffc;font-size:14px;font-weight:400;line-height:1.9;margin-bottom:14px;letter-spacing:.3px}.detail-description-item p:last-child{margin-bottom:0}.detail-center-column{display:flex;align-items:center;justify-content:center;height:100%}.detail-main-image{width:100%;max-width:600px;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.detail-main-image img{width:100%;height:100%;object-fit:contain}.detail-right-column{display:flex;flex-direction:column;justify-content:center;gap:24px;height:100%}.detail-closeup-image{width:100%;aspect-ratio:4/3;border:1px solid rgba(255,255,255,.2);overflow:hidden;display:flex;align-items:center;justify-content:center}.detail-closeup-image img{width:300%;height:300%;object-fit:contain}.detail-closeup-text{color:#fffc;font-size:14px;font-weight:400;line-height:1.9;letter-spacing:.3px}@media (max-width: 1200px){.detail-content-wrapper{padding:60px 40px}.detail-three-column{gap:30px}}@media (max-width: 768px){.detail-close{top:20px;left:20px;transform:none;width:40px;height:40px}.detail-close:before{font-size:20px}.detail-close:hover{transform:translate(-4px)}.detail-content-wrapper{padding:60px 20px;gap:20px}.detail-header{padding-bottom:16px}.detail-name-primary{font-size:24px}.detail-components-horizontal{flex-wrap:wrap;gap:16px}.detail-components-horizontal .detail-component-item{flex:1 1 calc(50% - 8px)}.detail-three-column{grid-template-columns:1fr;gap:30px}.detail-main-image{max-width:100%}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.modal-content{text-align:center;border-radius:0;box-shadow:0 10px 40px #0000004d;background-color:#0009;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#eeeeeefc;padding:30px 50px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999}.modal-content.notification{animation:fadeInOut 3s ease-in-out}.modal-content.warning{animation:fadeIn .3s ease-out}.modal-content .icon{font-size:48px;margin-bottom:20px}.modal-content.notification .icon{font-size:40px;margin-bottom:10px}.modal-content .title{margin:0 0 10px;font-size:24px;font-weight:700}.modal-content.notification .title{font-size:20px;margin-bottom:5px}.modal-content .subtitle{margin:0 0 20px;font-size:16px}.modal-content.notification .subtitle{opacity:.8;margin-bottom:0}.modal-content .countdown{font-size:64px;font-weight:700;color:#ff6b6b;margin:20px 0}.modal-content .info{margin:0;font-size:14px}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.main-content{width:100%;min-height:100vh;padding:4rem 2rem;display:flex;align-items:center;justify-content:center}.gallery-container{width:100%;max-width:1400px;margin:0 auto}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:3rem;padding:2rem 0;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.gallery-item{position:relative;aspect-ratio:1 / 1;background:var(--color-bg-primary);border:2px solid var(--color-border-light);cursor:pointer;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;justify-content:space-between;background-size:contain;background-position:center;background-repeat:no-repeat;animation:slideInTile .4s cubic-bezier(.4,0,.2,1) backwards}@keyframes slideInTile{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.gallery-item:nth-child(1){animation-delay:.05s}.gallery-item:nth-child(2){animation-delay:.1s}.gallery-item:nth-child(3){animation-delay:.15s}.gallery-item:nth-child(4){animation-delay:.2s}.gallery-item:nth-child(5){animation-delay:.25s}.gallery-item:nth-child(6){animation-delay:.3s}.gallery-item:nth-child(7){animation-delay:.35s}.gallery-item:nth-child(8){animation-delay:.4s}.gallery-item:nth-child(9){animation-delay:.45s}.gallery-item:nth-child(10){animation-delay:.5s}.gallery-item:hover{border-color:var(--color-silver-medium);box-shadow:0 0 30px #ffffff1a}.specimen-info{position:relative;z-index:2;padding:1.5rem;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.7) 50%,transparent 100%);display:flex;flex-direction:column;gap:.5rem;margin-top:auto}.specimen-label{font-size:.75rem;font-weight:300;letter-spacing:.15em;text-transform:uppercase;color:var(--color-silver-bright);margin-bottom:.25rem}.specimen-type{font-size:.65rem;font-weight:300;letter-spacing:.1em;color:var(--color-text-secondary)}.specimen-day-code{font-size:.7rem;font-weight:300;letter-spacing:.15em;color:var(--color-text-muted);font-family:Courier New,monospace}.specimen-korean-name{font-size:1rem;font-weight:400;color:var(--color-silver-bright);margin-bottom:.5rem;letter-spacing:.05em}.view-toggle-button{position:fixed;top:2rem;right:2rem;z-index:1000;padding:.75rem 1.5rem;background:var(--color-bg-elevated);border:1px solid var(--color-border-light);color:var(--color-silver-bright);font-size:.75rem;font-weight:300;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .3s ease}.view-toggle-button:hover{border-color:var(--color-silver-medium);box-shadow:0 0 20px #ffffff1a}@media (max-width: 1200px){.gallery{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}}@media (max-width: 768px){.gallery{grid-template-columns:1fr;gap:1.5rem}.main-content{padding:2rem 1rem}.view-toggle-button{top:1rem;right:1rem;padding:.6rem 1.2rem;font-size:.65rem}}.connection-status{position:fixed;bottom:20px;right:20px;display:flex;align-items:center;gap:8px;padding:4px 16px;border-radius:20px;font-size:14px;font-weight:700;letter-spacing:1px;z-index:9999;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.status-indicator{width:10px;height:10px;border-radius:50%;transition:all .3s ease}.connection-status.connected .status-indicator{background:#0f0;box-shadow:0 0 10px #0f0,0 0 20px #00ff0080;animation:pulse-green 2s infinite}.connection-status.connected .status-text{color:#0f0}.connection-status.disconnected .status-indicator{background:red;box-shadow:0 0 10px red,0 0 20px #ff000080;animation:pulse-red 2s infinite}.connection-status.disconnected .status-text{color:red}@keyframes pulse-green{0%,to{box-shadow:0 0 10px #0f0,0 0 20px #00ff0080;opacity:1}50%{box-shadow:0 0 15px #0f0,0 0 30px #0f0c;opacity:.8}}@keyframes pulse-red{0%,to{box-shadow:0 0 10px red,0 0 20px #ff000080;opacity:1}50%{box-shadow:0 0 15px red,0 0 30px #f00c;opacity:.8}}@media (max-width: 768px){.connection-status{bottom:15px;right:15px;padding:8px 12px;font-size:12px}.status-indicator{width:8px;height:8px}}.about-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000001a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .3s ease;padding:30px;color:#eeeefc}.about-modal-content{background:#000c;border:#000000 1px solid;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:700px;width:100%;max-height:85vh;overflow-y:auto;position:relative;animation:slideUp .4s ease}.about-modal-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border:none;background:transparent;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:#eeeefc;z-index:1}.about-modal-close:hover{background:#0003;transform:rotate(90deg)}.about-modal-body{padding:50px 40px}.about-modal-title{font-size:32px;font-weight:700;margin-bottom:30px;letter-spacing:-.5px}.about-modal-text{font-size:16px;line-height:1.8;margin-bottom:40px}.about-modal-text p{margin-bottom:20px}.about-modal-text p:last-child{margin-bottom:0}.about-modal-text strong{font-weight:700}.about-modal-contact{padding-top:30px;border-top:2px solid #e0e0e0;text-align:right}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.about-modal-content{max-width:95%;border-radius:15px}.about-modal-body{padding:40px 25px}.about-modal-title{font-size:26px}.about-modal-text{font-size:15px;line-height:1.7}.about-modal-close{top:15px;right:15px;width:35px;height:35px;font-size:20px}.about-modal-email{font-size:16px}}