@font-face{font-family:"__notoSerifKR_5fe33b";src:url(/_next/static/media/80462c7981facab7-s.p.ttf) format("truetype");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:"__notoSerifKR_5fe33b";src:url(/_next/static/media/feb3d61fbb8ffa60-s.p.ttf) format("truetype");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:"__notoSerifKR_Fallback_5fe33b";src:local("Arial");ascent-override:101.28%;descent-override:25.17%;line-gap-override:0.00%;size-adjust:113.64%}.__className_5fe33b{font-family:"__notoSerifKR_5fe33b","__notoSerifKR_Fallback_5fe33b"}:root{color-scheme:light;--color-bg-start:#faf6ee;--color-bg-end:#f5ede0;--color-surface:#fffdf9;--color-primary:sienna;--color-primary-hover:#8b4513;--color-brand:#c2622b;--color-text-primary:#2d1f14;--color-text-secondary:#5a4030;--color-text-muted:#9c7c68;--color-border:#e8ddd4;--color-border-accent:#d4956a}*{box-sizing:border-box}body{margin:0;font-family:Pretendard,Noto Sans KR,sans-serif;background:linear-gradient(160deg,#faf6ee,#f5ede0 60%,#f0e4d4);color:var(--color-text-primary)}a{color:inherit}.app-root{min-height:100vh;display:flex;justify-content:center;padding:24px 16px}.app-shell{width:100%;max-width:480px}.centered-stack{background:var(--color-surface);border:1px solid var(--color-border);border-radius:18px;box-shadow:0 8px 32px rgba(160,82,45,.08);padding:24px 20px;min-height:calc(100vh - 48px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.align-left{text-align:left;align-items:stretch;justify-content:flex-start}.login-stack{padding-top:15vh}.brand-badge{font-weight:700}.brand-badge,.page-title{margin:0;color:var(--color-brand)}.page-title{font-family:"Noto Serif KR",Georgia,serif;font-size:36px;line-height:1.2;letter-spacing:-.02em}.page-description{margin:0;color:var(--color-text-secondary);font-size:16px;line-height:1.5}.date-text{margin-top:6px;margin-bottom:20px;color:var(--color-text-muted)}.feature-card{border:1px solid var(--color-border-accent);border-radius:16px;padding:16px;background:var(--color-surface);margin-bottom:14px;box-shadow:0 2px 12px rgba(160,82,45,.07);transition:box-shadow .2s ease,transform .2s ease}.feature-card:hover{box-shadow:0 8px 24px rgba(160,82,45,.14);transform:translateY(-1px)}.feature-card.muted{border-color:var(--color-border);background:#fff}.card-title{margin:0 0 8px;font-size:20px}.card-description{margin:0 0 12px;color:var(--color-text-secondary)}.kakao-button,.primary-button,.secondary-button{width:100%;min-height:52px;border-radius:12px;border:0;font-size:16px;font-weight:700;cursor:pointer}.kakao-button{background:#fee500;color:#1f2937;margin-top:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.kakao-button:disabled{opacity:.7;cursor:not-allowed}.primary-button{background:var(--color-primary);color:#fff;transition:background-color .2s ease,transform .1s ease}.primary-button:hover{background:var(--color-primary-hover)}.primary-button:active{transform:scale(.98)}.secondary-button{background:#f3f4f6;color:#1f2937}.text-button{width:100%;margin-top:4px;border:0;background:transparent;color:var(--color-primary);min-height:44px;font-size:15px;cursor:pointer}.error-text{margin:2px 0 0;color:#b3261e;font-size:15px;line-height:1.4}.spinner{width:28px;height:28px;border-radius:9999px;border:3px solid var(--color-border);border-top-color:var(--color-primary);animation:spin .9s linear infinite}.form-stack{display:flex;flex-direction:column;gap:10px;margin-top:8px}.field-label{margin:0;font-size:15px;font-weight:600}.text-input{width:100%;min-height:48px;border-radius:10px;border:1px solid var(--color-border);padding:0 12px;font-size:16px}.radio-row{display:flex;align-items:center;gap:8px;min-height:36px}.link-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.facilities-layout{background:var(--color-surface);border:1px solid var(--color-border);border-radius:18px;box-shadow:0 8px 32px rgba(160,82,45,.08);padding:20px;min-height:calc(100vh - 48px);display:flex;flex-direction:column;gap:14px}.facilities-header .page-title{font-size:28px}.facilities-toolbar{display:flex;flex-direction:column;gap:8px}.toolbar-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:8px;gap:8px}.radius-input{min-height:44px}.active-filter-row{display:flex;flex-wrap:wrap;gap:6px}.filter-chip{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;border:1px solid var(--color-border);background:#fffaf3;color:var(--color-text-secondary);font-size:13px}.offline-banner{margin:0;border-radius:10px;border:1px solid #f2be90;background:#fff0e0;color:#934b06;padding:10px 12px;font-size:14px}.map-panel{border:1px solid var(--color-border);border-radius:12px;background:radial-gradient(circle at 20% 20%,#fff6ea,#f2e1cb 70%);padding:8px}.map-grid{position:relative;width:100%;height:220px;border-radius:10px;border:1px dashed rgba(160,82,45,.4);overflow:hidden}.map-empty{margin:0;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:14px}.map-pin{position:absolute;width:14px;height:14px;border-radius:9999px;border:2px solid #fff;background:var(--color-primary);transform:translate(-50%,-50%);cursor:pointer}.map-pin.active{background:#0f766e}.facility-list{display:flex;flex-direction:column;gap:8px}.facility-card{border:1px solid var(--color-border);border-radius:12px;padding:12px;background:#fff}.facility-card p{margin:4px 0;font-size:14px;color:var(--color-text-secondary)}.facility-card h2{margin:0;font-size:17px}.facility-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.favorite{min-width:40px;min-height:36px;border-radius:10px;border:1px solid var(--color-border);background:#fff;cursor:pointer;font-size:18px}.favorite.on{border-color:#e39b16;background:#fff8df;color:#a16207}.detail-panel{border:1px solid var(--color-border-accent);background:#fff8f1;border-radius:12px;padding:12px}.filter-sheet-backdrop{position:fixed;inset:0;background:rgba(45,31,20,.4);display:flex;justify-content:center;align-items:flex-end;z-index:30}.filter-sheet{width:min(480px,100%);background:var(--color-surface);border-radius:16px 16px 0 0;border:1px solid var(--color-border);padding:16px;display:flex;flex-direction:column;gap:12px;max-height:80vh;overflow-y:auto}.filter-sheet h2{margin:0;font-size:22px}.sheet-block{display:flex;flex-direction:column;gap:8px}.sheet-label{margin:0;font-size:14px;color:var(--color-text-secondary)}.sheet-options{display:flex;flex-wrap:wrap;gap:8px}.sheet-chip{min-height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--color-border);background:#fff;color:var(--color-text-secondary);cursor:pointer}.sheet-chip.selected{border-color:var(--color-border-accent);background:#ffe8d4;color:var(--color-primary-hover)}.sheet-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}@media (max-width:420px){.toolbar-row{grid-template-columns:1fr 1fr}}.detail-panel p{margin:4px 0;font-size:14px}.detail-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.detail-header h2{margin:0;font-size:18px}.detail-note{color:var(--color-text-muted)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .45s ease-out}.address-link,.phone-link{display:block;margin:4px 0;font-size:14px;color:var(--color-primary);text-decoration:none}.address-link:hover,.phone-link:hover{text-decoration:underline}.detail-address-row{gap:4px;margin:4px 0;font-size:14px}.detail-address-links,.detail-address-row{display:flex;flex-wrap:wrap;align-items:baseline}.detail-address-links{gap:8px}.map-link-button{display:inline-block;padding:2px 8px;border-radius:6px;font-size:12px;background:var(--color-primary);color:#fff;text-decoration:none;white-space:nowrap}.map-link-button:hover{opacity:.85}.eval-section{margin:12px 0;padding:12px;background:#fef9f4;border:1px solid var(--color-border-accent);border-radius:8px}.eval-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.eval-stars{display:inline-flex;gap:2px;font-size:20px;line-height:1}.star.filled{color:#f0a500}.star.empty{color:#d4c8be}.eval-grade-badge{display:inline-block;padding:2px 8px;border-radius:4px;background:var(--color-primary);color:#fff;font-size:13px;font-weight:600}.eval-score{font-size:13px;color:var(--color-text-secondary)}.eval-source-badge{padding:2px 8px;border-radius:4px;background:#e8f5e9;color:#2e7d32;font-weight:600;letter-spacing:.02em}.eval-source-badge,.eval-year{display:inline-block;margin-top:6px;font-size:11px}.eval-year{margin-left:6px;color:var(--color-text-muted)}.eval-breakdown{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.eval-item{display:inline-block;padding:2px 8px;border-radius:4px;background:var(--color-surface);border:1px solid var(--color-border);font-size:11px;color:var(--color-text-secondary)}.onboarding-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 96px);text-align:center;padding:24px 0}.onboarding-progress{display:flex;gap:8px;margin-bottom:32px}.onboarding-dot{width:10px;height:10px;border-radius:9999px;background:var(--color-border);transition:background .3s ease,transform .3s ease}.onboarding-dot.active{background:var(--color-primary);transform:scale(1.3)}.onboarding-dot.done{background:var(--color-border-accent)}.onboarding-icon{font-size:64px;margin-bottom:24px}.onboarding-title{font-family:"Noto Serif KR",Georgia,serif;font-size:28px;line-height:1.3;color:var(--color-brand);margin:0 0 16px;white-space:pre-line}.onboarding-description{font-size:18px;line-height:1.7;color:var(--color-text-secondary);margin:0 0 32px}.onboarding-actions{width:100%;display:flex;flex-direction:column;gap:8px}.onboarding-button{min-height:56px;font-size:18px}.empty-state-card{border:2px dashed var(--color-border-accent);border-radius:16px;padding:24px 16px;background:linear-gradient(135deg,#fffaf3,#fff5eb);margin-bottom:14px;text-align:center}.empty-state-icon{font-size:48px;margin-bottom:12px}.empty-state-title{font-family:"Noto Serif KR",Georgia,serif;font-size:22px;line-height:1.4;color:var(--color-brand);margin:0 0 8px;white-space:pre-line}.empty-state-description{font-size:15px;line-height:1.6;margin:0 0 16px}.cf-layout{position:relative;min-height:calc(100vh - 48px);background:#fdfaf6;border-radius:20px;overflow:hidden;box-shadow:0 12px 40px rgba(160,82,45,.08)}.cf-header{position:relative;background:linear-gradient(135deg,sienna,#d4956a);padding:32px 24px 60px;color:#fff;border-radius:0 0 24px 24px}.cf-header-content{position:relative;z-index:1}.cf-brand{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fce8d5;display:block;margin-bottom:8px}.cf-title{margin:0 0 12px;font-size:32px;line-height:1.25;font-family:inherit;font-weight:800}.cf-desc{margin:0;font-size:15px;color:#fffbf7;opacity:.9}.cf-search-card{position:relative;z-index:10;margin:-40px 20px 0;background:#fff;border-radius:16px;padding:16px;box-shadow:0 8px 24px rgba(160,82,45,.12);display:flex;flex-direction:column;gap:12px}.cf-search-input-wrap{display:flex;align-items:center;background:#f7f3ef;border-radius:12px;padding:0 12px}.cf-search-icon{font-size:18px;opacity:.5}.cf-search-input{flex:1 1;background:transparent;border:none;min-height:48px;padding:0 10px;font-size:16px;outline:none;color:var(--color-text-primary)}.cf-radius-slider-wrap{background:#fff9f5;border-radius:12px;padding:12px;border:1px solid #f2e1d5}.cf-slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;font-weight:600}.cf-slider-val{color:var(--color-primary);font-weight:700}.cf-slider{width:100%;accent-color:var(--color-primary)}.cf-search-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.cf-action-btn{background:#f7f3ef;border:none;border-radius:10px;min-height:44px;font-size:14px;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.cf-action-btn.active{background:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}.cf-action-btn:active{transform:scale(.98)}.cf-active-filters{display:flex;flex-wrap:wrap;gap:6px;padding-top:4px}.cf-chip{background:#ffe8d4;color:sienna;font-size:12px;font-weight:600;padding:4px 10px;border-radius:100px}.cf-main-content{padding:20px;display:flex;flex-direction:column;gap:24px}.cf-error-banner,.cf-offline-banner{background:#fff0eb;border:1px solid #ffd4c4;color:#b3261e;padding:12px;border-radius:10px;font-size:14px;text-align:center}.cf-info-banner{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;padding:10px 14px;border-radius:10px;font-size:13px;font-weight:500;text-align:center}.cf-map-section{display:flex;flex-direction:column;gap:12px}.cf-map-header{display:flex;justify-content:space-between;align-items:center}.cf-map-header h3{margin:0;font-size:18px;font-weight:700}.cf-map-header span{font-size:13px;color:var(--color-text-muted);background:#eee6df;padding:2px 8px;border-radius:999px}.cf-map-grid{position:relative;width:100%;height:180px;background:#e9ecef;border-radius:16px;overflow:hidden;border:1px solid var(--color-border);box-shadow:inset 0 2px 8px rgba(0,0,0,.04)}.cf-map-empty{display:flex;align-items:center;justify-content:center;height:100%;font-size:14px;color:#888}.cf-map-pin{position:absolute;width:16px;height:16px;background:#ff5722;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%);cursor:pointer;box-shadow:0 2px 6px rgba(255,87,34,.4);transition:transform .2s,background .2s}.cf-map-pin:hover{transform:translate(-50%,-50%) scale(1.3);z-index:2}.cf-map-pin.active{background:#1976d2;box-shadow:0 0 0 4px rgba(25,118,210,.2);z-index:3}.cf-cards{display:flex;flex-direction:column;gap:16px}.cf-card{background:#fff;border:1px solid #efe8e1;border-radius:16px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,.03);transition:transform .2s ease,box-shadow .2s ease}.cf-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(160,82,45,.08)}.cf-card-tags{display:flex;gap:8px;margin-bottom:12px}.cf-tag-type{background:#f3f4f6;color:#4b5563}.cf-tag-dist,.cf-tag-type{font-size:12px;font-weight:600;padding:4px 8px;border-radius:6px}.cf-tag-dist{background:#e8f5e9;color:#2e7d32}.cf-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.cf-card-title{margin:0;font-size:18px;font-weight:700;line-height:1.3}.cf-fav-btn{background:transparent;border:none;font-size:22px;color:#d1d5db;cursor:pointer;padding:0;line-height:1}.cf-fav-btn.active{color:#f59e0b}.cf-card-info{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.cf-card-info p{margin:0;font-size:14px;color:#6b7280;display:flex;align-items:center;gap:6px}.cf-icon{font-size:14px;opacity:.7}.cf-card-action{width:100%;background:snow;border:1px solid #f2e1d5;color:var(--color-primary);font-weight:600;font-size:14px;padding:12px;border-radius:10px;cursor:pointer;transition:background .2s;display:flex;justify-content:center;align-items:center;gap:4px}.cf-card-action:hover{background:#fdf5ef}.cf-empty-state,.cf-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.cf-spinner{width:32px;height:32px;border:3px solid #f3f4f6;border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.cf-empty-icon{font-size:40px;margin-bottom:16px}.cf-empty-state h3{margin:0 0 8px;font-size:18px}.cf-empty-state p{margin:0;color:#6b7280;font-size:14px}.cf-sheet-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;display:flex;flex-direction:column;justify-content:flex-end;animation:fadeIn .2s ease}.cf-sheet{background:#fff;border-radius:24px 24px 0 0;padding:12px 24px 32px;box-shadow:0 -4px 24px rgba(0,0,0,.1);animation:slideUp .3s cubic-bezier(.16,1,.3,1);max-height:85vh;overflow-y:auto}.cf-sheet-drag-zone{touch-action:none}.cf-sheet-handle{width:40px;height:4px;background:#e5e7eb;border-radius:2px;margin:0 auto 20px;cursor:-webkit-grab;cursor:grab}.cf-detail-head{touch-action:none}.filter-sheet h2{margin:0 0 24px;font-size:20px}.cf-sheet-title-draggable{touch-action:none}.cf-sheet-group{margin-bottom:24px}.cf-sheet-group label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:12px}.cf-sheet-chips{display:flex;flex-wrap:wrap;gap:8px}.cf-sheet-chip{background:#f3f4f6;border:1px solid transparent;padding:8px 16px;border-radius:100px;font-size:14px;color:#4b5563;cursor:pointer;transition:all .2s}.cf-sheet-chip.selected{background:#fffaf5;border-color:var(--color-primary);color:var(--color-primary);font-weight:600}.cf-sheet-actions{display:grid;grid-template-columns:1fr 2fr;grid-gap:12px;gap:12px;margin-top:8px}.cf-btn-primary,.cf-btn-secondary{min-height:52px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;border:none}.cf-btn-secondary{background:#f3f4f6;color:#374151}.cf-btn-primary{background:var(--color-primary);color:#fff}.cf-detail-head{margin-bottom:16px}.cf-detail-head h2{margin:0 0 8px;font-size:24px;line-height:1.3}.cf-detail-type{display:inline-block;font-size:13px;background:#f3f4f6;color:#4b5563;padding:4px 10px;border-radius:6px;font-weight:600}.cf-detail-capacity{background:#eef2ff;color:#4338ca;padding:12px;border-radius:10px;font-size:14px;margin-bottom:20px}.cf-eval-card{border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin-bottom:20px}.cf-eval-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}.cf-eval-grade{background:var(--color-primary);color:#fff;font-weight:700;padding:4px 10px;border-radius:6px;font-size:14px}.cf-eval-stars{font-size:18px;letter-spacing:2px}.star-on{color:#f59e0b}.star-off{color:#e5e7eb}.cf-eval-score{font-size:14px;color:#6b7280;font-weight:600}.cf-eval-scores{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.cf-eval-scores span{font-size:12px;background:#f9fafb;border:1px solid #f3f4f6;padding:4px 8px;border-radius:4px;color:#4b5563}.cf-eval-foot{font-size:12px;color:#9ca3af}.cf-detail-section{margin-bottom:24px}.cf-detail-section h3{font-size:16px;margin:0 0 8px;color:#111827}.cf-detail-section p{margin:0;font-size:15px;color:#4b5563;line-height:1.5}.cf-map-links{display:flex;gap:8px;margin-top:12px}.cf-map-link{flex:1 1;text-align:center;padding:10px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;color:#fff}.cf-map-link.kakao{background:#fee500;color:#374151}.cf-map-link.naver{background:#03c75a}.cf-phone-link{display:block;background:#fdf5ef;color:var(--color-primary);padding:16px;border-radius:12px;text-align:center;text-decoration:none;font-size:16px}.cf-phone-link strong{font-size:18px}.cf-close-btn{width:100%;margin-top:8px}.cf-list-header{display:flex;justify-content:space-between;align-items:center;padding:4px 2px 12px}.cf-list-count{font-size:14px;color:var(--color-text-secondary)}.cf-list-count strong{color:var(--color-primary);font-weight:700}.cf-list-page-info{font-size:13px;color:var(--color-text-muted);background:#eee6df;padding:3px 10px;border-radius:999px}.cf-sort-bar{display:flex;gap:8px;padding-bottom:14px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cf-sort-bar::-webkit-scrollbar{display:none}.cf-sort-chip{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:100px;border:1.5px solid #efe8e1;background:#fff;color:var(--color-text-secondary);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .18s ease;flex-shrink:0}.cf-sort-chip:hover:not(.disabled){border-color:var(--color-primary);color:var(--color-primary);background:#fffaf5}.cf-sort-chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 3px 10px rgba(160,82,45,.22)}.cf-sort-chip.disabled{opacity:.38;cursor:not-allowed}.cf-sort-icon{font-size:13px;line-height:1}.cf-pagination{gap:6px;padding:20px 0 8px;flex-wrap:wrap}.cf-page-btn,.cf-pagination{display:flex;justify-content:center;align-items:center}.cf-page-btn{min-width:40px;height:40px;border-radius:10px;border:1px solid #efe8e1;background:#fff;color:var(--color-text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .18s ease;padding:0 8px}.cf-page-btn:hover:not(:disabled){background:#fdf5ef;border-color:var(--color-primary);color:var(--color-primary)}.cf-page-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 4px 12px rgba(160,82,45,.25)}.cf-page-btn:disabled{opacity:.35;cursor:not-allowed}.cf-page-nav{font-size:18px;color:#9ca3af;background:#f7f3ef;border-color:transparent}.cf-page-nav:hover:not(:disabled){background:#ffe8d4;color:var(--color-primary);border-color:transparent}.cf-home-link{display:flex;justify-content:center;align-items:center;gap:8px;margin:20px 20px 40px;background:#fff;border:1px solid var(--color-border);padding:16px;border-radius:12px;text-decoration:none;color:var(--color-text-primary);font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.fam-layout{display:flex;flex-direction:column;gap:20px;padding:0 0 40px;max-width:480px;margin:0 auto}.fam-header{padding:24px 20px 0}.fam-back-btn{background:none;border:none;font-size:14px;color:var(--color-text-secondary,#6b7280);cursor:pointer;padding:0;margin-bottom:12px;display:inline-block}.fam-title{margin:0 0 6px;font-size:28px;font-weight:800;color:var(--color-brand,sienna)}.fam-subtitle{margin:0;font-size:15px;color:var(--color-text-secondary,#6b7280);line-height:1.5}.fam-members-section{margin:0 20px;background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 12px rgba(160,82,45,.08);border:1px solid #f0e8e0}.fam-section-title{margin:0 0 16px;font-size:16px;font-weight:700;display:flex;align-items:center;gap:8px;color:var(--color-text-primary,#111)}.fam-member-count{background:#f0e8e0;color:var(--color-primary,sienna);font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px}.fam-members-loading{display:flex;justify-content:center;padding:20px 0}.fam-spinner{width:24px;height:24px;border:3px solid #f3f4f6;border-top:3px solid var(--color-primary,sienna);border-radius:50%;animation:spin 1s linear infinite}.fam-members-empty{text-align:center;padding:16px 0 4px;color:var(--color-text-secondary,#6b7280)}.fam-empty-icon{display:block;font-size:32px;margin-bottom:8px}.fam-members-empty p{margin:0 0 4px;font-size:15px;font-weight:600}.fam-empty-hint{font-size:13px!important;font-weight:400!important;color:#9ca3af}.fam-member-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.fam-member-item{display:flex;align-items:center;gap:12px;padding:12px;background:#fdf9f6;border-radius:12px;border:1px solid #f0e8e0}.fam-member-emoji{font-size:28px;line-height:1;flex-shrink:0}.fam-member-info{flex:1 1;display:flex;flex-direction:column;gap:2px}.fam-member-name{font-size:15px;font-weight:700;color:var(--color-text-primary,#111)}.fam-member-role{font-size:12px;color:var(--color-text-secondary,#6b7280)}.fam-member-badge{font-size:11px;font-weight:600;background:#e8f5e9;color:#2e7d32;padding:3px 8px;border-radius:999px;flex-shrink:0}.fam-member-action{font-size:12px;font-weight:700;border:0;background:#f5ede0;color:sienna;padding:8px 12px;border-radius:999px;flex-shrink:0;cursor:pointer}.fam-tabs{display:flex;gap:8px;padding:0 20px}.fam-tab{flex:1 1;min-height:48px;border:2px solid #e5e7eb;border-radius:12px;background:#f9fafb;color:var(--color-text-secondary,#6b7280);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.fam-tab.active{background:var(--color-primary,sienna);border-color:var(--color-primary,sienna);color:#fff}.fam-card{margin:0 20px;background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px rgba(160,82,45,.08);border:1px solid #f0e8e0;display:flex;flex-direction:column;gap:16px}.fam-card-title{margin:0;font-size:20px;font-weight:800;color:var(--color-brand,sienna)}.fam-card-desc{margin:-8px 0 0;font-size:14px;color:var(--color-text-secondary,#6b7280)}.fam-role-btns{display:flex;gap:10px}.fam-role-btn{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 8px;border:2px solid #e5e7eb;border-radius:14px;background:#f9fafb;color:var(--color-text-secondary,#6b7280);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.fam-role-btn.active{border-color:var(--color-primary,sienna);background:#fffaf6;color:var(--color-primary,sienna);box-shadow:0 0 0 3px rgba(160,82,45,.1)}.fam-role-icon{font-size:28px;line-height:1}.fam-primary-btn{width:100%;min-height:52px;border:none;border-radius:12px;background:var(--color-primary,sienna);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:opacity .2s,transform .15s}.fam-primary-btn:disabled{opacity:.45;cursor:not-allowed}.fam-primary-btn:not(:disabled):active{transform:scale(.98)}.fam-code-box{background:linear-gradient(135deg,#fff9f5,#fff3eb);border:1px solid #f2d8c8;border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center}.fam-code-hint{margin:0;font-size:13px;color:var(--color-text-secondary,#6b7280)}.fam-code-display{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;flex-wrap:wrap}.fam-code-text{font-size:2.2rem;font-weight:800;letter-spacing:.15em;color:var(--color-brand,sienna);line-height:1;word-break:break-all}.fam-copy-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:40px;height:40px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0}.fam-copy-btn:active{background:#f3f4f6}.fam-code-expiry{margin:0;font-size:12px;color:#9ca3af}.fam-share-btn{width:100%;min-height:48px;border:none;border-radius:12px;background:#111;color:#fff;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .2s,transform .15s}.fam-share-btn:active{transform:scale(.98)}.fam-code-role-desc{margin:0;font-size:13px;color:var(--color-text-secondary,#6b7280)}.fam-code-input{width:100%;font-size:1.8rem;text-align:center;letter-spacing:.15em;padding:14px 12px;border:2px solid #e5e7eb;border-radius:12px;background:#f9fafb;color:var(--color-text-primary,#111);font-weight:700;outline:none;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.fam-code-input:focus{border-color:var(--color-primary,sienna);box-shadow:0 0 0 3px rgba(160,82,45,.12);background:#fff}.fam-success-box{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:14px;padding:28px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.fam-success-icon{font-size:48px;line-height:1;margin-bottom:4px}.fam-success-box h3{margin:0;font-size:22px;font-weight:800;color:#15803d}.fam-success-box p{margin:0 0 16px;font-size:14px;color:#4ade80;color:#16a34a}.fam-error-banner{margin:0 20px;background:#fff0eb;border:1px solid #ffd4c4;color:#b3261e;padding:12px 16px;border-radius:12px;font-size:14px;font-weight:500}.login-logo-wrap{margin-bottom:8px}.login-logo{width:96px;height:96px;object-fit:contain;border-radius:24px;box-shadow:0 4px 20px rgba(160,82,45,.15)}.home-brand-bar{display:flex;align-items:center;gap:8px;margin-bottom:18px;opacity:.85}.home-brand-logo{width:32px;height:32px;object-fit:contain;border-radius:8px}.home-brand-name{font-size:15px;font-weight:700;color:var(--color-brand,sienna);letter-spacing:.02em}.app-ui-layout{position:relative;min-height:calc(100vh - 48px);background:#fdfaf6;border-radius:20px;overflow:hidden;box-shadow:0 12px 40px rgba(160,82,45,.08)}.app-ui-header{position:relative;background:linear-gradient(135deg,sienna,#d4956a);padding:32px 24px 60px;color:#fff;border-radius:0 0 24px 24px}.app-ui-header.short{padding-bottom:48px}.app-ui-header-content{position:relative;z-index:1}.app-ui-title{margin:0 0 12px;font-size:26px;line-height:1.35;font-family:inherit;font-weight:800;color:#fff;white-space:pre-wrap}.app-ui-title.large{font-size:32px}.app-ui-desc{margin:0;font-size:15px;color:#fffbf7;opacity:.9;line-height:1.5}.app-ui-main-floating{position:relative;z-index:10;margin:-40px 20px 20px;display:flex;flex-direction:column;gap:16px}