:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}: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}:is(.swiper:not(.swiper-watch-progress),.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)}}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) svg{width:100%;height:100%;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}.swiper-button-lock{display:none}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);margin-left:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto;transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto;transform:rotate(90deg)}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}#root{max-width:500px;width:100%;margin:0 auto;padding:0;text-align:left;overflow-x:hidden;box-sizing:border-box}body{background:linear-gradient(135deg,#f8f6f0,#ede5d6,#e0d2b8,#d4c5a0,#c8b89a);background-attachment:fixed;color:#2d2419;margin:0;font-family:"Noto Serif KR",Georgia,serif;line-height:1.7;min-height:100vh;position:relative;font-weight:400}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 80%,rgba(139,115,85,.05) 0%,transparent 60%),radial-gradient(circle at 80% 20%,rgba(160,136,108,.03) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,96,72,.02) 0%,transparent 70%);pointer-events:none;z-index:-1}.app{min-height:100vh;background:transparent}.app-bar{background:linear-gradient(135deg,#6b5539,#8b7355 30%,#9d8060 70%,#8b7355);color:#fff;padding:1.5rem 1rem;text-align:center;position:static;width:100%;max-width:500px;margin:0 auto;box-shadow:0 8px 32px #6b553966,inset 0 1px #ffffff26,0 2px 8px #0000001a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:3px solid rgba(61,50,40,.3);box-sizing:border-box;transition:transform .3s ease}.app-bar.hidden{transform:translateY(-100%)}.app-bar.single-line{padding:1rem}.app-bar.single-line .header-content{display:flex;justify-content:space-between;align-items:center;gap:1rem}.app-bar.single-line h1{margin:0;font-size:1.4rem;flex-shrink:0}.nav-menu-inline{display:flex;gap:1.5rem;margin:0;font-size:.9rem;font-weight:400;font-family:Crimson Text,"Noto Serif KR",serif;letter-spacing:.3px}.nav-menu-inline .nav-item{padding:.5rem 0;cursor:pointer;color:#fff;text-decoration:none;border-bottom:2px solid transparent;transition:all .3s ease;white-space:nowrap}.nav-menu-inline .nav-item:hover{border-bottom:2px solid rgba(255,255,255,.8);text-shadow:1px 1px 3px rgba(0,0,0,.7)}@media (max-width: 480px){.app-bar.single-line .header-content{flex-direction:column;gap:.5rem}.app-bar.single-line h1{font-size:1.2rem}.nav-menu-inline{gap:1rem;font-size:.8rem}}.app-bar h1{margin:0 0 1rem;font-size:1.8rem;font-weight:400;font-family:Cormorant Garamond,Playfair Display,serif;letter-spacing:1px;text-shadow:2px 2px 6px rgba(0,0,0,.5);color:#fff}.nav-menu{display:flex;justify-content:space-around;margin:.8rem 0 0;font-size:.95rem;font-weight:400;font-family:Crimson Text,"Noto Serif KR",serif;text-transform:none;letter-spacing:.3px;flex-wrap:wrap;gap:.5rem;width:100%;box-sizing:border-box}@media (max-width: 480px){.nav-menu{font-size:.8rem;letter-spacing:.2px;gap:.2rem}.nav-item{padding:.3rem .4rem;font-size:.75rem}.app-bar{padding:1rem .5rem;width:100%;max-width:100vw}.app-bar h1{font-size:1.3rem;margin:0 0 .6rem}}.nav-item{cursor:pointer;padding:.6rem 1rem;border-radius:8px;transition:all .3s ease;position:relative}.nav-item:hover{background-color:#2d241933;transform:translateY(-2px);box-shadow:0 4px 12px #2d24194d}.social-menu{display:flex;justify-content:space-around;margin:1rem 0 .5rem;gap:.8rem;flex-wrap:wrap}.social-item{font-size:.8rem!important;padding:.4rem .6rem!important;background:#2d2419cc;border:1px solid rgba(45,36,25,.3);border-radius:6px;transition:all .3s ease;display:flex;align-items:center;gap:.3rem}.social-icon{font-size:.9rem;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.3));font-weight:700;width:18px;height:18px;border-radius:3px;display:flex;align-items:center;justify-content:center}.naver-icon{background:#03c75a;color:#fff;font-family:Arial,sans-serif}.instagram-icon{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff;font-size:.8rem}.youtube-icon{background:red;color:#fff;font-size:.7rem}.social-item:hover{background:#1a1613e6;transform:translateY(-1px);box-shadow:0 2px 8px #1a161366}@media (max-width: 480px){.social-menu{gap:.2rem;margin:.8rem 0 .4rem}.social-item{font-size:.7rem!important;padding:.3rem .4rem!important;gap:.2rem}.social-icon{font-size:.8rem;width:16px;height:16px}}.login-section{margin-top:.5rem;font-size:.8rem;display:flex;justify-content:center;gap:1rem}.main-content{padding:1.5rem;margin-top:0;color:#1a1613;width:100%;box-sizing:border-box;overflow-x:hidden}.floating-header{position:fixed;top:0;left:0;right:0;z-index:2000;background:linear-gradient(135deg,#6b5539f2,#8b7355f2 30%,#9d8060f2 70%,#8b7355f2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:3px solid rgba(61,50,40,.3);box-shadow:0 8px 32px #6b553966,inset 0 1px #ffffff26,0 2px 8px #0000001a;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.floating-container{text-align:center;padding:.8rem 1.5rem;max-width:500px;margin:0 auto}.floating-title{color:#fff;font-family:Cormorant Garamond,Playfair Display,serif;font-size:1rem;font-weight:400;cursor:pointer;transition:color .3s ease;margin:0 0 .5rem;text-shadow:2px 2px 6px rgba(0,0,0,.5);letter-spacing:1px}.floating-title:hover{color:#f4f1eb}.floating-menu{display:flex;justify-content:space-around;margin:.8rem 0 0;font-size:.95rem;font-weight:400;font-family:Crimson Text,"Noto Serif KR",serif;text-transform:none;letter-spacing:.3px;flex-wrap:wrap;gap:.5rem}.floating-menu span{color:#fff;font-family:Crimson Text,"Noto Serif KR",serif;font-size:.95rem;cursor:pointer;padding:.6rem 1rem;border-radius:8px;transition:all .3s ease;position:relative}.floating-menu span:hover{background-color:#2d241933;transform:translateY(-2px);box-shadow:0 4px 12px #2d24194d}.floating-social-menu{display:flex;justify-content:space-around;margin:1rem 0 .5rem;gap:.8rem;flex-wrap:wrap}.floating-social-item{font-size:.8rem!important;padding:.4rem .6rem!important;background:#2d2419cc;border:1px solid rgba(45,36,25,.3);border-radius:6px;transition:all .3s ease;display:flex;align-items:center;gap:.3rem;color:#fff;font-family:"Noto Serif KR",Georgia,serif;cursor:pointer}.floating-social-icon{font-size:.8rem;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.4));font-weight:700;width:16px;height:16px;border-radius:3px;display:flex;align-items:center;justify-content:center}.floating-social-item:hover{background:#1a1613e6;transform:translateY(-1px);box-shadow:0 2px 8px #1a161366}.floating-login-section{margin-top:.5rem;font-size:.8rem;display:flex;justify-content:center;gap:1rem}.floating-nav-item{cursor:pointer;padding:.6rem 1rem;border-radius:8px;transition:all .3s ease;position:relative;color:#fff}.floating-nav-item:hover{background-color:#2d241933;transform:translateY(-2px);box-shadow:0 4px 12px #2d24194d}@media (max-width: 768px){.floating-container{padding:.6rem 1rem}.floating-title{font-size:.9rem;margin:0 0 .4rem}.floating-menu{font-size:.8rem;letter-spacing:.2px;gap:.2rem}.floating-menu span{padding:.3rem .4rem;font-size:.75rem}.floating-social-menu{gap:.2rem;margin:.8rem 0 .4rem}.floating-social-item{font-size:.7rem!important;padding:.3rem .4rem!important;gap:.2rem}.floating-login-section{margin-top:.5rem;font-size:.8rem}.floating-nav-item{padding:.3rem .4rem;font-size:.75rem}.floating-social-icon{font-size:.7rem;width:14px;height:14px}}.scroll-buttons{position:fixed;bottom:50%;right:1rem;transform:translateY(50%);z-index:1000;display:flex;flex-direction:column;gap:.5rem}.scroll-btn{width:45px;height:45px;border:none;border-radius:50%;background:#8b7355e6;color:#f4f1eb;font-size:1.2rem;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #8b73554d;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(244,241,235,.2);display:flex;align-items:center;justify-content:center}.scroll-btn:hover{background:#8b7355;transform:translateY(-2px);box-shadow:0 6px 16px #8b735566}.scroll-btn:active{transform:translateY(0)}@media (max-width: 768px){.scroll-buttons{bottom:50%;right:.8rem;transform:translateY(50%)}.scroll-btn{width:40px;height:40px;font-size:1rem}}.home-section{margin-bottom:4rem;padding:2rem 0;border-bottom:1px solid rgba(139,115,85,.1)}.home-section:last-child{border-bottom:none}.home-section h2{text-align:center;margin-bottom:2rem;padding-bottom:1rem;position:relative}.home-section h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:2px;background:linear-gradient(90deg,transparent,#8b7355,transparent)}.education-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:2rem}.education-card{background:linear-gradient(135deg,#f4f1ebf2,#e8dcc7e6);border:1px solid rgba(139,115,85,.2);border-radius:16px;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden}.education-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8b7355,#a0886c,#8b7355)}.education-card.featured{border:2px solid rgba(139,115,85,.4);transform:scale(1.02);box-shadow:0 8px 32px #8b735533}.education-card.featured:before{height:6px;background:linear-gradient(90deg,#8b7355,#d4c5a0,#8b7355)}.card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;position:relative}.card-icon{font-size:2rem;background:#8b73551a;padding:.8rem;border-radius:12px;display:flex;align-items:center;justify-content:center}.card-header h3{color:#8b7355;font-family:Cormorant Garamond,serif;font-size:1.4rem;font-weight:500;margin:0;flex:1}.course-level{background:#8b7355cc;color:#f4f1eb;padding:.3rem .8rem;border-radius:12px;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.course-level.advanced{background:linear-gradient(135deg,#8b7355,#a0886c)}.course-description{color:#5d4e42;line-height:1.6;margin-bottom:1.5rem;font-style:italic}.course-details{display:flex;flex-direction:column;gap:.8rem}.detail-item{display:flex;justify-content:space-between;padding:.6rem 0;border-bottom:1px solid rgba(139,115,85,.1)}.detail-item:last-child{border-bottom:none}.detail-label{color:#8b7355;font-weight:500;font-size:.9rem}.detail-value{color:#3d3228;font-weight:400;text-align:right}.events-timeline{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.event-card{display:grid;grid-template-columns:120px 1fr auto;gap:2rem;background:linear-gradient(135deg,#f4f1ebf2,#e8dcc7e6);border:1px solid rgba(139,115,85,.2);border-radius:16px;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden}.event-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8b7355,#a0886c,#8b7355)}.event-card.featured{border:2px solid rgba(139,115,85,.4);box-shadow:0 8px 32px #8b735533}.event-card.featured:before{height:6px;background:linear-gradient(90deg,#8b7355,#d4c5a0,#8b7355)}.event-date{display:flex;flex-direction:column;align-items:center;text-align:center;background:#8b73551a;border-radius:12px;padding:1rem;min-height:100px;justify-content:center}.event-date .month{color:#8b7355;font-size:1rem;font-weight:600;margin-bottom:.2rem}.event-date .day{color:#3d3228;font-size:1.5rem;font-weight:700;margin-bottom:.2rem}.event-date .year{color:#8b7355;font-size:.9rem;font-weight:400}.event-content{flex:1}.event-badge{display:inline-block;background:#8b7355cc;color:#f4f1eb;padding:.3rem .8rem;border-radius:12px;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.8rem}.event-content h3{color:#8b7355;font-family:Cormorant Garamond,serif;font-size:1.3rem;font-weight:500;margin:0 0 .8rem}.event-venue{color:#8b7355;font-size:.9rem;font-weight:500;margin:0 0 1rem}.event-description{color:#5d4e42;line-height:1.6;margin:0}.event-status{display:flex;align-items:center;background:#8b73551a;color:#8b7355;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;height:fit-content}.event-status.recurring{background:#a0886c33;color:#a0886c}@media (max-width: 768px){.education-grid{grid-template-columns:1fr;gap:1.5rem}.education-card{padding:1.5rem}.card-header{flex-direction:column;text-align:center;gap:.8rem}.card-header h3{font-size:1.2rem}.event-card{grid-template-columns:1fr;gap:1.5rem;text-align:center}.event-date{flex-direction:row;justify-content:space-around;min-height:auto;padding:.8rem}.event-date .day{font-size:1.2rem}.detail-item{flex-direction:column;text-align:center;gap:.3rem}.detail-value{text-align:center}}.home-footer{background:linear-gradient(135deg,#6b5539,#8b7355 30%,#9d8060 70%,#8b7355);color:#fff;margin:0;padding:3rem 0 1rem;border-top:3px solid rgba(61,50,40,.3);box-shadow:0 -8px 32px #6b553966,inset 0 1px #ffffff1a;position:relative;overflow:hidden;width:100%;box-sizing:border-box}.footer-wave{position:absolute;top:0;left:0;width:100%;overflow:hidden;line-height:0;transform:rotate(180deg)}.footer-wave svg{position:relative;display:block;width:calc(100% + 1.3px);height:40px;fill:#f4f1eb1a}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem;max-width:1000px;margin-left:auto;margin-right:auto;width:100%;box-sizing:border-box;padding:0 2rem}.footer-section{width:100%;box-sizing:border-box}.company-section .company-header h3{color:#fff;font-family:Cormorant Garamond,serif;font-size:1.5rem;margin-bottom:.5rem;font-weight:500;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.company-tagline{color:#ffffffe6;font-style:italic;font-size:.9rem;margin-bottom:1rem;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.company-description{color:#fffc;font-size:.85rem;line-height:1.6;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.footer-section h4{color:#fff;font-family:"Noto Serif KR",serif;font-size:1.1rem;margin-bottom:1rem;font-weight:500;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.contact-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.8rem;color:#fff;font-size:.9rem;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.contact-icon{font-size:1rem;width:20px;flex-shrink:0}.location-marker{display:flex;align-items:center;justify-content:center}.location-marker svg{width:18px;height:18px}.hours-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;color:#fff;font-size:.9rem;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.social-links{display:flex;flex-direction:column;gap:.8rem}.social-link{display:flex;align-items:center;gap:.8rem;cursor:pointer;transition:all .3s ease;padding:.5rem;border-radius:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.social-link:hover{background:#fff3;transform:translateY(-2px)}.social-icon-wrapper{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;flex-shrink:0}.social-link.naver .social-icon-wrapper{background:#03c75a}.social-link.instagram .social-icon-wrapper{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.social-link.youtube .social-icon-wrapper{background:red}.social-icon{color:#fff;font-size:.9rem;font-weight:700}.social-text{color:#fff;font-size:.9rem;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.footer-map-image{width:100%;max-width:100%;height:auto;border-radius:8px;margin-top:1rem;cursor:pointer;transition:transform .3s ease;box-shadow:0 4px 12px #0003}.footer-map-image:hover{transform:scale(1.02)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.2);color:#fff;width:100%;box-sizing:border-box}.footer-bottom-content{display:flex;justify-content:center;align-items:center;max-width:1000px;margin:0 auto;flex-wrap:wrap;gap:1rem;flex-direction:column}.footer-bottom p{margin:.3rem 0;font-size:.8rem;opacity:.9;text-shadow:1px 1px 2px rgba(0,0,0,.3);text-align:center}.copyright,.business-info{text-align:center;width:100%}@media (max-width: 768px){.home-footer{padding:2rem 0 1rem}.footer-content{grid-template-columns:1fr;gap:2rem;text-align:center;max-width:100%;margin:0;padding:0 1rem}.social-section{text-align:center}.social-section .social-links{align-items:flex-start;text-align:left}.contact-section{text-align:center}.contact-section .contact-item{justify-content:flex-start;text-align:left}.footer-section{max-width:100%;overflow:hidden}.company-section .company-header h3{font-size:1.3rem}.footer-section h4{font-size:1rem}.contact-item{justify-content:flex-start;flex-wrap:wrap;text-align:left;font-size:.85rem}.contact-item span:last-child{word-break:break-all;max-width:100%}.hours-item{justify-content:center;gap:1rem;flex-wrap:wrap}.social-links{align-items:flex-start;max-width:100%}.social-link{max-width:280px;width:100%;justify-content:flex-start}.footer-map-image{max-width:100%;height:auto}.footer-bottom-content{flex-direction:column;text-align:center;gap:.5rem;align-items:center;justify-content:center}.footer-bottom p{font-size:.75rem;word-break:break-word}}@media (max-width: 480px){.home-footer{padding:1.5rem 0 1rem;margin-top:0}.footer-content{gap:1.5rem;padding:0 .5rem}.footer-section{padding:0 .5rem}.company-section .company-header h3{font-size:1.2rem}.company-description{font-size:.8rem}.footer-section h4{font-size:.95rem}.contact-item{font-size:.8rem;padding:.2rem;justify-content:flex-start;text-align:left}.contact-icon{width:18px;font-size:.9rem}.hours-item{font-size:.8rem}.social-link{padding:.4rem;font-size:.8rem;max-width:100%;justify-content:flex-start}.social-icon-wrapper{width:28px;height:28px}.social-icon,.social-text{font-size:.8rem}.footer-bottom{padding-top:1.5rem}.footer-bottom p{font-size:.7rem;margin:.2rem 0}.map-container{margin-top:.5rem;max-width:100%;overflow:hidden}.footer-map-image{max-width:100%;width:100%;height:auto;object-fit:contain}}.main-content h2{color:#6b5539;font-weight:500;font-family:Cormorant Garamond,serif;font-size:2.2rem;text-shadow:2px 2px 4px rgba(107,85,57,.3);letter-spacing:.8px;margin-bottom:1.5rem}.carousel-container{margin-bottom:3rem;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #8b73554d;border:2px solid rgba(244,241,235,.3)}.main-carousel{height:300px}.carousel-slide{position:relative;height:100%;cursor:pointer;transition:transform .3s ease}.carousel-slide:hover{transform:scale(1.02)}.carousel-image{position:relative;height:100%;overflow:hidden}.carousel-image img{width:100%;height:100%;object-fit:cover}.carousel-overlay{position:absolute;inset:0;background:linear-gradient(to top,#0009,#0000001a,#0000);display:flex;align-items:flex-end;justify-content:center;padding-bottom:2rem}.carousel-content{text-align:center;color:#fff;padding:1rem 2rem 0;max-width:600px;width:100%}.carousel-content h2{font-size:1.3rem;margin-bottom:.5rem;font-weight:400;font-family:Cormorant Garamond,serif;text-shadow:2px 2px 6px rgba(0,0,0,.7);color:#fff;background:#3d322866;padding:.8rem 1.5rem;border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.8px;border:1px solid rgba(244,241,235,.3)}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes clay-texture{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.carousel-content h3{font-size:1.2rem;margin-bottom:1rem;color:#f0f0f0;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.carousel-content p{font-size:1rem;margin-bottom:1.5rem;line-height:1.6;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.carousel-btn{background-color:#8b7355;color:#fff;border:none;padding:.8rem 2rem;border-radius:25px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0003}.carousel-btn:hover{background-color:#7a6449;transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.main-carousel .swiper-button-next,.main-carousel .swiper-button-prev{color:#f4f1eb;background:#3d322899;width:38px;height:38px;margin-top:-19px;border-radius:50%;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.main-carousel .swiper-button-next:after,.main-carousel .swiper-button-prev:after{font-size:14px}.main-carousel .swiper-button-next:hover,.main-carousel .swiper-button-prev:hover{background:#3d3228cc;transform:scale(1.1)}.hero-cards-container{margin-bottom:2rem}.hero-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.hero-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;cursor:pointer}.hero-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.card-image{width:100%;height:120px;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.hero-card:hover .card-image img{transform:scale(1.05)}.card-content{padding:1rem}.card-title{font-size:1rem;font-weight:700;color:#8b7355;margin:0 0 .5rem;line-height:1.2}.card-subtitle{font-size:.8rem;color:#666;margin:0 0 .5rem;font-weight:400}.card-description{font-size:.75rem;color:#888;line-height:1.4;margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-button{background-color:#2d2419;color:#fff;border:none;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .3s ease;width:100%;box-shadow:0 4px 12px #2d24194d}.card-button:hover{background-color:#1a1613;transform:translateY(-1px);box-shadow:0 6px 16px #1a161366}@media (max-width: 768px){.hero-cards{grid-template-columns:1fr;gap:1rem}.card-image{height:200px}.card-title{font-size:1.2rem}.card-subtitle{font-size:1rem}.card-description{font-size:.9rem;-webkit-line-clamp:3}.card-button{font-size:1rem;padding:.75rem 1.5rem}.event-image img{max-height:200px}}.main-carousel .swiper-pagination{position:absolute!important;bottom:10px!important;left:50%!important;transform:translate(-50%)!important;width:auto!important}.main-carousel .swiper-pagination-bullet{width:10px;height:10px;background:#f4f1eb99;opacity:1;margin:0 5px;transition:all .3s ease}.main-carousel .swiper-pagination-bullet-active{opacity:1;background:#f4f1eb;transform:scale(1.2)}.artwork-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.5rem;margin-top:1rem}.artwork-card{background:linear-gradient(135deg,#f4f1ebf2,#e8dcc7e6);border:1px solid rgba(139,115,85,.3);border-radius:12px;padding:1.5rem;text-align:center;box-shadow:0 4px 16px #8b735533;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.artwork-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 8px 24px #8b73554d;border-color:#8b735580}.artwork-card img{width:100%;height:140px;object-fit:cover;border-radius:8px;margin-bottom:1rem;transition:transform .3s ease;border:1px solid rgba(139,115,85,.2)}.artwork-card:hover img{transform:scale(1.03);border-color:#8b735566}.artwork-card h3{margin:.5rem 0;font-size:1.3rem;font-weight:400;font-family:"Noto Serif KR",serif;color:#8b7355;letter-spacing:.5px;text-shadow:1px 1px 2px rgba(139,115,85,.3)}.gallery-app-bar{background:linear-gradient(45deg,#ff6b6b,#ff8a80,#ff6ec7 30%,#ffeaa7,#fab1a0 70%,#fd79a8,#ff7675);background-size:400% 400%;animation:rainbow-flow 8s ease infinite;color:#fff;padding:1rem;position:fixed;top:0;left:0;right:0;margin:0 auto;width:100%;max-width:500px;z-index:1000}.gallery-header{display:flex;align-items:center;justify-content:space-between}.gallery-header h2{margin:0;flex:1;text-align:center;color:#fff}.gallery-header .back-btn{background:none;border:none;color:#fff;font-size:1rem;cursor:pointer;padding:.5rem}.gallery-header .back-btn:hover{background-color:#ffffff1a;border-radius:4px}.gallery-main-content{padding:1rem;margin-top:80px;color:#333}.floating-add-btn{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;min-width:60px;min-height:60px;background-color:#4caf50;color:#fff;border:none;border-radius:50%;font-size:2rem;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:all .3s ease;z-index:1000;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box}.floating-add-btn:hover{background-color:#45a049;transform:scale(1.1);box-shadow:0 6px 16px #0006}.floating-add-btn:active{transform:scale(.95)}.gallery-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.gallery-item{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;aspect-ratio:1;width:100%;cursor:pointer;transition:transform .2s}.image-container{position:relative;width:100%;height:100%;overflow:hidden}.image-skeleton{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#8b7355,#a68b5b,#c4a373,#a68b5b,#8b7355);background-size:300% 100%;animation:shimmer 2s infinite ease-in-out}@keyframes shimmer{0%{background-position:300% 0}to{background-position:-300% 0}}.gallery-item img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease-in-out}.gallery-item h3{position:absolute;bottom:0;left:0;right:0;margin:0;padding:1rem;background:linear-gradient(transparent,#000000b3);color:#fff;font-size:1.1rem;font-weight:700}.gallery-item p{display:none}.gallery-item:hover{transform:scale(1.02)}.card-actions{position:absolute;top:10px;right:10px;display:flex;gap:.5rem}.edit-btn,.delete-btn{padding:.3rem .6rem;border:none;border-radius:4px;font-size:.8rem;cursor:pointer;transition:background-color .2s}.edit-btn{background-color:#4caf50;color:#fff}.edit-btn:hover{background-color:#45a049}.delete-btn{background-color:#f44336;color:#fff}.delete-btn:hover{background-color:#da190b}.loading-container{display:flex;justify-content:center;padding:2rem}.loading-spinner{color:#8b7355;font-size:1.1rem;text-align:center}.end-message{text-align:center;padding:2rem;color:#666;font-style:italic}.error-message{text-align:center;padding:3rem 2rem;color:#d32f2f;font-size:1.1rem;background-color:#ffeaea;border:1px solid #ffcdd2;border-radius:8px;margin:2rem 0}.artist-profile{display:flex;flex-direction:column;gap:2rem}.artist-photo{width:100%;height:300px;border-radius:12px;object-fit:cover;margin:0 auto;box-shadow:0 4px 15px #2d241933}.artist-info{text-align:center}.artist-info h3{color:#8b7355;font-size:1.5rem;margin-bottom:.5rem}.artist-description{text-align:left;margin-top:1rem}.artist-description h4{color:#8b7355;margin:1rem 0 .5rem}.artist-description ul{padding-left:1.5rem}.artist-description li{margin-bottom:.5rem}.course-list{display:flex;flex-direction:column;gap:2rem}.course-item{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.course-item h3{color:#8b7355;margin-bottom:.5rem}.course-item p{color:#666;margin-bottom:1rem}.course-item ul{list-style:none;padding:0}.course-item li{padding:.3rem 0;border-bottom:1px solid #eee}.course-item li:last-child{border-bottom:none}.events-list{display:flex;flex-direction:column;gap:2rem}.event-item{background-color:#fff;border-left:4px solid #8B7355;padding:1.5rem;border-radius:0 8px 8px 0;box-shadow:0 2px 4px #0000001a}.event-item h3{color:#8b7355;margin-bottom:1rem}.event-item p{margin:.5rem 0;color:#666}.event-image{margin:1rem 0;text-align:center}.event-image img{max-width:100%;max-height:300px;width:auto;height:auto;border-radius:8px;box-shadow:0 4px 12px #8b735533;object-fit:contain}.login-form{max-width:300px;margin:2rem auto;background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#8b7355;font-weight:700}.form-group input,.form-group textarea{width:100%;padding:.8rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;box-sizing:border-box;font-family:inherit;resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#8b7355}.login-btn{width:100%;padding:1rem;background-color:#8b7355;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;margin-bottom:1rem}.login-btn:hover{background-color:#7a6449}.login-links{text-align:center;font-size:.9rem}.login-links a{color:#8b7355;text-decoration:none}.login-links a:hover{text-decoration:underline}.oauth-divider{text-align:center;margin:1.5rem 0;position:relative}.oauth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:#ddd;z-index:1}.oauth-divider span{background-color:#fff;padding:0 1rem;color:#666;font-size:.9rem;position:relative;z-index:2}.oauth-buttons{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.google-login-btn,.kakao-login-btn{width:100%;padding:1rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.google-login-btn{background-color:#fff;color:#333;border-color:#dadce0}.google-login-btn:hover{background-color:#f8f9fa;border-color:#dadce0;box-shadow:0 2px 4px #0000001a}.kakao-login-btn{background-color:#fee500;color:#3c1e1e;border-color:#fee500}.kakao-login-btn:hover{background-color:#fdd835;border-color:#fdd835;box-shadow:0 2px 4px #0000001a}.oauth-icon{font-size:1.2rem}.settings-form{max-width:400px;margin:2rem auto;background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.setting-item{margin-bottom:2rem}.setting-item h3{color:#8b7355;margin-bottom:1rem;font-size:1.2rem}.theme-selector{display:flex;flex-direction:column;gap:1rem}.theme-selector label{display:flex;align-items:center;gap:.5rem;padding:1rem;border:1px solid #ddd;border-radius:6px;cursor:pointer;transition:background-color .2s}.theme-selector label:hover{background-color:#f5f5f5}.theme-selector input[type=radio]{margin:0}.theme-selector label:has(input:checked){background-color:#8b7355;color:#fff;border-color:#8b7355}.app.dark{background-color:#1a1a1a;color:#e0e0e0}.app.dark .app-bar{background-color:#2d2d2d}.app.dark .nav-item:hover{background-color:#fff3}.app.dark .carousel{background-color:#2d2d2d;color:#e0e0e0}.app.dark .artwork-card,.app.dark .gallery-item,.app.dark .course-item,.app.dark .event-item,.app.dark .login-form,.app.dark .settings-form{background-color:#2d2d2d;border-color:#444;color:#e0e0e0}.app.dark .artwork-card h3,.app.dark .artist-info h3,.app.dark .artist-description h4,.app.dark .course-item h3,.app.dark .event-item h3,.app.dark .setting-item h3{color:#d4b896}.app.dark .gallery-item h3{color:#fff}.app.dark .gallery-item p,.app.dark .course-item p,.app.dark .event-item p,.app.dark .artist-description{color:#b0b0b0}.app.dark .form-group label{color:#d4b896}.app.dark .form-group input,.app.dark .form-group textarea{background-color:#1a1a1a;border-color:#444;color:#e0e0e0}.app.dark .form-group input:focus,.app.dark .form-group textarea:focus{border-color:#d4b896}.app.dark .login-btn{background-color:#d4b896;color:#1a1a1a}.app.dark .login-btn:hover{background-color:#c2a685}.app.dark .login-links a{color:#d4b896}.app.dark .course-item li{border-bottom-color:#444}.app.dark .event-item{border-left-color:#d4b896}.app.dark .theme-selector label{background-color:#1a1a1a;border-color:#444;color:#e0e0e0}.app.dark .theme-selector label:hover{background-color:#2d2d2d}.app.dark .theme-selector label:has(input:checked){background-color:#d4b896;color:#1a1a1a;border-color:#d4b896}.app.dark .loading-spinner{color:#d4b896}.app.dark .end-message{color:#b0b0b0}.app.dark .error-message{color:#ff6b6b;background-color:#2d1f1f;border-color:#5d2d2d}.detail-header{margin-bottom:2rem}.back-btn{background-color:#8b7355;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem;transition:background-color .2s}.back-btn:hover{background-color:#7a6449}.detail-content{display:flex;flex-direction:column;gap:2rem}.detail-image{width:100%;text-align:center}.detail-image img{max-width:100%;height:auto;max-height:400px;border-radius:8px;box-shadow:0 4px 12px #0000001a}.detail-info h2{color:#8b7355;margin-bottom:1rem;font-size:1.8rem}.detail-description{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.detail-meta{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #eee}.detail-meta p{margin:.5rem 0;color:#666}.edit-content{max-width:500px;margin:0 auto}.edit-form{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.edit-form textarea{width:100%;padding:.8rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;box-sizing:border-box;font-family:inherit;resize:vertical}.edit-form textarea:focus{outline:none;border-color:#8b7355}.fullwidth-textarea{width:100%!important;background-color:#fff!important;padding:.8rem!important;border:1px solid #ddd!important;border-radius:4px!important;font-size:1rem!important;box-sizing:border-box!important;font-family:inherit!important;resize:vertical!important;transition:border-color .3s ease,background-color .3s ease!important}.fullwidth-textarea:focus{outline:none!important;border-color:#8b7355!important}.app.dark .fullwidth-textarea{background-color:#1a1a1a!important;border-color:#444!important;color:#e0e0e0!important}.app.dark .fullwidth-textarea:focus{border-color:#d4b896!important}.image-preview-section{margin:1.5rem 0;text-align:center}.edit-preview{margin:1.5rem 0;text-align:center;cursor:pointer;border:2px dashed #ddd;border-radius:8px;padding:1rem;transition:border-color .3s ease;position:relative;overflow:hidden}.edit-preview:hover{border-color:#8b7355}.edit-preview img{max-width:200px;height:auto;border-radius:6px}.placeholder-image{display:flex;align-items:center;justify-content:center;height:150px;background-color:#f5f5f5;border-radius:6px;color:#666;font-size:.9rem}.image-overlay{position:absolute;inset:0;background-color:#000000b3;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;font-size:.9rem}.edit-preview:hover .image-overlay{opacity:1}.edit-preview.dragging{border-color:#8b7355;background-color:#8b73551a}.drag-overlay{position:absolute;inset:0;background-color:#8b7355e6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;z-index:10}.form-image-skeleton{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#8b7355,#a68b5b,#c4a373,#a68b5b,#8b7355);background-size:300% 100%;animation:shimmer 2s infinite ease-in-out;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;font-weight:700;z-index:5}.save-btn{width:100%;padding:1rem;background-color:#8b7355;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;margin-top:1rem}.save-btn:hover{background-color:#7a6449}.app.dark .gallery-app-bar{background-color:#2d2d2d}.app.dark .gallery-header .back-btn:hover{background-color:#fff3}.app.dark .gallery-main-content{color:#e0e0e0}.app.dark .floating-add-btn{background-color:#4caf50;color:#fff;box-shadow:0 4px 12px #ffffff1a}.app.dark .floating-add-btn:hover{background-color:#45a049;box-shadow:0 6px 16px #fff3}.app.dark .detail-description,.app.dark .edit-form{background-color:#2d2d2d;color:#e0e0e0}.app.dark .detail-meta{border-top-color:#444}.app.dark .detail-meta p{color:#b0b0b0}.app.dark .back-btn,.app.dark .save-btn{background-color:#d4b896;color:#1a1a1a}.app.dark .back-btn:hover,.app.dark .save-btn:hover{background-color:#c2a685}.app.dark .edit-form textarea{background-color:#1a1a1a;border-color:#444;color:#e0e0e0}.app.dark .edit-form textarea:focus{border-color:#d4b896}.app.dark .oauth-divider:before{background-color:#444}.app.dark .oauth-divider span{background-color:#2d2d2d;color:#b0b0b0}.app.dark .google-login-btn{background-color:#2d2d2d;color:#e0e0e0;border-color:#444}.app.dark .google-login-btn:hover{background-color:#3d3d3d;border-color:#555}.app.dark .kakao-login-btn{background-color:#fee500;color:#3c1e1e}.app.dark .kakao-login-btn:hover{background-color:#fdd835}.fullscreen-modal{position:fixed;inset:0;background-color:#000000f2;z-index:10000;display:flex;align-items:center;justify-content:center}.fullscreen-modal-content{background-color:#fff;width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden}.fullscreen-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #eee;background-color:#f8f9fa;flex-shrink:0}.fullscreen-modal .modal-header h2{margin:0;color:#8b7355;font-size:1.8rem}.fullscreen-modal .modal-body{flex:1;overflow-y:auto;padding:1rem 2rem 2rem;display:flex;justify-content:center}.fullscreen-form{width:100%;max-width:600px;display:flex;flex-direction:column;gap:1.5rem;min-height:0}.fullscreen-form .form-group{width:100%;box-sizing:border-box}.fullscreen-form input,.fullscreen-form textarea{max-width:100%;min-width:0}.modal-overlay{position:fixed;inset:0;background-color:#000c;z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-content{background-color:#fff;border-radius:12px;max-width:90vw;max-height:90vh;width:800px;overflow:hidden;box-shadow:0 10px 25px #0000004d;animation:modalSlideIn .2s ease-out;transform:translateZ(0);will-change:transform,opacity}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95) translateZ(0)}to{opacity:1;transform:translateY(0) scale(1) translateZ(0)}}.modal-header{display:flex;justify-content:flex-end;padding:1rem;border-bottom:1px solid #eee}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:.5rem;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{background-color:#f5f5f5;color:#333}.modal-body{padding:2rem;overflow-y:auto;max-height:calc(90vh - 80px)}.modal-body .detail-image{text-align:center;margin-bottom:2rem}.modal-body .detail-image img{max-width:100%;height:auto;max-height:60vh;border-radius:8px;box-shadow:0 4px 12px #0000001a;transition:opacity .2s ease-in-out;backface-visibility:hidden}.modal-body .detail-info h2{color:#8b7355;margin-bottom:1rem;font-size:2rem;text-align:center}.modal-body .detail-description{background-color:#f8f9fa;padding:2rem;border-radius:8px;margin-top:1rem}.modal-body .detail-meta{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #ddd}.modal-body .detail-meta p{margin:.5rem 0;color:#666}.app.dark .fullscreen-modal-content{background-color:#1a1a1a;color:#e0e0e0}.app.dark .fullscreen-modal .modal-header{background-color:#2d2d2d;border-bottom-color:#444}.app.dark .fullscreen-modal .modal-header h2{color:#d4b896}.app.dark .modal-content{background-color:#2d2d2d;color:#e0e0e0}.app.dark .modal-header{border-bottom-color:#444}.app.dark .close-btn{color:#b0b0b0}.app.dark .close-btn:hover{background-color:#3d3d3d;color:#e0e0e0}.app.dark .modal-body .detail-info h2{color:#d4b896}.app.dark .modal-body .detail-description{background-color:#1a1a1a;color:#e0e0e0}.app.dark .modal-body .detail-meta{border-top-color:#444}.app.dark .modal-body .detail-meta p{color:#b0b0b0}@media (max-width: 480px){.floating-add-btn{width:50px;height:50px;min-width:50px;min-height:50px;bottom:1rem;right:1rem;font-size:1.5rem}.fullscreen-modal .modal-header{padding:1rem}.fullscreen-modal .modal-header h2{font-size:1.4rem}.fullscreen-modal .modal-body{padding:.5rem 1rem 1rem}.fullscreen-form{max-width:100%;gap:1rem}.fullscreen-form .form-group{margin-bottom:1rem}.artist-profile{padding:1rem}.artist-photo{width:100%;height:250px}.gallery-grid{grid-template-columns:1fr;gap:1rem}.course-item,.event-item{padding:1rem}.settings-form{margin:1rem;padding:1.5rem}.modal-content{max-width:95vw;max-height:95vh;width:auto}.modal-body{padding:1rem}.modal-body .detail-image img{max-height:50vh}.modal-body .detail-info h2{font-size:1.5rem}.modal-body .detail-description{padding:1rem}}.form-app-bar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:#8b7355;color:#fff;flex-shrink:0;min-height:60px}.form-close-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.form-close-btn:hover{background-color:#ffffff1a}.form-title{margin:0;font-size:1.2rem;font-weight:700;text-align:center;flex:1}.form-save-btn{background-color:#fff;color:#8b7355;border:none;padding:.5rem 1rem;border-radius:4px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease;min-width:60px}.form-save-btn:hover:not(:disabled){background-color:#f0f0f0;transform:translateY(-1px)}.form-save-btn:disabled{opacity:.6;cursor:not-allowed}.app.dark .form-app-bar{background-color:#2d2d2d}.app.dark .form-close-btn:hover{background-color:#ffffff1a}.app.dark .form-save-btn{background-color:#d4b896;color:#1a1a1a}.app.dark .form-save-btn:hover:not(:disabled){background-color:#c2a685}.detail-app-bar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:#8b7355;color:#fff;flex-shrink:0;min-height:60px}.detail-close-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.detail-close-btn:hover{background-color:#ffffff1a}.detail-title{margin:0;font-size:1.2rem;font-weight:700;text-align:center;flex:1}.detail-spacer{width:40px;height:40px}.detail-content{display:flex;flex-direction:column;gap:2rem;max-width:600px;margin:0 auto;width:100%}.app.dark .detail-app-bar{background-color:#2d2d2d}.app.dark .detail-close-btn:hover{background-color:#ffffff1a}.studio-location{margin-top:2rem;padding:2rem;background:#ffffffe6;border-radius:12px;box-shadow:0 4px 15px #8b73551a}.studio-location h3{color:#8b7355;margin-bottom:1rem;font-size:1.5rem;text-align:center}.studio-location p{text-align:center;margin-bottom:1.5rem;color:#5d4e37;font-size:1.1rem}.map-container{margin-top:1rem}.naver-map{border-radius:8px;box-shadow:0 2px 8px #0000001a}.app.dark .studio-location{background:#2d2d2df2;color:#e0e0e0}.app.dark .studio-location h3{color:#d4b896}.app.dark .studio-location p{color:#b0b0b0}@media (max-width: 480px){.studio-location{margin:1rem;padding:1rem}.studio-location h3{font-size:1.2rem}.naver-map{height:250px!important}}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:500px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(139,115,85,.2);display:flex;justify-content:space-around;align-items:center;padding:.8rem 0;z-index:1000;box-shadow:0 -4px 20px #0000001a;transition:transform .3s ease}.bottom-nav.hidden{transform:translate(-50%) translateY(100%)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .3s ease;padding:.5rem 1rem;border-radius:12px;min-width:60px}.bottom-nav-item:hover{background:#8b73551a;transform:translateY(-2px)}.bottom-nav-item:active{transform:translateY(0)}.bottom-nav-icon{color:#8b7355;margin-bottom:.3rem;transition:all .3s ease}.bottom-nav-item:hover .bottom-nav-icon{color:#6b5539;transform:scale(1.1)}.bottom-nav-label{font-size:.7rem;color:#8b7355;font-weight:500;text-align:center;font-family:"Noto Serif KR",serif;transition:color .3s ease}.bottom-nav-item:hover .bottom-nav-label{color:#6b5539}.bottom-nav-item.active{background:#8b735526}.bottom-nav-item.active .bottom-nav-icon{color:#6b5539}.bottom-nav-item.active .bottom-nav-label{color:#6b5539;font-weight:600}@media (max-width: 480px){.bottom-nav{padding:.6rem 0}.bottom-nav-item{padding:.3rem .5rem;min-width:50px}.bottom-nav-icon svg{width:20px;height:20px}.bottom-nav-label{font-size:.65rem}}.app.dark .bottom-nav{background:#2d2d2df2;border-top-color:#d4c5a033}.app.dark .bottom-nav-icon,.app.dark .bottom-nav-label{color:#d4b896}.app.dark .bottom-nav-item:hover{background:#d4c5a01a}.app.dark .bottom-nav-item:hover .bottom-nav-icon,.app.dark .bottom-nav-item:hover .bottom-nav-label{color:#f0e6d2}.app.dark .bottom-nav-item.active{background:#d4c5a026}.app.dark .bottom-nav-item.active .bottom-nav-icon,.app.dark .bottom-nav-item.active .bottom-nav-label{color:#f0e6d2}body{padding-bottom:80px}.shop-app-bar{background:linear-gradient(45deg,#ff6b6b,#ff8a80,#ff6ec7 30%,#ffeaa7,#fab1a0 70%,#fd79a8,#ff7675);background-size:400% 400%;animation:rainbow-flow 8s ease infinite;color:#fff;padding:1rem;position:fixed;top:0;left:0;right:0;margin:0 auto;width:100%;max-width:500px;z-index:1000}.shop-header{display:flex;align-items:center;justify-content:space-between}.shop-header h2{margin:0;flex:1;text-align:center;color:#fff}.shop-header .back-btn{background:none;border:none;color:#fff;font-size:1rem;cursor:pointer;padding:.5rem}.shop-header .back-btn:hover{background-color:#ffffff1a;border-radius:4px}.shop-page{padding:1rem;margin-top:80px;color:#333;width:100%;box-sizing:border-box;overflow-x:hidden}.shop-categories{display:flex;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.category-btn{padding:.5rem 1rem;border:2px solid #8B7355;background:transparent;color:#8b7355;border-radius:25px;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500;font-family:"Noto Serif KR",serif}.category-btn:hover{background:#8b73551a;transform:translateY(-2px)}.category-btn.active{background:#8b7355;color:#fff;box-shadow:0 4px 12px #8b73554d}.shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.shop-item{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #0000001a;transition:all .3s ease;cursor:pointer;border:1px solid rgba(139,115,85,.1)}.shop-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026;border-color:#8b73554d}.shop-image-container{position:relative;width:100%;height:220px;overflow:hidden}.shop-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.shop-item:hover .shop-image{transform:scale(1.05)}.shop-badges{position:absolute;top:.8rem;left:.8rem;display:flex;flex-direction:column;gap:.5rem}.badge{padding:.3rem .6rem;border-radius:12px;font-size:.7rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}.badge.new{background:linear-gradient(135deg,#4caf50,#45a049)}.badge.bestseller{background:linear-gradient(135deg,#ff6b6b,#ff5252)}.badge.discount{background:linear-gradient(135deg,#ff9800,#f57c00)}.shop-overlay{position:absolute;inset:0;background:#8b7355e6;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.shop-item:hover .shop-overlay{opacity:1}.shop-overlay-text{color:#fff;font-size:1rem;font-weight:600;padding:.8rem 1.5rem;border:2px solid white;border-radius:25px;transition:all .3s ease}.shop-overlay-text:hover{background:#fff;color:#8b7355}.shop-info{padding:1.5rem}.shop-title{font-size:1.2rem;font-weight:600;color:#8b7355;margin:0 0 .8rem;font-family:"Noto Serif KR",serif}.shop-price-section{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.original-price{font-size:.9rem;color:#999;text-decoration:line-through}.current-price{font-size:1.1rem;font-weight:700;color:#ff6b6b}.shop-category{display:inline-block;background:#8b73551a;color:#8b7355;padding:.3rem .8rem;border-radius:12px;font-size:.8rem;font-weight:500}.shop-notice{background:linear-gradient(135deg,#8b73551a,#8b73550d);border:2px solid rgba(139,115,85,.2);border-radius:16px;padding:2rem;text-align:center;margin-top:2rem}.notice-content h3{color:#8b7355;margin:0 0 1rem;font-size:1.3rem;font-family:"Noto Serif KR",serif}.notice-content p{color:#666;margin:0 0 1.5rem;line-height:1.6}.visit-store-btn{background:linear-gradient(135deg,#8b7355,#a0886c);color:#fff;border:none;padding:1rem 2rem;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #8b73554d}.visit-store-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #8b735566}@media (max-width: 768px){.shop-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.shop-image-container{height:180px}.shop-info{padding:1rem}.shop-title{font-size:1.1rem}.shop-notice{padding:1.5rem;margin:1.5rem 0}.notice-content h3{font-size:1.1rem}.visit-store-btn{padding:.8rem 1.5rem;font-size:.9rem}}@media (max-width: 480px){.shop-categories{gap:.3rem}.category-btn{padding:.4rem .8rem;font-size:.8rem}.shop-grid{grid-template-columns:1fr;gap:1rem}.shop-image-container{height:160px}}.app.dark .shop-page{color:#e0e0e0}.app.dark .shop-item{background:#2d2d2d;border-color:#d4c5a033}.app.dark .shop-title{color:#d4b896}.app.dark .shop-category{background:#d4c5a01a;color:#d4b896}.app.dark .category-btn{border-color:#d4b896;color:#d4b896}.app.dark .category-btn:hover{background:#d4c5a01a}.app.dark .category-btn.active{background:#d4b896;color:#1a1a1a}.app.dark .shop-notice{background:linear-gradient(135deg,#d4c5a01a,#d4c5a00d);border-color:#d4c5a033}.app.dark .notice-content h3{color:#d4b896}.app.dark .notice-content p{color:#b0b0b0}.app.dark .visit-store-btn{background:linear-gradient(135deg,#d4b896,#c2a685);color:#1a1a1a}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;min-height:300px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid rgba(139,115,85,.2);border-left:4px solid #8B7355;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p{color:#8b7355;font-size:1rem;margin:0}.error-message{color:#ff6b6b;font-size:1rem;margin:0 0 1rem;text-align:center}.retry-btn{background:#8b7355;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;font-size:.9rem;cursor:pointer;transition:background-color .3s ease}.retry-btn:hover{background:#6b5539}.no-items{grid-column:1 / -1;text-align:center;padding:4rem 2rem;color:#666;font-size:1.1rem}.app.dark .loading-container p{color:#d4b896}.app.dark .loading-spinner{border-color:#d4b89633;border-left-color:#d4b896}.app.dark .error-message{color:#ff8a80}.app.dark .retry-btn{background:#d4b896;color:#1a1a1a}.app.dark .retry-btn:hover{background:#c2a685}.app.dark .no-items{color:#b0b0b0}.shop-modal-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;padding:0;box-sizing:border-box}.shop-modal-content{background:#fff;border-radius:0;width:100%;height:100vh;overflow-y:auto;position:relative;box-shadow:none;max-width:500px;margin:0 auto}.shop-modal-header-bar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #eee;background:#fff;border-radius:0}.shop-modal-title-bar{margin:0;font-size:1.3rem;font-weight:600;color:#8b7355;font-family:"Noto Serif KR",serif}.shop-modal-close{background:#8b73551a;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#8b7355}.shop-modal-close:hover{background:#8b735533;transform:scale(1.1)}.shop-modal-loading,.shop-modal-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.shop-modal-body{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:2rem}.shop-modal-image-container{position:relative;background:#f8f9fa;border-radius:12px;overflow:hidden;aspect-ratio:1}.shop-modal-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.shop-modal-image:hover{transform:scale(1.05)}.shop-modal-badges{position:absolute;top:1rem;left:1rem;display:flex;flex-direction:column;gap:.5rem}.shop-modal-info-section{display:flex;flex-direction:column;gap:1.5rem}.shop-modal-header{border-bottom:1px solid #eee;padding-bottom:1rem}.shop-modal-category{display:inline-block;background:#8b73551a;color:#8b7355;padding:.3rem .8rem;border-radius:12px;font-size:.8rem;font-weight:500;margin-bottom:.8rem}.shop-modal-title{font-size:1.5rem;font-weight:600;color:#333;margin:0;line-height:1.4;font-family:"Noto Serif KR",serif}.shop-modal-price{border:1px solid #eee;border-radius:12px;padding:1.5rem;background:#f8f9fa}.price-original{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem;color:#999}.original-label{font-size:.9rem}.original-price{text-decoration:line-through;font-size:1rem}.price-current{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.current-label{font-size:1rem;font-weight:500}.current-price{font-size:1.3rem;font-weight:700;color:#ff6b6b}.discount-badge{background:#ff6b6b;color:#fff;padding:.2rem .6rem;border-radius:8px;font-size:.8rem;font-weight:700}.shop-modal-description{border-left:4px solid #8B7355;padding-left:1rem}.shop-modal-description h3{font-size:1.1rem;margin:0 0 .8rem;color:#8b7355}.shop-modal-description p{line-height:1.6;color:#666;margin:0}.shop-modal-details{display:flex;flex-direction:column;gap:.8rem;padding:1rem;background:#f8f9fa;border-radius:8px}.detail-item{display:flex;justify-content:space-between;align-items:center}.detail-label{color:#666;font-size:.9rem}.detail-value{font-weight:500;color:#333}.shop-modal-actions{margin-top:auto}.purchase-btn{width:100%;background:linear-gradient(135deg,#8b7355,#a0886c);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #8b73554d}.purchase-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #8b735566}.purchase-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.shop-modal-notice{background:#8b73550d;border:1px solid rgba(139,115,85,.1);border-radius:8px;padding:1rem;margin-top:1rem}.shop-modal-notice p{margin:0;font-size:.9rem;color:#666;line-height:1.5}@media (max-width: 768px){.shop-modal-overlay{padding:0}.shop-modal-content{border-radius:0;height:100vh;max-height:100vh}.shop-modal-body{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem}.shop-modal-header-bar{padding:1rem 1.5rem}.shop-modal-title-bar{font-size:1.2rem}.shop-modal-close{width:36px;height:36px}.shop-modal-title{font-size:1.3rem}.current-price{font-size:1.2rem}.price-current{justify-content:flex-start;gap:1rem}}@media (max-width: 480px){.shop-modal-overlay{padding:0}.shop-modal-content{border-radius:0;height:100vh;max-height:100vh}.shop-modal-body{padding:1rem;gap:1rem}.shop-modal-image-container{aspect-ratio:4/3}.detail-item{flex-direction:column;align-items:flex-start;gap:.3rem}}.app.dark .shop-modal-content{background:#2d2d2d;color:#e0e0e0}.app.dark .shop-modal-header-bar{background:#2d2d2d;border-bottom-color:#ffffff1a}.app.dark .shop-modal-title-bar{color:#d4b896}.app.dark .shop-modal-close{background:#d4b8961a;color:#d4b896}.app.dark .shop-modal-close:hover{background:#d4b89633}.app.dark .shop-modal-title{color:#e0e0e0}.app.dark .shop-modal-category{background:#d4c5a01a;color:#d4b896}.app.dark .shop-modal-price{background:#ffffff0d;border-color:#ffffff1a}.app.dark .shop-modal-details{background:#ffffff0d}.app.dark .detail-label{color:#b0b0b0}.app.dark .detail-value{color:#e0e0e0}.app.dark .shop-modal-description p{color:#b0b0b0}.app.dark .shop-modal-notice{background:#d4c5a00d;border-color:#d4c5a01a}.app.dark .shop-modal-notice p{color:#b0b0b0}.app.dark .purchase-btn{background:linear-gradient(135deg,#d4b896,#c2a685);color:#1a1a1a}