:root{--color-primary:#7c3aed;--color-accent:#2dd4bf;--color-bg:#faf9fc;--color-fg:#1a1025;--color-muted-bg:#f3f0f7;--color-border:#e8e0f0;--color-error:#ef4444;--color-white:#ffffff;--color-text-muted:#6b7280;--color-category-event:var(--color-primary);--color-category-new-menu:var(--color-accent);--color-category-news:#f59e0b;--color-category-notice:#3b82f6;--color-avatar-0:var(--color-primary);--color-avatar-1:var(--color-accent);--color-avatar-2:#f59e0b;--color-avatar-3:#10b981;--color-avatar-4:#3b82f6;--color-avatar-5:var(--color-error);--font-sans:'Noto Sans KR', sans-serif;--font-serif:'Playfair Display', serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-hero:clamp(2.5rem, 6vw, 4rem);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--container-max:72rem;--container-px:1.5rem;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1.25rem;--navbar-height:64px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--navbar-height)}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--color-fg);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;overflow-x:clip}img{max-width:100%;height:auto;display:block}a{color:var(--color-primary);text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;border:none;background:0 0;font-family:inherit;font-size:inherit}.container{max-width:var(--container-max);padding:0 var(--container-px);margin:0 auto}.container-narrow{max-width:48rem;padding:0 var(--container-px);margin:0 auto}.section{padding:var(--space-20)0}.section-alt{background-color:var(--color-muted-bg)}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-title{font-family:var(--font-serif);font-size:var(--text-3xl);font-weight:700;color:var(--color-fg)}.section-subtitle{margin-top:var(--space-4);color:#6b7280;max-width:32rem;margin-left:auto;margin-right:auto}.section-footer{text-align:center;margin-top:var(--space-8)}.section-link{font-weight:500;color:var(--color-primary)}.section-link:hover{text-decoration:underline}.btn-primary{display:inline-block;padding:var(--space-3)var(--space-6);background-color:var(--color-primary);color:var(--color-white);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-sm);transition:background-color .2s;text-align:center;border:2px solid transparent}.btn-primary:hover{background-color:#6d28d9;color:var(--color-white)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-outline{display:inline-block;padding:var(--space-3)var(--space-6);background-color:initial;color:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-sm);transition:all .2s;text-align:center}.btn-outline:hover{background-color:var(--color-primary);color:var(--color-white)}.btn-outline-white{color:var(--color-white);border-color:var(--color-white)}.btn-outline-white:hover{background-color:var(--color-white);color:var(--color-fg)}.btn-sm{padding:var(--space-1)var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-sm)}.badge{display:inline-block;padding:2px var(--space-2);font-size:var(--text-xs);font-weight:600;border-radius:9999px}.badge-인기{background-color:rgba(124,58,237,.1);color:var(--color-primary)}.badge-NEW{background-color:rgba(45,212,191,.15);color:#0d9488}.badge-추천{background-color:rgba(245,158,11,.1);color:#d97706}.badge-커피{background-color:rgba(120,53,15,8%);color:#92400e}.badge-라떼{background-color:rgba(180,120,60,.1);color:#b45309}.badge-밀크티{background-color:rgba(139,92,246,.1);color:#7c3aed}.badge-에이드{background-color:rgba(16,185,129,.1);color:#059669}.badge-차{background-color:rgba(101,163,13,.1);color:#65a30d}.badge-음료{background-color:rgba(107,114,128,.1);color:#4b5563}.badge-마카롱{background-color:rgba(124,58,237,.1);color:var(--color-primary)}.badge-하트카롱{background-color:rgba(236,72,153,.1);color:#db2777}.badge-쿠키{background-color:rgba(245,158,11,.1);color:#d97706}.card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6)}.card h3{font-weight:700;margin-bottom:var(--space-4)}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:rgba(250,249,252,.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);height:var(--navbar-height)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:100%}.navbar-logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;flex-shrink:1;min-width:0}.logo-mark{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:var(--color-primary);color:var(--color-white);font-family:var(--font-serif);font-weight:700;font-size:var(--text-lg);border-radius:var(--radius-sm)}.navbar-menu{display:none;gap:var(--space-6)}.navbar-link{color:var(--color-fg);font-weight:500;font-size:var(--text-sm);transition:color .2s}.navbar-link:hover{color:var(--color-primary)}.navbar-actions{display:flex;align-items:center;gap:var(--space-3)}.navbar-cta{display:none}.navbar-toggle{display:flex;flex-direction:column;gap:5px;padding:var(--space-2)}.hamburger-line{display:block;width:20px;height:2px;background-color:var(--color-fg);transition:transform .2s}.navbar-menu.open{display:flex;flex-direction:column;position:absolute;top:var(--navbar-height);left:0;right:0;background-color:var(--color-white);border-bottom:1px solid var(--color-border);padding:var(--space-4)var(--container-px);gap:0;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.navbar-menu.open li{border-bottom:1px solid var(--color-border)}.navbar-menu.open li:last-child{border-bottom:none}.navbar-menu.open .navbar-link{display:block;padding:var(--space-3)0}@media(min-width:1024px){.navbar-menu{display:flex}.navbar-toggle{display:none}.navbar-cta{display:inline-block}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background-color:var(--color-fg);margin-top:0;overflow:hidden}.hero-slide{position:absolute;inset:0;background-size:cover;background-position:50%;opacity:0;transition:opacity 1s ease}.hero-slide.active{opacity:1}.hero-overlay{position:absolute;inset:0;background:rgba(0,0,0,.55);z-index:1}.hero-content{position:relative;z-index:2;text-align:center;padding:var(--space-8)var(--container-px);max-width:48rem}.hero-title{font-family:var(--font-serif);font-size:var(--text-hero);font-weight:700;color:var(--color-white);line-height:1.2;margin-bottom:var(--space-4);transition:opacity .5s ease}.hero-subtitle{font-size:var(--text-xl);color:rgba(255,255,255,.9);margin-bottom:var(--space-8);transition:opacity .5s ease}.hero-cta{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-12)}.hero-badges{display:flex;gap:var(--space-6);justify-content:center;flex-wrap:wrap}.hero-badge{display:flex;align-items:center;gap:var(--space-2);color:rgba(255,255,255,.85);font-size:var(--text-sm)}.hero-badge-icon{font-size:var(--text-lg)}.section-eyebrow{font-size:var(--text-sm);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--space-2)}.menu-tabs-wrap{display:flex;justify-content:center;margin-bottom:var(--space-8)}.menu-tabs{display:inline-flex;gap:var(--space-2);padding:var(--space-2);background-color:var(--color-muted-bg);border-radius:var(--radius-lg);flex-wrap:wrap}.tab-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);font-weight:500;font-size:var(--text-sm);border-radius:var(--radius-md);background:0 0;color:#6b7280;transition:all .2s}.tab-btn.active{background-color:var(--color-primary);color:var(--color-white);box-shadow:0 1px 3px rgba(0,0,0,.15)}.tab-btn:hover:not(.active){color:var(--color-fg)}.tab-icon{flex-shrink:0;display:flex}.tab-label{white-space:nowrap;display:none}@media(min-width:480px){.tab-label{display:inline}}.menu-grid{display:grid;gap:var(--space-8)}.menu-machine-col{display:flex;flex-direction:column}.menu-items{min-width:0}.menu-image{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:1/1}.menu-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .5s ease}.menu-image:hover img{transform:scale(1.05)}.menu-image-scrim{position:absolute;inset:0;background:rgba(26,16,37,.18);pointer-events:none}.machine-info-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--space-5)}.machine-info-card{background:rgba(250,249,252,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-lg);padding:var(--space-4)var(--space-5)}.machine-info-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.machine-icon-box{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);background-color:rgba(124,58,237,.1);color:var(--color-primary);flex-shrink:0}.machine-info-name{font-size:var(--text-base);font-weight:700;color:var(--color-fg)}.machine-info-desc{font-size:var(--text-sm);color:#6b7280;line-height:1.5;margin:0}.menu-items-header{margin-bottom:var(--space-4)}.menu-items-header h3{font-weight:700}.menu-items-header p{font-size:var(--text-sm);color:#6b7280}.menu-slide-wrap{display:block}.menu-slide-viewport{overflow:hidden;min-width:0;max-width:100%;width:100%}.menu-items-list{display:flex;transition:transform 420ms cubic-bezier(.4,0,.2,1)}.menu-slide-page{flex-shrink:0;display:flex;flex-direction:column}.menu-slide-page .menu-item{width:100%}.menu-slide-dots{display:flex;justify-content:center;gap:var(--space-2);margin-top:var(--space-3)}.menu-slide-dot{width:8px;height:8px;border-radius:50%;background:var(--color-border);border:none;padding:0;cursor:pointer;transition:background .2s}.menu-slide-dot.active{background:var(--color-primary)}.menu-item{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:72px;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-white);transition:all .2s;text-align:left;margin-bottom:var(--space-2);gap:var(--space-3);box-sizing:border-box}.menu-item:hover{border-color:rgba(124,58,237,.4);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.menu-item-info{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1)var(--space-2);flex:1;min-width:0}.menu-item-name{font-weight:500;flex:0 0 100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-item-right{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0;min-width:4.5rem}.menu-item-prices{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.price-tag{font-size:var(--text-xs);font-weight:700;padding:2px var(--space-2);border-radius:9999px;white-space:nowrap}.price-tag-hot{background-color:rgba(239,68,68,.1);color:#dc2626}.price-tag-ice{background-color:rgba(59,130,246,.1);color:#2563eb}.price-tag-마카롱{background-color:rgba(124,58,237,.1);color:var(--color-primary)}.price-tag-하트카롱{background-color:rgba(236,72,153,.1);color:#db2777}.price-tag-쿠키{background-color:rgba(245,158,11,.1);color:#d97706}@media(min-width:768px){.menu-grid{grid-template-columns:1fr 1fr;align-items:start}.menu-image{aspect-ratio:unset}}@keyframes modal-in{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes modal-out{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes backdrop-in{from{background-color:initial}to{background-color:rgba(0,0,0,.5)}}@keyframes backdrop-out{from{background-color:rgba(0,0,0,.5)}to{background-color:initial}}@keyframes modal-swipe-out-left{from{transform:translateX(0);opacity:1}to{transform:translateX(-100%);opacity:0}}@keyframes modal-swipe-out-right{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}@keyframes modal-swipe-in-from-right{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes modal-swipe-in-from-left{from{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}.modal-content.swipe-out-left{animation:modal-swipe-out-left 240ms cubic-bezier(.4,0,1,1)forwards}.modal-content.swipe-out-right{animation:modal-swipe-out-right 240ms cubic-bezier(.4,0,1,1)forwards}.modal-content.swipe-in-from-right{animation:modal-swipe-in-from-right 320ms cubic-bezier(0,0,.2,1)forwards}.modal-content.swipe-in-from-left{animation:modal-swipe-in-from-left 320ms cubic-bezier(0,0,.2,1)forwards}.menu-modal{position:fixed;inset:0;margin:auto;border:none;border-radius:var(--radius-lg);padding:0;width:calc(100% - 2rem);max-width:calc(100% - 2rem);height:fit-content;max-height:90dvh;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);animation:modal-in 260ms cubic-bezier(.4,0,.2,1)forwards}@media(min-width:640px){.menu-modal{max-width:28rem}}.menu-modal.closing{animation:modal-out 260ms cubic-bezier(.4,0,.2,1)forwards}.menu-modal::backdrop{animation:backdrop-in 260ms cubic-bezier(.4,0,.2,1)forwards}.menu-modal.closing::backdrop{animation:backdrop-out 260ms cubic-bezier(.4,0,.2,1)forwards}.modal-content{padding:var(--space-6);position:relative;overflow-y:auto;max-height:90dvh}.modal-close{position:absolute;top:var(--space-4);right:var(--space-4);font-size:var(--text-2xl);line-height:1;color:#6b7280;background:0 0;border:none;cursor:pointer;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:var(--color-fg)}.modal-header-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.modal-title{font-size:var(--text-xl);font-weight:700}.modal-price-hot{color:#dc2626;font-weight:700}.modal-price-ice{color:#2563eb;font-weight:700}.modal-desc{color:#6b7280;margin-bottom:var(--space-6);line-height:1.6}.modal-flavors{margin-bottom:var(--space-6)}.modal-section-label{font-size:var(--text-sm);font-weight:600;color:var(--color-fg);margin-bottom:var(--space-3)}.flavor-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.flavor-icon-box{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);background-color:var(--color-muted-bg);color:var(--color-primary);flex-shrink:0}.flavor-label{font-size:var(--text-sm);width:4rem;flex-shrink:0}.flavor-segs{display:flex;gap:3px;flex:1}.flavor-seg{flex:1;height:6px;border-radius:9999px;background-color:var(--color-border)}.flavor-seg.active{background-color:var(--color-primary)}.modal-flavor-image-row{display:flex;gap:var(--space-4);margin-bottom:var(--space-6);align-items:flex-start}.modal-flavor-image-row .modal-flavors{flex:1;min-width:0;margin-bottom:0}.modal-item-image{width:120px;flex-shrink:0;border-radius:var(--radius-md)}.modal--dessert .modal-item-image{width:180px}.modal-item-image img{width:100%;max-height:200px;object-fit:contain;border-radius:var(--radius-md)}@media(max-width:640px){.modal-flavor-image-row{flex-direction:column-reverse;align-items:stretch}.modal-item-image{width:100%}}.modal-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin-bottom:var(--space-4)}.modal-tile{background-color:var(--color-muted-bg);padding:var(--space-3);border-radius:var(--radius-sm)}.modal-tile-wide{grid-column:1/-1}.modal-tile-label{display:block;font-size:var(--text-xs);color:#6b7280;margin-bottom:2px}.modal-tile-value{font-size:var(--text-sm);font-weight:600}.modal-allergens{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.modal-allergen-label{font-size:var(--text-xs);color:#6b7280;margin-bottom:var(--space-2)}.allergen-badges{display:flex;flex-wrap:wrap;gap:var(--space-2)}.allergen-badge{font-size:var(--text-xs);font-weight:500;padding:2px var(--space-2);border-radius:9999px;background-color:rgba(239,68,68,.1);color:#dc2626}.allergen-none{font-size:var(--text-sm);color:#6b7280}.stories-grid{display:grid;gap:var(--space-6)}.story-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;background-size:cover;background-position:50%;background-color:var(--color-muted-bg);min-height:240px}.story-card-featured{min-height:400px}.story-card-overlay{position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.7))}.story-card-content{position:absolute;bottom:0;left:0;right:0;padding:var(--space-6);color:var(--color-white)}.story-card-title{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-2)}.story-card-featured .story-card-title{font-size:var(--text-2xl)}.story-card-excerpt{font-size:var(--text-sm);opacity:.9}.story-card{transition:transform .3s}.story-card:hover{transform:scale(1.03)}.stories-small{display:grid;gap:var(--space-6)}@media(min-width:768px){.stories-grid{grid-template-columns:1fr 1fr}.story-card-featured{grid-column:1/2;grid-row:1/2}.stories-small{grid-template-columns:1fr}}@media(min-width:1024px){.stories-grid{grid-template-columns:2fr 1fr}.stories-small{display:flex;flex-direction:column;gap:var(--space-6)}.stories-small .story-card{flex:1}}.news-grid{display:grid;gap:var(--space-6)}.news-card{display:flex;flex-direction:column;padding:var(--space-6);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all .2s;color:var(--color-fg);text-decoration:none}.news-card:hover{border-color:rgba(124,58,237,.3);box-shadow:0 4px 6px -1px rgba(0,0,0,.1);color:var(--color-fg)}.news-card-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-3);background-color:var(--color-muted-bg);color:var(--color-primary)}.news-card-icon svg{width:20px;height:20px}.news-badge{display:inline-block;padding:2px var(--space-2);font-size:var(--text-xs);font-weight:600;border-radius:9999px;margin-bottom:var(--space-2);width:fit-content}.news-badge-이벤트{background-color:rgba(124,58,237,.1);color:var(--color-primary)}.news-badge-신메뉴{background-color:rgba(45,212,191,.15);color:#0d9488}.news-badge-소식{background-color:rgba(245,158,11,.1);color:#d97706}.news-badge-공지{background-color:rgba(59,130,246,.1);color:#2563eb}.news-date{font-size:var(--text-xs);color:#6b7280;margin-bottom:var(--space-2)}.news-card-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2);line-height:1.4}.news-card-desc{font-size:var(--text-sm);color:#6b7280;line-height:1.5}@media(min-width:768px){.news-grid{grid-template-columns:1fr 1fr}}.location-grid{display:grid;gap:var(--space-6)}.location-map{border-radius:var(--radius-lg);overflow:hidden;min-height:300px}.location-map iframe{width:100%;height:100%;min-height:300px}.location-info{display:flex;flex-direction:column;gap:var(--space-4)}.info-item{margin-bottom:var(--space-3)}.info-item strong{display:block;font-size:var(--text-xs);color:#6b7280;text-transform:uppercase;margin-bottom:2px}.info-item p{font-size:var(--text-sm);font-weight:500}.location-cta{width:100%}@media(min-width:1024px){.location-grid{grid-template-columns:2fr 1fr}.location-map{min-height:400px}}.recent-comments-list{display:grid;gap:var(--space-4)}.recent-comment-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5)}.recent-comment-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.recent-comment-meta{display:flex;flex-direction:column}.recent-comment-nickname{font-weight:600;font-size:var(--text-sm);color:var(--color-fg)}.recent-comment-date{font-size:var(--text-xs);color:#6b7280}.recent-comment-content{font-size:var(--text-sm);color:var(--color-fg);line-height:1.6}.recent-comments-empty{text-align:center;color:#6b7280;font-size:var(--text-sm)}@media(min-width:768px){.recent-comments-list{grid-template-columns:repeat(3,1fr)}}.footer{background-color:var(--color-fg);color:rgba(255,255,255,.7);padding:var(--space-16)0 var(--space-8)}.footer-grid{display:grid;gap:var(--space-8);margin-bottom:var(--space-8)}.footer-desc{margin-top:var(--space-3);font-size:var(--text-sm);max-width:20rem}.footer-links{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:768px){.footer-links{grid-template-columns:repeat(3,1fr)}}.footer-group h4{color:var(--color-white);font-weight:600;font-size:var(--text-sm);margin-bottom:var(--space-3)}.footer-group ul li{margin-bottom:var(--space-2)}.footer-group a{color:rgba(255,255,255,.6);font-size:var(--text-sm);transition:color .2s}.footer-group a:hover{color:var(--color-white)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--space-6);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-4);font-size:var(--text-sm)}@media(min-width:768px){.footer-grid{grid-template-columns:1fr 2fr}}.news-page .section-header{margin-bottom:var(--space-8)}.category-filter{display:flex;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-8);flex-wrap:wrap}.filter-btn{padding:var(--space-2)var(--space-4);font-weight:500;font-size:var(--text-sm);border-radius:9999px;background-color:var(--color-muted-bg);color:#6b7280;transition:all .2s}.filter-btn.active{background-color:var(--color-primary);color:var(--color-white)}.filter-btn:hover:not(.active){color:var(--color-fg)}.news-list-grid{display:grid;gap:var(--space-6)}@media(min-width:768px){.news-list-grid{grid-template-columns:1fr 1fr}}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-10)}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);background:0 0;border:1px solid var(--color-border);text-decoration:none;transition:all .15s ease}.pagination-btn:hover{color:var(--color-primary);border-color:var(--color-primary)}.pagination-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.news-single{padding-top:calc(var(--navbar-height) + var(--space-8))}.news-page{padding-top:calc(var(--navbar-height) + var(--space-8))}.breadcrumb{font-size:var(--text-sm);color:#6b7280;margin-bottom:var(--space-6)}.breadcrumb a{color:var(--color-primary)}.breadcrumb-sep{margin:0 var(--space-2)}.news-header{margin-bottom:var(--space-8)}.news-title{font-size:var(--text-4xl);font-weight:700;line-height:1.3;margin-top:var(--space-3)}.news-body{line-height:1.8;margin-bottom:var(--space-12)}.news-body h2{font-size:var(--text-2xl);font-weight:700;margin-top:var(--space-8);margin-bottom:var(--space-4)}.news-body h3{font-size:var(--text-xl);font-weight:600;margin-top:var(--space-6);margin-bottom:var(--space-3)}.news-body p{margin-bottom:var(--space-4)}.news-body ul,.news-body ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.news-body ul{list-style:disc}.news-body ol{list-style:decimal}.news-body li{margin-bottom:var(--space-2)}.news-body strong{font-weight:600}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);border-top:1px solid var(--color-border);padding-top:var(--space-6)}.post-nav-link{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-fg);transition:border-color .2s}.post-nav-link:hover{border-color:var(--color-primary);color:var(--color-fg)}.post-nav-label{display:block;font-size:var(--text-xs);color:#6b7280;margin-bottom:var(--space-1)}.post-nav-title{font-weight:500;font-size:var(--text-sm)}.post-nav-next{text-align:right;grid-column:2}.guestbook-page{padding-top:calc(var(--navbar-height) + var(--space-8))}.guestbook-form{position:relative;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);margin-bottom:var(--space-8);display:flex;flex-direction:column;gap:var(--space-3)}.guestbook-form input,.guestbook-form textarea{width:100%;padding:var(--space-3)var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-sm);transition:border-color .2s}.guestbook-form input:focus,.guestbook-form textarea:focus{outline:none;border-color:var(--color-primary)}.guestbook-form textarea{min-height:120px;resize:vertical}.guestbook-form textarea.error{border-color:var(--color-error)}.form-footer{display:flex;justify-content:space-between;align-items:center}.content-counter{font-size:var(--text-sm);color:#6b7280}.content-counter.error{color:var(--color-error)}.entry{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);margin-bottom:var(--space-4)}.entry-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-white);font-weight:700;font-size:var(--text-sm);flex-shrink:0}.entry-meta{display:flex;flex-direction:column}.entry-nickname{font-weight:600;font-size:var(--text-sm)}.entry-date{font-size:var(--text-xs);color:#6b7280}.entry-content{margin-bottom:var(--space-4);white-space:pre-wrap;line-height:1.6}.entry-reply{background-color:var(--color-muted-bg);border-radius:var(--radius-sm);padding:var(--space-4);margin-bottom:var(--space-4);margin-left:var(--space-6)}.reply-label{display:inline-block;font-weight:600;font-size:var(--text-sm);color:var(--color-primary);margin-bottom:var(--space-2)}.entry-reply p{font-size:var(--text-sm);margin-bottom:var(--space-2)}.entry-actions{display:flex;gap:var(--space-2)}.btn-edit,.btn-delete{color:#6b7280;font-size:var(--text-xs)}.btn-edit:hover,.btn-delete:hover{color:var(--color-primary)}.inline-form{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.inline-password,.inline-content{width:100%;padding:var(--space-2)var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-sm);margin-bottom:var(--space-2)}.inline-content{min-height:80px;resize:vertical}.inline-password:focus,.inline-content:focus{outline:none;border-color:var(--color-primary)}.inline-form-actions{display:flex;gap:var(--space-2)}.inline-save,.inline-confirm{background-color:var(--color-primary);color:var(--color-white)}.inline-cancel{border:1px solid var(--color-border);color:#6b7280}.inline-error{color:var(--color-error);font-size:var(--text-sm);margin-top:var(--space-2);display:none}.field-error{color:var(--color-error);font-size:var(--text-sm);margin-top:var(--space-1)}.entry--pending{opacity:.5;pointer-events:none}.entry-pending-badge{font-size:var(--text-xs);color:#6b7280;margin-top:var(--space-2)}#scroll-loader{padding:var(--space-4);text-align:center;font-size:var(--text-sm);color:var(--color-fg)}.loading{text-align:center;color:#6b7280;padding:var(--space-8)}.toast{position:fixed;bottom:var(--space-6);right:var(--space-6);padding:var(--space-4)var(--space-6);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;z-index:2000;animation:slideIn .3s ease-out}.toast-success{background-color:#10b981;color:var(--color-white)}.toast-info{background-color:var(--color-primary);color:var(--color-white)}.toast-error{background-color:var(--color-error);color:var(--color-white)}@keyframes slideIn{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.empty-message,.error-message{text-align:center;color:#6b7280;padding:var(--space-8)}.error-page{padding-top:calc(var(--navbar-height) + var(--space-16));min-height:60vh;display:flex;align-items:center}.error-code{font-family:var(--font-serif);font-size:6rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--space-4)}.error-page .error-message{font-size:var(--text-xl);margin-bottom:var(--space-8)}body>main{padding-top:var(--navbar-height)}.hero{margin-top:calc(var(--navbar-height) * -1);padding-top:var(--navbar-height)}.navbar-logo-img{max-height:30px;max-width:140px;width:auto;height:auto;display:block}.stories-page{padding-top:calc(var(--navbar-height) + var(--space-8))}.stories-list-grid{display:grid;gap:var(--space-6)}.story-list-card{display:block;position:relative;border-radius:var(--radius-lg);overflow:hidden;background-size:cover;background-position:50%;background-color:var(--color-muted-bg);min-height:280px;text-decoration:none;color:var(--color-white);transition:transform .3s}.story-list-card:hover{transform:scale(1.02);color:var(--color-white)}.story-date{display:block;font-size:var(--text-xs);opacity:.8;margin-bottom:var(--space-2)}@media(min-width:768px){.stories-list-grid{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.stories-list-grid{grid-template-columns:repeat(3,1fr)}}.stories-single{padding-top:calc(var(--navbar-height) + var(--space-8))}.story-single-image{border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-8);aspect-ratio:16/7}.story-single-image img{width:100%;height:100%;object-fit:cover}.story-header{margin-bottom:var(--space-8)}