:root{--color-near-black: #141413;--color-terracotta: #c96442;--color-coral: #d97757;--color-error: #b53333;--color-focus: #3898ec;--color-parchment: #f5f4ed;--color-ivory: #faf9f5;--color-white: #ffffff;--color-warm-sand: #e8e6dc;--color-dark-surface: #30302e;--color-deep-dark: #141413;--color-charcoal-warm: #4d4c48;--color-olive-gray: #5e5d59;--color-stone-gray: #87867f;--color-dark-warm: #3d3d3a;--color-warm-silver: #b0aea5;--color-border-cream: #f0eee6;--color-border-warm: #e8e6dc;--color-border-dark: #30302e;--color-ring-warm: #d1cfc5;--color-ring-subtle: #dedc01;--color-ring-deep: #c2c0b6;--font-serif: Georgia, "Times New Roman", serif;--font-sans: system-ui, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono: "Courier New", Courier, monospace;--text-display: 4rem;--text-section: 3.25rem;--text-subhead-lg: 2.3rem;--text-subhead: 2rem;--text-subhead-sm: 1.6rem;--text-feature: 1.3rem;--text-body-serif: 1.06rem;--text-body-lg: 1.25rem;--text-body-nav: 1.06rem;--text-body: 1rem;--text-body-sm: .94rem;--text-caption: .88rem;--text-label: .75rem;--text-overline: .63rem;--text-micro: .6rem;--text-code: .94rem;--space-0: 0px;--space-0-5: 3px;--space-1: 4px;--space-1-5: 6px;--space-2: 8px;--space-2-5: 10px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 30px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-30: 120px;--radius-sharp: 4px;--radius-subtle: 6px;--radius-comfortable: 8px;--radius-generous: 12px;--radius-rounded: 16px;--radius-highly: 24px;--radius-max: 32px;--radius-full: 9999px;--shadow-ring: 0px 0px 0px 1px var(--color-ring-warm);--shadow-ring-deep: 0px 0px 0px 1px var(--color-ring-deep);--shadow-whisper: 0px 4px 24px rgba(0, 0, 0, .05);--shadow-inset: inset 0px 0px 0px 1px rgba(0, 0, 0, .15);--container-max: 1200px;--transition-fast: .15s ease;--transition-normal: .25s ease}:root{font-family:var(--font-sans);line-height:1.6;font-weight:400;color:var(--color-near-black);background-color:var(--color-parchment);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--color-parchment)}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:500;color:var(--color-near-black);margin-top:0}h1{font-size:var(--text-section);line-height:1.2;letter-spacing:normal}h2{font-size:var(--text-subhead);line-height:1.1}h3{font-size:var(--text-subhead-sm);line-height:1.2}h4{font-size:var(--text-feature);line-height:1.2}p{font-family:var(--font-sans);font-size:var(--text-body);line-height:1.6;color:var(--color-olive-gray)}a{font-weight:500;color:var(--color-dark-warm);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-near-black)}button{border-radius:var(--radius-comfortable);border:none;padding:var(--space-2) var(--space-4);font-size:var(--text-body);font-weight:500;font-family:var(--font-sans);background-color:var(--color-warm-sand);color:var(--color-charcoal-warm);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--color-warm-sand) 0 0 0 0,var(--color-ring-warm) 0 0 0 1px}button:hover:not(:disabled){box-shadow:var(--color-warm-sand) 0 0 0 0,var(--color-ring-deep) 0 0 0 1px}button:active:not(:disabled){box-shadow:var(--shadow-inset)}button:disabled{background-color:var(--color-border-cream);color:var(--color-stone-gray);cursor:not-allowed;box-shadow:none}button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}input,textarea,select{font-family:var(--font-sans);font-size:var(--text-body);color:var(--color-near-black);border:1px solid var(--color-border-warm);border-radius:var(--radius-generous);padding:var(--space-2) var(--space-3);background-color:var(--color-white);transition:border-color var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-focus);box-shadow:0 0 0 2px #3898ec33}.btn-primary{background-color:var(--color-terracotta);color:var(--color-ivory);box-shadow:var(--color-terracotta) 0 0 0 0,var(--color-terracotta) 0 0 0 1px}.btn-primary:hover:not(:disabled){background-color:var(--color-coral);box-shadow:var(--color-coral) 0 0 0 0,var(--color-coral) 0 0 0 1px}.btn-dark{background-color:var(--color-dark-surface);color:var(--color-ivory);box-shadow:var(--color-dark-surface) 0 0 0 0,var(--color-dark-surface) 0 0 0 1px}.btn-dark:hover:not(:disabled){background-color:var(--color-charcoal-warm)}.btn-white{background-color:var(--color-white);color:var(--color-near-black);border-radius:var(--radius-generous);box-shadow:var(--shadow-ring)}.btn-white:hover:not(:disabled){background-color:var(--color-ivory)}.btn-danger{background-color:var(--color-white);color:var(--color-error);box-shadow:0 0 0 1px var(--color-error)}.btn-danger:hover:not(:disabled){background-color:#fdf2f2}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--color-parchment);padding:var(--space-6) var(--space-4)}.auth-box{background:var(--color-ivory);padding:var(--space-10) var(--space-8);border-radius:var(--radius-rounded);border:1px solid var(--color-border-cream);box-shadow:var(--shadow-whisper);width:100%;max-width:420px;position:relative}.auth-box h2{margin:0 0 var(--space-8) 0;text-align:center;color:var(--color-near-black);font-family:var(--font-serif);font-size:var(--text-subhead);font-weight:500;line-height:1.1}.form-group{margin-bottom:var(--space-5)}.form-group label{display:block;margin-bottom:var(--space-2);color:var(--color-olive-gray);font-weight:500;font-size:var(--text-body-sm);font-family:var(--font-sans)}.form-group input{width:100%;padding:var(--space-2-5) var(--space-3);border:1px solid var(--color-border-warm);border-radius:var(--radius-generous);font-size:var(--text-body);box-sizing:border-box;transition:border-color var(--transition-fast);background-color:var(--color-white);color:var(--color-near-black);font-family:var(--font-sans)}.form-group input:hover{border-color:var(--color-ring-warm)}.form-group input:focus{outline:none;border-color:var(--color-focus);box-shadow:0 0 0 2px #3898ec33}.form-group input:disabled{background-color:var(--color-border-cream);border-color:var(--color-border-warm);cursor:not-allowed;color:var(--color-stone-gray)}.error-message{color:var(--color-error);background-color:#fdf2f2;padding:var(--space-3) var(--space-4);border-radius:var(--radius-comfortable);margin-bottom:var(--space-4);font-size:var(--text-caption);border:1px solid rgba(181,51,51,.2);font-family:var(--font-sans)}.submit-btn{width:100%;padding:var(--space-2-5) var(--space-4);background-color:var(--color-terracotta);color:var(--color-ivory);border:none;border-radius:var(--radius-generous);font-size:var(--text-body);font-weight:500;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--color-terracotta) 0 0 0 0,var(--color-terracotta) 0 0 0 1px;margin-top:var(--space-2);font-family:var(--font-sans)}.submit-btn:hover:not(:disabled){background-color:var(--color-coral);box-shadow:var(--color-coral) 0 0 0 0,var(--color-coral) 0 0 0 1px}.submit-btn:disabled{background-color:var(--color-border-cream);color:var(--color-stone-gray);cursor:not-allowed;box-shadow:none}.auth-link{margin-top:var(--space-5);text-align:center;color:var(--color-olive-gray);font-size:var(--text-body-sm);font-family:var(--font-sans)}.auth-link a{color:var(--color-dark-warm);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.auth-link a:hover{color:var(--color-near-black)}.layout-container{min-height:100vh;background-color:var(--color-parchment)}.topnav{position:sticky;top:0;z-index:200;background-color:var(--color-ivory);border-bottom:1px solid var(--color-border-cream)}.topnav-inner{max-width:var(--container-max);margin:0 auto;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6)}.topnav-logo{font-family:var(--font-serif);font-size:var(--text-feature);font-weight:500;color:var(--color-near-black);cursor:pointer;margin-right:var(--space-10);-webkit-user-select:none;user-select:none}.topnav-left{display:flex;align-items:center}.topnav-links{display:flex;align-items:center;gap:var(--space-1)}.nav-link{background:transparent;border:none;border-radius:var(--radius-comfortable);padding:var(--space-1-5) var(--space-3);font-family:var(--font-sans);font-size:var(--text-body-sm);font-weight:400;color:var(--color-olive-gray);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast);box-shadow:none;white-space:nowrap}.nav-link:hover{color:var(--color-near-black);background-color:var(--color-border-cream);box-shadow:none}.nav-link.active{color:var(--color-near-black);font-weight:500;background-color:var(--color-warm-sand);box-shadow:var(--color-warm-sand) 0 0 0 0,var(--color-ring-warm) 0 0 0 1px}.topnav-right{display:flex;align-items:center;gap:var(--space-3)}.user-info{display:flex;align-items:center;gap:var(--space-2)}.user-avatar{width:32px;height:32px;border-radius:var(--radius-full);object-fit:cover;border:1px solid var(--color-border-warm)}.user-avatar-placeholder{width:32px;height:32px;border-radius:var(--radius-full);background-color:var(--color-dark-surface);color:var(--color-ivory);display:flex;align-items:center;justify-content:center;font-weight:500;font-size:var(--text-caption)}.user-name{color:var(--color-near-black);font-size:var(--text-body-sm);font-weight:500}.logout-btn{padding:var(--space-1-5) var(--space-3);background-color:transparent;border:1px solid var(--color-border-warm);border-radius:var(--radius-comfortable);color:var(--color-olive-gray);font-size:var(--text-caption);cursor:pointer;transition:all var(--transition-fast);box-shadow:none}.logout-btn:hover{background-color:var(--color-border-cream);color:var(--color-near-black);box-shadow:none}.content-area{padding:var(--space-8) var(--space-6);min-height:calc(100vh - 60px)}.content-container{max-width:var(--container-max);margin:0 auto}.mobile-menu-btn{display:none;width:36px;height:36px;background:transparent;border:1px solid var(--color-border-warm);border-radius:var(--radius-comfortable);font-size:1.1rem;color:var(--color-near-black);padding:0;cursor:pointer;box-shadow:none;align-items:center;justify-content:center}.mobile-menu-btn:hover{background-color:var(--color-border-cream);box-shadow:none}.mobile-nav-overlay{display:none}@media(max-width:991px){.topnav-inner{padding:0 var(--space-4)}.topnav-logo{margin-right:var(--space-5)}.content-area{padding:var(--space-5) var(--space-4)}}@media(max-width:767px){.mobile-menu-btn{display:flex}.user-name{display:none}.topnav-links{display:none;position:absolute;top:60px;left:0;right:0;background-color:var(--color-ivory);border-bottom:1px solid var(--color-border-cream);flex-direction:column;padding:var(--space-2) 0;z-index:200}.topnav-links.open{display:flex}.nav-link{width:100%;text-align:left;padding:var(--space-3) var(--space-6);border-radius:0}.mobile-nav-overlay{display:block;position:fixed;inset:0;background:#1414134d;z-index:100}.content-area{padding:var(--space-4) var(--space-3)}}@media(max-width:479px){.topnav-inner{padding:0 var(--space-3)}.content-area{padding:var(--space-3) var(--space-2)}}.article-card{background:#faf9f5;border-radius:16px;box-shadow:#0000000d 0 4px 24px;overflow:hidden;transition:box-shadow .2s ease;border:1px solid #f0eee6;display:flex;flex-direction:column;height:100%}.article-card:hover{box-shadow:#00000014 0 8px 32px}.article-cover{position:relative;width:100%;height:200px;overflow:hidden;background:#f0eee6}.cover-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.article-card:hover .cover-image{transform:scale(1.03)}.cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f0eee6}.cover-icon{font-size:3rem;opacity:.25}.state-badge{position:absolute;top:12px;right:12px;padding:4px 10px;border-radius:24px;font-size:.75rem;font-weight:500;letter-spacing:.12px;font-family:system-ui,Arial,sans-serif}.state-badge.published{background:#e8e6dc;color:#4d4c48;box-shadow:#e8e6dc 0 0,#d1cfc5 0 0 0 1px}.state-badge.draft{background:#faf9f5;color:#87867f;box-shadow:#faf9f5 0 0,#d1cfc5 0 0 0 1px}.article-body{padding:1.5rem;flex:1;display:flex;flex-direction:column}.article-title{margin:0 0 .75rem;font-size:1.25rem;font-weight:500;color:#141413;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:Georgia,"Anthropic Serif",serif}.article-summary{margin:0 0 1rem;font-size:.94rem;color:#5e5d59;line-height:1.6;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-family:system-ui,Arial,sans-serif}.article-meta{display:flex;align-items:center;gap:1rem;padding-top:1rem;border-top:1px solid #f0eee6;font-size:.88rem;color:#87867f;font-family:system-ui,Arial,sans-serif}.article-category,.article-time{display:flex;align-items:center;gap:.375rem}.article-actions{padding:1rem 1.5rem;border-top:1px solid #f0eee6;display:flex;gap:.75rem;background:#faf9f5}.action-btn{flex:1;padding:8px 12px;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:system-ui,Arial,sans-serif}.view-btn{background:#c96442;color:#faf9f5;box-shadow:#c96442 0 0,#c96442 0 0 0 1px}.view-btn:hover{background:#b8573a}.view-btn:active{box-shadow:inset 0 0 0 1px #00000026}.edit-btn{background:#e8e6dc;color:#4d4c48;box-shadow:#e8e6dc 0 0,#d1cfc5 0 0 0 1px}.edit-btn:hover{background:#dddbd0;color:#141413}.edit-btn:active{box-shadow:inset 0 0 0 1px #0000001a}.delete-btn{background:transparent;color:#b53333;box-shadow:transparent 0 0 0 0,#b533334d 0 0 0 1px}.delete-btn:hover{background:#b533330f;box-shadow:transparent 0 0 0 0,#b5333380 0 0 0 1px}.article-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem}.empty-state{text-align:center;padding:4rem 2rem;background:#faf9f5;border-radius:16px;border:1px solid #f0eee6;box-shadow:#0000000d 0 4px 24px}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.3}.empty-text{font-size:1.3rem;color:#141413;margin-bottom:.5rem;font-weight:500;font-family:Georgia,"Anthropic Serif",serif}.empty-hint{font-size:.94rem;color:#87867f;line-height:1.6;font-family:system-ui,Arial,sans-serif}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e8e6dc}.page-header h2{margin:0;color:#141413;font-size:1.6rem;font-weight:500;font-family:Georgia,"Anthropic Serif",serif;line-height:1.2}.new-article-btn{padding:8px 16px 8px 12px;background:#c96442;color:#faf9f5;border:none;border-radius:8px;font-size:.94rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:#c96442 0 0,#c96442 0 0 0 1px;font-family:system-ui,Arial,sans-serif}.new-article-btn:hover:not(:disabled){background:#b8573a}.new-article-btn:disabled{background:#e8e6dc;color:#b0aea5;cursor:not-allowed;box-shadow:none}.filter-bar{background:#faf9f5;padding:1.25rem 1.5rem;border-radius:12px;border:1px solid #f0eee6;margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.filter-label{color:#5e5d59;font-weight:500;font-size:.94rem;font-family:system-ui,Arial,sans-serif}.filter-select{padding:6px 12px;border:1px solid #e8e6dc;border-radius:8px;background:#fff;color:#141413;font-size:.94rem;cursor:pointer;transition:all .2s ease;min-width:150px;font-family:system-ui,Arial,sans-serif}.filter-select:hover{border-color:#d1cfc5}.filter-select:focus{outline:none;border-color:#3898ec;box-shadow:0 0 0 3px #3898ec1f}.state-filter-group{display:flex;gap:.5rem}.state-filter-btn{padding:6px 14px;border:none;border-radius:8px;background:#e8e6dc;color:#5e5d59;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:#e8e6dc 0 0,#d1cfc5 0 0 0 1px;font-family:system-ui,Arial,sans-serif}.state-filter-btn:hover{background:#dddbd0;color:#141413}.state-filter-btn.active{background:#141413;color:#faf9f5;box-shadow:#141413 0 0,#141413 0 0 0 1px}.pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:2rem;padding:1.25rem 1.5rem;background:#faf9f5;border-radius:12px;border:1px solid #f0eee6}.pagination-info{color:#87867f;font-size:.88rem;margin-right:1rem;font-family:system-ui,Arial,sans-serif}.pagination-btn{padding:6px 14px;border:none;border-radius:8px;background:#e8e6dc;color:#4d4c48;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px;box-shadow:#e8e6dc 0 0,#d1cfc5 0 0 0 1px;font-family:system-ui,Arial,sans-serif}.pagination-btn:hover:not(:disabled){background:#dddbd0;color:#141413}.pagination-btn:disabled{opacity:.45;cursor:not-allowed}.pagination-page{color:#141413;font-size:.94rem;font-weight:500;min-width:60px;text-align:center;font-family:system-ui,Arial,sans-serif}.home-container{max-width:1400px;margin:0 auto;width:100%}@media(max-width:768px){.page-header{flex-direction:column;align-items:stretch;gap:1rem}.new-article-btn{width:100%;justify-content:center}.article-list{grid-template-columns:1fr}.filter-bar{flex-direction:column;align-items:stretch}.filter-select{width:100%}.state-filter-group{width:100%;justify-content:stretch}.state-filter-btn{flex:1}.pagination{flex-wrap:wrap;gap:.5rem}.pagination-info{width:100%;text-align:center;margin-right:0;margin-bottom:.5rem}}.article-edit-container{max-width:900px;margin:0 auto;width:100%}.article-edit-box{background:var(--color-ivory);padding:2.5rem;border-radius:16px;box-shadow:var(--shadow-whisper);border:1px solid var(--color-border-cream)}.article-edit-box h2{margin:0 0 2rem;color:var(--color-near-black);font-size:1.6rem;font-weight:500;padding-bottom:1rem;border-bottom:1px solid var(--color-border-warm);font-family:var(--font-serif);line-height:1.2}.form-group{margin-bottom:1.75rem}.form-group label{display:block;margin-bottom:.625rem;color:var(--color-olive-gray);font-weight:500;font-size:.94rem;font-family:var(--font-sans)}.form-group .required{color:var(--color-error);margin-left:.25rem}.form-group input[type=text],.form-group select,.form-group textarea{width:100%;padding:8px 12px;border:1px solid var(--color-border-warm);border-radius:12px;font-size:1rem;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease;background-color:var(--color-white);color:var(--color-near-black);font-family:var(--font-sans)}.form-group input[type=text]:hover,.form-group select:hover,.form-group textarea:hover{border-color:var(--color-ring-warm)}.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-focus);box-shadow:0 0 0 3px #3898ec1f}.form-group input[type=text]:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:var(--color-border-cream);border-color:var(--color-border-warm);cursor:not-allowed;color:var(--color-muted)}.form-group textarea{resize:vertical;min-height:200px;line-height:1.6}.form-group select{cursor:pointer}.cover-upload-section{display:flex;flex-direction:column;gap:1rem}.cover-preview{position:relative;width:100%;max-width:400px;border-radius:12px;overflow:hidden;border:1px solid var(--color-border-cream);box-shadow:var(--shadow-whisper)}.cover-preview img{width:100%;height:auto;display:block}.remove-cover-btn{position:absolute;top:.5rem;right:.5rem;width:32px;height:32px;border-radius:50%;background:#b53333e0;color:var(--color-white);border:none;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.remove-cover-btn:hover:not(:disabled){background:var(--color-error)}.remove-cover-btn:disabled{opacity:.45;cursor:not-allowed}.upload-area{display:flex;flex-direction:column;gap:.5rem}.upload-label{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;border:1.5px dashed var(--color-ring-warm);border-radius:12px;background:var(--color-ivory);color:var(--color-olive-gray);font-size:.94rem;cursor:pointer;transition:all .2s ease;font-family:var(--font-sans)}.upload-label:hover{border-color:var(--color-muted);background:var(--color-border-cream);color:var(--color-near-black)}.upload-icon{font-size:1.25rem}.upload-hint{font-size:.875rem;color:var(--color-stone-gray);font-family:var(--font-sans)}.upload-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(201,100,66,.2);border-top-color:var(--color-terracotta);border-radius:50%;animation:spin .8s linear infinite}.state-radio-group{display:flex;gap:1.5rem;flex-wrap:wrap}.radio-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--color-olive-gray);font-size:.94rem;-webkit-user-select:none;user-select:none;font-family:var(--font-sans)}.radio-label input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-terracotta)}.radio-label input[type=radio]:disabled{cursor:not-allowed;opacity:.45}.radio-label.disabled{cursor:not-allowed;opacity:.5}.error-message{color:var(--color-error);background:#b533330f;padding:12px 16px;border-radius:8px;margin-bottom:1.5rem;font-size:.94rem;border:1px solid rgba(181,51,51,.2);font-family:var(--font-sans)}.loading-state{text-align:center;padding:3rem 2rem}.loading-spinner{display:inline-block;width:40px;height:40px;border:3px solid var(--color-warm-sand);border-top-color:var(--color-terracotta);border-radius:50%;animation:spin .8s linear infinite}.loading-text{margin-top:1rem;color:var(--color-stone-gray);font-size:.94rem;font-family:var(--font-sans)}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--color-border-cream)}.cancel-btn{padding:8px 16px 8px 12px;background:var(--color-warm-sand);border:none;border-radius:8px;color:var(--color-charcoal-warm);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:var(--color-warm-sand) 0 0 0 0,var(--color-ring-warm) 0 0 0 1px;font-family:var(--font-sans)}.cancel-btn:hover:not(:disabled){background:#dddbd0;color:var(--color-near-black)}.cancel-btn:disabled{opacity:.45;cursor:not-allowed}.submit-btn{padding:8px 16px 8px 12px;background:var(--color-terracotta);color:var(--color-ivory);border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:var(--color-terracotta) 0 0 0 0,var(--color-terracotta) 0 0 0 1px;font-family:var(--font-sans)}.submit-btn:hover:not(:disabled){background:var(--color-coral)}.submit-btn:active:not(:disabled){box-shadow:inset 0 0 0 1px #00000026}.submit-btn:disabled{background:var(--color-warm-sand);color:var(--color-muted);cursor:not-allowed;box-shadow:none}@media(max-width:768px){.article-edit-box{padding:1.5rem}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%;justify-content:center}.cover-preview{max-width:100%}.state-radio-group{flex-direction:column;gap:1rem}}.loading-state{text-align:center;padding:var(--space-16) var(--space-6);background:var(--color-ivory);border-radius:var(--radius-generous);border:1px solid var(--color-border-cream)}.loading-text{margin-top:var(--space-4);color:var(--color-olive-gray);font-size:var(--text-body-sm);font-family:var(--font-sans)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-comfortable);margin-bottom:var(--space-6);font-size:var(--text-caption);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border:1px solid}.alert-error{color:var(--color-error);background-color:#fdf2f2;border-color:#b5333333}.alert-success{color:#2c6e2f;background-color:#f2faf3;border-color:#2c6e2f33}.alert-info{color:#2a6496;background-color:#f0f7fd;border-color:#2a649633}.alert-warning{color:#8a5a00;background-color:#fef8f0;border-color:#8a5a0033}.alert-message{flex:1}.alert-close{background:transparent;border:none;color:inherit;font-size:1.5rem;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;opacity:.5;transition:opacity var(--transition-fast);box-shadow:none}.alert-close:hover{opacity:1;box-shadow:none}.empty-state{text-align:center;padding:var(--space-16) var(--space-6);background:var(--color-ivory);border-radius:var(--radius-rounded);border:1px solid var(--color-border-cream)}.empty-icon{font-size:4rem;margin-bottom:var(--space-4);opacity:.3}.empty-text{font-size:var(--text-subhead-sm);color:var(--color-near-black);margin-bottom:var(--space-2);font-weight:500;font-family:var(--font-serif)}.empty-hint{font-size:var(--text-body-sm);color:var(--color-stone-gray);line-height:1.6;font-family:var(--font-sans)}.share-modal-mask{position:fixed;inset:0;background:#14141373;display:flex;align-items:center;justify-content:center;z-index:999;padding:var(--space-4)}.share-modal-card{width:min(980px,100%);max-height:90vh;overflow:auto;background:var(--color-ivory);border-radius:var(--radius-relaxed);border:1px solid var(--color-border-cream);box-shadow:var(--shadow-whisper)}.share-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-cream)}.share-modal-header h3{margin:0;font-family:var(--font-serif);font-weight:500;color:var(--color-near-black)}.share-modal-close{background:transparent;border:none;padding:var(--space-1) var(--space-2);font-size:1.25rem;line-height:1;color:var(--color-stone-gray);cursor:pointer;box-shadow:none;border-radius:var(--radius-tight);transition:background var(--transition-fast),color var(--transition-fast)}.share-modal-close:hover{background:var(--color-warm-sand);color:var(--color-near-black)}.share-modal-tabs{display:flex;gap:var(--space-2);padding:var(--space-4) var(--space-5) 0}.share-modal-tabs button{border:1px solid var(--color-ring-warm);background:var(--color-white);color:var(--color-olive-gray);border-radius:var(--radius-comfortable);padding:var(--space-2) var(--space-4);cursor:pointer;box-shadow:none;font-size:var(--text-caption);font-family:var(--font-sans);transition:all var(--transition-fast)}.share-modal-tabs button:hover:not(.active){background:var(--color-parchment);border-color:var(--color-stone-gray)}.share-modal-tabs button.active{background:var(--color-terracotta);color:var(--color-white);border-color:var(--color-terracotta)}.share-form-section,.share-list-section{padding:var(--space-4) var(--space-5)}.share-form-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.share-form-row label{min-width:90px;color:var(--color-olive-gray);font-family:var(--font-sans);font-size:var(--text-caption)}.share-form-row select{appearance:none;-webkit-appearance:none;padding:var(--space-2) 2rem var(--space-2) var(--space-3);border:1px solid var(--color-border-warm);border-radius:var(--radius-comfortable);background-color:var(--color-white);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%235e5d59' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center;background-size:10px;color:var(--color-near-black);font-size:var(--text-caption);font-family:var(--font-sans);min-width:120px;cursor:pointer;transition:border-color var(--transition-fast)}.share-form-row select:hover{border-color:var(--color-ring-warm)}.share-form-row select:focus{outline:none;border-color:var(--color-focus);box-shadow:0 0 0 2px #3898ec26}.share-user-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-2)}.share-user-item{display:flex;align-items:center;gap:var(--space-1);border:1px solid var(--color-border-cream);border-radius:var(--radius-comfortable);padding:var(--space-2) var(--space-3)}.share-user-item em{margin-left:auto;color:var(--color-stone-gray);font-size:.82rem}.share-form-actions{margin-top:var(--space-3)}.share-form-actions button,.share-created-link button,.share-list-table button{border:none;background:var(--color-terracotta);color:var(--color-white);border-radius:var(--radius-comfortable);padding:var(--space-2) var(--space-4);cursor:pointer;font-family:var(--font-sans);font-weight:500;transition:background var(--transition-fast)}.share-form-actions button:hover,.share-created-link button:hover,.share-list-table button:hover{background:var(--color-coral)}.share-created-link{margin-top:var(--space-3);display:flex;gap:var(--space-2)}.share-created-link input{flex:1;border:1px solid var(--color-border-warm);border-radius:var(--radius-comfortable);padding:var(--space-2) var(--space-3);font-family:var(--font-sans);color:var(--color-near-black)}.share-list-table{width:100%;border-collapse:collapse}.share-list-table th,.share-list-table td{text-align:left;padding:var(--space-2);border-bottom:1px solid var(--color-border-cream);font-family:var(--font-sans);font-size:var(--text-caption);color:var(--color-olive-gray)}.share-list-table th{color:var(--color-near-black);font-weight:500}.article-detail-container{max-width:900px;margin:0 auto;width:100%}.detail-header{margin-bottom:1.5rem}.back-btn{padding:8px 16px 8px 12px;background:var(--color-warm-sand);border:none;border-radius:8px;color:var(--color-charcoal-warm);font-size:.94rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;box-shadow:var(--color-warm-sand) 0 0 0 0,var(--color-ring-warm) 0 0 0 1px;font-family:var(--font-sans)}.back-btn:hover{background:#dddbd0;box-shadow:#dddbd0 0 0,#c2c0b6 0 0 0 1px;color:var(--color-near-black)}.article-detail-box{background:var(--color-ivory);padding:2.5rem;border-radius:16px;box-shadow:var(--shadow-whisper);border:1px solid var(--color-border-cream)}.article-detail-title{margin:0 0 1.5rem;color:var(--color-near-black);font-size:2rem;font-weight:500;line-height:1.3;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border-warm);font-family:var(--font-serif)}.article-detail-meta{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border-cream);flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:.5rem;color:var(--color-stone-gray);font-size:.88rem;font-family:var(--font-sans)}.meta-icon{font-size:.9rem}.meta-text{color:var(--color-olive-gray)}.state-badge{padding:4px 10px;border-radius:24px;font-size:.75rem;font-weight:500;letter-spacing:.12px;font-family:var(--font-sans)}.state-badge.published{background:var(--color-warm-sand);color:var(--color-charcoal-warm);box-shadow:var(--color-warm-sand) 0 0 0 0,var(--color-ring-warm) 0 0 0 1px}.state-badge.draft{background:var(--color-ivory);color:var(--color-stone-gray);box-shadow:var(--color-ivory) 0 0 0 0,var(--color-ring-warm) 0 0 0 1px}.article-detail-cover{margin-bottom:2rem;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-whisper);border:1px solid var(--color-border-cream)}.article-detail-cover .cover-image{width:100%;height:auto;display:block;object-fit:cover}.article-detail-content{margin-bottom:2rem;padding:1.5rem 0;border-top:1px solid var(--color-border-cream);border-bottom:1px solid var(--color-border-cream)}.content-text{margin:0;color:var(--color-near-black);font-size:1.06rem;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;font-family:var(--font-serif);background:transparent;border:none;padding:0}.detail-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:1px solid var(--color-border-cream)}.action-btn{padding:8px 16px 8px 12px;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--font-sans)}.edit-btn{background:var(--color-terracotta);color:var(--color-ivory);box-shadow:var(--color-terracotta) 0 0 0 0,var(--color-terracotta) 0 0 0 1px}.edit-btn:hover{background:var(--color-coral);box-shadow:var(--color-coral) 0 0 0 0,var(--color-coral) 0 0 0 1px}.edit-btn:active{box-shadow:inset 0 0 0 1px #00000026}.empty-state{text-align:center;padding:4rem 2rem;background:var(--color-ivory);border-radius:16px;border:1px solid var(--color-border-cream);box-shadow:var(--shadow-whisper)}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.4}.empty-text{font-size:1.3rem;color:var(--color-near-black);margin-bottom:.5rem;font-weight:500;font-family:var(--font-serif)}.empty-hint{font-size:.94rem;color:var(--color-stone-gray);margin-bottom:1.5rem;font-family:var(--font-sans);line-height:1.6}.back-to-list-btn{padding:8px 16px 8px 12px;background:var(--color-terracotta);color:var(--color-ivory);border:none;border-radius:8px;font-size:.94rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:var(--color-terracotta) 0 0 0 0,var(--color-terracotta) 0 0 0 1px;font-family:var(--font-sans)}.back-to-list-btn:hover{background:var(--color-coral)}@media(max-width:768px){.article-detail-box{padding:1.5rem}.article-detail-title{font-size:1.5rem}.article-detail-meta{flex-direction:column;align-items:flex-start;gap:.75rem}.detail-actions{flex-direction:column}.action-btn{width:100%;justify-content:center}}.category-manage-container{max-width:1200px;margin:0 auto;width:100%}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--color-border-cream)}.category-header h2{margin:0;color:var(--color-near-black);font-family:var(--font-serif);font-size:var(--text-subhead);font-weight:500}.add-btn{padding:var(--space-3) var(--space-5);background:var(--color-terracotta);color:var(--color-white);border:none;border-radius:var(--radius-comfortable);font-size:var(--text-body);font-weight:500;cursor:pointer;transition:background var(--transition-fast);box-shadow:var(--color-terracotta) 0 0 0 0,var(--color-terracotta) 0 0 0 1px;font-family:var(--font-sans)}.add-btn:hover:not(:disabled){background:var(--color-coral)}.add-btn:disabled{background:var(--color-warm-sand);color:var(--color-muted);cursor:not-allowed;box-shadow:none}.category-manage-container .error-message{color:var(--color-error);background:#fdf2f2;padding:var(--space-3) var(--space-4);border-radius:var(--radius-comfortable);margin-bottom:var(--space-5);font-size:var(--text-caption);border:1px solid rgba(181,51,51,.2);font-family:var(--font-sans)}.category-manage-container .loading-state{text-align:center;padding:var(--space-9) var(--space-6);background:var(--color-ivory);border-radius:var(--radius-generous);box-shadow:var(--shadow-whisper);border:1px solid var(--color-border-cream)}.category-manage-container .loading-spinner{display:inline-block;width:40px;height:40px;border:3px solid var(--color-warm-sand);border-top-color:var(--color-terracotta);border-radius:50%;animation:spin .8s linear infinite}.category-manage-container .loading-text{margin-top:var(--space-4);color:var(--color-stone-gray);font-size:var(--text-caption);font-family:var(--font-sans)}.category-manage-container .empty-state{text-align:center;padding:var(--space-9) var(--space-6);background:var(--color-ivory);border-radius:var(--radius-generous);box-shadow:var(--shadow-whisper);border:1px solid var(--color-border-cream)}.category-manage-container .empty-icon{font-size:4rem;margin-bottom:var(--space-4);opacity:.4}.category-manage-container .empty-text{font-size:1.1rem;color:var(--color-near-black);margin-bottom:var(--space-2);font-family:var(--font-serif);font-weight:500}.category-manage-container .empty-hint{font-size:var(--text-caption);color:var(--color-stone-gray);font-family:var(--font-sans)}.category-table-container{background:var(--color-ivory);border-radius:var(--radius-generous);box-shadow:var(--shadow-whisper);border:1px solid var(--color-border-cream);overflow:hidden}.category-table{width:100%;border-collapse:collapse}.category-table thead{background:var(--color-parchment)}.category-table th{padding:var(--space-4) var(--space-5);text-align:left;font-weight:500;color:var(--color-near-black);font-size:var(--text-caption);border-bottom:1px solid var(--color-border-cream);font-family:var(--font-sans)}.category-table tbody tr{border-bottom:1px solid var(--color-border-cream);transition:background-color var(--transition-fast)}.category-table tbody tr:hover{background-color:var(--color-parchment)}.category-table tbody tr:last-child{border-bottom:none}.category-table td{padding:var(--space-4) var(--space-5);color:var(--color-olive-gray);font-size:var(--text-caption);font-family:var(--font-sans)}.action-buttons{display:flex;gap:var(--space-2)}.category-manage-container .edit-btn,.category-manage-container .delete-btn{padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-comfortable);font-size:var(--text-small);font-weight:500;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-sans)}.category-manage-container .edit-btn{background:var(--color-terracotta);color:var(--color-white);box-shadow:var(--color-terracotta) 0 0 0 0,var(--color-terracotta) 0 0 0 1px}.category-manage-container .edit-btn:hover:not(:disabled){background:var(--color-coral)}.category-manage-container .delete-btn{background:transparent;color:var(--color-error);border:1px solid rgba(181,51,51,.3)}.category-manage-container .delete-btn:hover:not(:disabled){background:#fdf2f2;border-color:#b5333380}.category-manage-container .edit-btn:disabled,.category-manage-container .delete-btn:disabled{opacity:.45;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#14141373;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.modal-content{background:var(--color-ivory);border-radius:var(--radius-relaxed);box-shadow:var(--shadow-whisper);border:1px solid var(--color-border-cream);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-cream)}.modal-header h3{margin:0;color:var(--color-near-black);font-family:var(--font-serif);font-size:var(--text-subhead);font-weight:500}.modal-close{width:32px;height:32px;border:none;background:transparent;color:var(--color-stone-gray);font-size:1.5rem;line-height:1;cursor:pointer;border-radius:50%;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--color-warm-sand);color:var(--color-near-black)}.modal-content form{padding:var(--space-6)}.modal-content .form-group{margin-bottom:var(--space-5)}.modal-content .form-group label{display:block;margin-bottom:var(--space-2);color:var(--color-olive-gray);font-weight:500;font-size:var(--text-caption);font-family:var(--font-sans)}.modal-content .form-group .required{color:var(--color-error);margin-left:var(--space-1)}.modal-content .form-group input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-warm);border-radius:var(--radius-generous);font-size:var(--text-body);box-sizing:border-box;transition:border-color var(--transition-fast);background-color:var(--color-white);color:var(--color-near-black);font-family:var(--font-sans)}.modal-content .form-group input:hover{border-color:var(--color-ring-warm)}.modal-content .form-group input:focus{outline:none;border-color:var(--color-focus);box-shadow:0 0 0 2px #3898ec26}.modal-content .form-group input:disabled{background-color:var(--color-parchment);border-color:var(--color-border-warm);cursor:not-allowed;color:var(--color-muted)}.modal-actions{display:flex;gap:var(--space-4);justify-content:flex-end;margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-border-cream)}.modal-actions .cancel-btn{padding:var(--space-3) var(--space-5);background:var(--color-warm-sand);border:none;border-radius:var(--radius-comfortable);color:var(--color-charcoal-warm);font-size:var(--text-body);font-weight:500;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-sans);box-shadow:var(--color-warm-sand) 0 0 0 0,var(--color-ring-warm) 0 0 0 1px}.modal-actions .cancel-btn:hover:not(:disabled){background:#dddbd0;color:var(--color-near-black)}.modal-actions .cancel-btn:disabled{opacity:.45;cursor:not-allowed}.modal-actions .submit-btn{padding:var(--space-3) var(--space-5);background:var(--color-terracotta);color:var(--color-white);border:none;border-radius:var(--radius-comfortable);font-size:var(--text-body);font-weight:500;cursor:pointer;transition:background var(--transition-fast);box-shadow:var(--color-terracotta) 0 0 0 0,var(--color-terracotta) 0 0 0 1px;font-family:var(--font-sans)}.modal-actions .submit-btn:hover:not(:disabled){background:var(--color-coral)}.modal-actions .submit-btn:disabled{background:var(--color-warm-sand);color:var(--color-muted);cursor:not-allowed;box-shadow:none}@media(max-width:768px){.category-header{flex-direction:column;align-items:stretch;gap:var(--space-4)}.add-btn{width:100%}.category-table-container{overflow-x:auto}.category-table{min-width:600px}.modal-content{max-width:100%;margin:var(--space-4)}.modal-header,.modal-content form{padding:var(--space-5)}.modal-actions{flex-direction:column}.modal-actions .cancel-btn,.modal-actions .submit-btn{width:100%}}.profile-container{max-width:800px;margin:0 auto;width:100%}.profile-container h2{margin:0 0 var(--space-8) 0;color:var(--color-near-black);font-family:var(--font-serif);font-size:var(--text-subhead);font-weight:500;padding-bottom:var(--space-4);border-bottom:2px solid var(--color-border-cream)}.error-message{color:var(--color-error);background:var(--color-parchment);padding:var(--space-3) var(--space-4);border-radius:var(--radius-comfortable);margin-bottom:var(--space-6);font-family:var(--font-sans);font-size:var(--text-body-sm);border-left:3px solid var(--color-error);box-shadow:var(--shadow-ring)}.success-message{color:#2e7d32;background:var(--color-parchment);padding:var(--space-3) var(--space-4);border-radius:var(--radius-comfortable);margin-bottom:var(--space-6);font-family:var(--font-sans);font-size:var(--text-body-sm);border-left:3px solid #4CAF50;box-shadow:var(--shadow-ring)}.loading-state{text-align:center;padding:var(--space-16) var(--space-8);background:var(--color-white);border-radius:var(--radius-generous);box-shadow:var(--shadow-whisper)}.loading-spinner{display:inline-block;width:40px;height:40px;border:4px solid var(--color-border-warm);border-top-color:var(--color-terracotta);border-radius:var(--radius-full);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{margin-top:var(--space-4);color:var(--color-olive-gray);font-family:var(--font-sans);font-size:var(--text-body-sm)}.profile-sections{display:flex;flex-direction:column;gap:var(--space-8)}.profile-section{background:var(--color-white);padding:var(--space-8);border-radius:var(--radius-generous);box-shadow:var(--shadow-whisper);border:1px solid var(--color-border-cream)}.section-header{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-cream)}.section-header h3{margin:0;color:var(--color-near-black);font-family:var(--font-serif);font-size:var(--text-feature);font-weight:500}.avatar-upload-section{display:flex;align-items:flex-start;gap:var(--space-8);flex-wrap:wrap}.avatar-preview{flex-shrink:0}.avatar-preview img{width:120px;height:120px;border-radius:var(--radius-full);object-fit:cover;border:3px solid var(--color-border-warm);box-shadow:var(--shadow-whisper)}.avatar-placeholder{width:120px;height:120px;border-radius:var(--radius-full);background:var(--color-terracotta);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-weight:500;font-size:3rem;border:3px solid var(--color-border-warm);box-shadow:var(--shadow-whisper)}.upload-control{flex:1;min-width:200px;display:flex;flex-direction:column;gap:var(--space-2)}.upload-label{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border:2px dashed var(--color-ring-warm);border-radius:var(--radius-comfortable);background:var(--color-ivory);color:var(--color-olive-gray);font-family:var(--font-sans);font-size:var(--text-body-sm);cursor:pointer;transition:all var(--transition-normal);width:fit-content}.upload-label:hover:not(.uploading){border-color:var(--color-terracotta);background:var(--color-parchment);color:var(--color-near-black)}.upload-label:active:not(.uploading){background:var(--color-warm-sand)}.upload-label.uploading{cursor:not-allowed;opacity:.7}.upload-icon{font-size:var(--text-body-lg)}.upload-hint{font-family:var(--font-sans);font-size:var(--text-caption);color:var(--color-stone-gray)}.upload-spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--color-border-warm);border-top-color:var(--color-terracotta);border-radius:var(--radius-full);animation:spin .8s linear infinite}.form-group{margin-bottom:var(--space-6)}.form-group label{display:block;margin-bottom:var(--space-2);color:var(--color-charcoal-warm);font-family:var(--font-sans);font-weight:500;font-size:var(--text-body-sm)}.form-group .required{color:var(--color-error);margin-left:var(--space-1)}.form-group input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-warm);border-radius:var(--radius-comfortable);font-family:var(--font-sans);font-size:var(--text-body);box-sizing:border-box;transition:all var(--transition-normal);background-color:var(--color-ivory);color:var(--color-near-black)}.form-group input:hover:not(:disabled){border-color:var(--color-ring-warm);background-color:var(--color-white)}.form-group input:focus:not(:disabled){outline:none;border-color:var(--color-focus);background-color:var(--color-white);box-shadow:0 0 0 3px #3898ec26}.form-group input:disabled,.form-group input.disabled-input{background-color:var(--color-parchment);border-color:var(--color-border-warm);cursor:not-allowed;color:var(--color-warm-silver)}.form-hint{margin-top:var(--space-2);font-family:var(--font-sans);font-size:var(--text-caption);color:var(--color-stone-gray)}.submit-btn{padding:var(--space-3) var(--space-6);background:var(--color-terracotta);color:var(--color-white);border:none;border-radius:var(--radius-comfortable);font-family:var(--font-sans);font-size:var(--text-body);font-weight:500;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-ring);margin-top:var(--space-2)}.submit-btn:hover:not(:disabled){background:var(--color-coral);box-shadow:var(--shadow-whisper)}.submit-btn:active:not(:disabled){box-shadow:var(--shadow-inset)}.submit-btn:disabled{background:var(--color-warm-sand);color:var(--color-warm-silver);cursor:not-allowed;box-shadow:none}@media(max-width:768px){.profile-section{padding:var(--space-6)}.avatar-upload-section{flex-direction:column;align-items:center}.upload-control{width:100%;align-items:center}.upload-label{width:100%;justify-content:center}}.friends-container{max-width:1200px;margin:0 auto;width:100%}.friends-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--color-border-cream)}.friends-header h2{margin:0;color:var(--color-near-black);font-family:var(--font-serif);font-size:var(--text-subhead);font-weight:500}.requests-btn{position:relative;padding:var(--space-2) var(--space-5);background:var(--color-terracotta);color:var(--color-white);border:none;border-radius:var(--radius-comfortable);font-family:var(--font-sans);font-size:var(--text-body-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-ring)}.requests-btn:hover{background:var(--color-coral);box-shadow:var(--shadow-whisper)}.badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;background:var(--color-error);color:var(--color-white);border-radius:var(--radius-full);font-family:var(--font-sans);font-size:var(--text-label);font-weight:500;display:flex;align-items:center;justify-content:center;padding:0 5px;line-height:1}.search-section{position:relative;margin-bottom:var(--space-6)}.search-input-wrapper{position:relative}.search-input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) 2.75rem;border:1px solid var(--color-border-warm);border-radius:var(--radius-generous);background:var(--color-white);color:var(--color-near-black);font-family:var(--font-sans);font-size:var(--text-body);box-sizing:border-box;transition:all var(--transition-fast);box-shadow:var(--shadow-ring)}.search-input:hover{border-color:var(--color-ring-warm)}.search-input:focus{outline:none;border-color:var(--color-focus);box-shadow:0 0 0 3px #3898ec26}.search-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);font-size:1.1rem;opacity:.5;pointer-events:none}.search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-white);border:1px solid var(--color-border-cream);border-radius:var(--radius-generous);box-shadow:var(--shadow-whisper);max-height:400px;overflow-y:auto;z-index:200}.search-loading,.search-empty{padding:var(--space-6);text-align:center;color:var(--color-stone-gray);font-family:var(--font-sans);font-size:var(--text-body-sm)}.search-result-item{display:flex;align-items:center;padding:var(--space-3) var(--space-4);gap:var(--space-3);border-bottom:1px solid var(--color-border-cream);transition:background var(--transition-fast)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--color-parchment)}.search-avatar{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--color-border-warm);flex-shrink:0}.search-avatar-placeholder{width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-terracotta);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-weight:500;font-size:var(--text-body-sm);flex-shrink:0}.search-user-info{flex:1;min-width:0}.search-username{font-family:var(--font-sans);font-weight:500;color:var(--color-near-black);font-size:var(--text-body-sm)}.search-nickname{color:var(--color-stone-gray);font-family:var(--font-sans);font-size:var(--text-caption);margin-top:2px}.search-action-btn{padding:var(--space-1) var(--space-3);border-radius:var(--radius-comfortable);font-family:var(--font-sans);font-size:var(--text-caption);font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:none;flex-shrink:0}.search-action-btn.add{background:var(--color-terracotta);color:var(--color-white);box-shadow:var(--shadow-ring)}.search-action-btn.add:hover{background:var(--color-coral);box-shadow:var(--shadow-whisper)}.search-action-btn.accept{background:#2e7d32;color:var(--color-white)}.search-action-btn.accept:hover{background:#388e3c;box-shadow:var(--shadow-whisper)}.search-action-btn.disabled{background:var(--color-warm-sand);color:var(--color-warm-silver);cursor:default;box-shadow:none}.friend-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-5);margin-bottom:var(--space-8)}.friend-card{background:var(--color-white);border-radius:var(--radius-generous);padding:var(--space-6);box-shadow:var(--shadow-whisper);border:1px solid var(--color-border-cream);display:flex;flex-direction:column;align-items:center;text-align:center;transition:box-shadow var(--transition-fast)}.friend-card:hover{box-shadow:var(--shadow-ring),var(--shadow-whisper)}.friend-avatar{width:72px;height:72px;border-radius:var(--radius-full);object-fit:cover;border:3px solid var(--color-border-warm);margin-bottom:var(--space-3)}.friend-avatar-placeholder{width:72px;height:72px;border-radius:var(--radius-full);background:var(--color-terracotta);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-weight:500;font-size:var(--text-subhead);margin-bottom:var(--space-3)}.friend-username{font-family:var(--font-sans);font-weight:500;color:var(--color-near-black);font-size:var(--text-body);margin-bottom:var(--space-1)}.friend-nickname{color:var(--color-stone-gray);font-family:var(--font-sans);font-size:var(--text-caption);margin-bottom:var(--space-4)}.friend-since{color:var(--color-warm-silver);font-family:var(--font-sans);font-size:var(--text-label);margin-bottom:var(--space-4)}.friend-delete-btn{padding:var(--space-2) var(--space-5);background:transparent;color:var(--color-error);border:1px solid var(--color-error);border-radius:var(--radius-comfortable);font-family:var(--font-sans);font-size:var(--text-caption);cursor:pointer;transition:all var(--transition-fast);width:100%}.friend-delete-btn:hover{background:#b533330f;border-color:var(--color-error)}.friends-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-5);background:var(--color-white);border-radius:var(--radius-generous);box-shadow:var(--shadow-ring)}.friends-pagination .page-info{color:var(--color-olive-gray);font-family:var(--font-sans);font-size:var(--text-body-sm);margin-right:var(--space-4)}.friends-pagination .page-btn{padding:var(--space-2) var(--space-4);border:1px solid var(--color-ring-warm);border-radius:var(--radius-comfortable);background:var(--color-white);color:var(--color-olive-gray);font-family:var(--font-sans);font-size:var(--text-body-sm);cursor:pointer;transition:all var(--transition-fast);min-width:80px}.friends-pagination .page-btn:hover:not(:disabled){background:var(--color-parchment);border-color:var(--color-ring-deep)}.friends-pagination .page-btn:disabled{opacity:.5;cursor:not-allowed}.friends-pagination .page-current{color:var(--color-near-black);font-family:var(--font-sans);font-weight:500;font-size:var(--text-body-sm);min-width:60px;text-align:center}.requests-container{max-width:800px;margin:0 auto;width:100%}.requests-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--color-border-cream)}.back-btn{padding:var(--space-2) var(--space-4);background:transparent;border:1px solid var(--color-ring-warm);border-radius:var(--radius-comfortable);color:var(--color-olive-gray);font-family:var(--font-sans);font-size:var(--text-body-sm);cursor:pointer;transition:all var(--transition-fast)}.back-btn:hover{background:var(--color-parchment);border-color:var(--color-ring-deep)}.requests-header h2{margin:0;color:var(--color-near-black);font-family:var(--font-serif);font-size:var(--text-subhead);font-weight:500}.requests-tabs{display:flex;gap:0;margin-bottom:var(--space-6);background:var(--color-white);border-radius:var(--radius-generous);box-shadow:var(--shadow-ring);overflow:hidden;border:1px solid var(--color-border-cream)}.tab-btn{flex:1;padding:var(--space-3) var(--space-6);background:transparent;border:none;color:var(--color-olive-gray);font-family:var(--font-sans);font-size:var(--text-body-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);position:relative}.tab-btn:hover{background:var(--color-parchment)}.tab-btn.active{background:var(--color-terracotta);color:var(--color-white);box-shadow:var(--shadow-ring)}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:var(--radius-full);font-family:var(--font-sans);font-size:.7rem;font-weight:500;margin-left:6px;line-height:1}.tab-btn.active .tab-badge{background:#ffffff4d;color:var(--color-white)}.tab-btn:not(.active) .tab-badge{background:var(--color-warm-sand);color:var(--color-olive-gray)}.request-card{background:var(--color-white);border-radius:var(--radius-generous);padding:var(--space-5);margin-bottom:var(--space-3);box-shadow:var(--shadow-ring);border:1px solid var(--color-border-cream);display:flex;align-items:center;gap:var(--space-4);transition:box-shadow var(--transition-fast)}.request-card:hover{box-shadow:var(--shadow-ring),var(--shadow-whisper)}.request-avatar{width:48px;height:48px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--color-border-warm);flex-shrink:0}.request-avatar-placeholder{width:48px;height:48px;border-radius:var(--radius-full);background:var(--color-terracotta);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-weight:500;font-size:1.1rem;flex-shrink:0}.request-info{flex:1;min-width:0}.request-username{font-family:var(--font-sans);font-weight:500;color:var(--color-near-black);font-size:var(--text-body-sm)}.request-message{color:var(--color-olive-gray);font-family:var(--font-sans);font-size:var(--text-caption);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.request-time{color:var(--color-warm-silver);font-family:var(--font-sans);font-size:var(--text-label);margin-top:3px}.request-actions{display:flex;gap:var(--space-2);flex-shrink:0}.req-accept-btn{padding:var(--space-1) var(--space-4);background:#2e7d32;color:var(--color-white);border:none;border-radius:var(--radius-comfortable);font-family:var(--font-sans);font-size:var(--text-caption);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.req-accept-btn:hover{background:#388e3c;box-shadow:var(--shadow-whisper)}.req-reject-btn{padding:var(--space-1) var(--space-4);background:transparent;color:var(--color-error);border:1px solid var(--color-error);border-radius:var(--radius-comfortable);font-family:var(--font-sans);font-size:var(--text-caption);cursor:pointer;transition:all var(--transition-fast)}.req-reject-btn:hover{background:#b533330f;border-color:var(--color-error)}.request-status{padding:var(--space-1) var(--space-3);border-radius:var(--radius-rounded);font-family:var(--font-sans);font-size:var(--text-label);font-weight:500;flex-shrink:0}.request-status.accepted{background:#4caf501f;color:#2e7d32}.request-status.rejected{background:var(--color-parchment);color:var(--color-stone-gray)}.request-status.pending{background:#ff98001f;color:#e65100}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:300}.modal-content{background:var(--color-white);border-radius:var(--radius-generous);padding:var(--space-8);width:90%;max-width:400px;box-shadow:var(--shadow-whisper)}.modal-content h3{margin:0 0 var(--space-4);color:var(--color-near-black);font-family:var(--font-serif);font-size:var(--text-feature);font-weight:500}.modal-content textarea{width:100%;padding:var(--space-3);border:1px solid var(--color-border-warm);border-radius:var(--radius-comfortable);font-family:var(--font-sans);font-size:var(--text-body-sm);resize:vertical;min-height:80px;box-sizing:border-box;color:var(--color-near-black);background:var(--color-ivory);transition:border-color var(--transition-fast)}.modal-content textarea:focus{outline:none;border-color:var(--color-focus);box-shadow:0 0 0 3px #3898ec26}.modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-5)}.modal-cancel-btn{padding:var(--space-2) var(--space-5);background:transparent;border:1px solid var(--color-ring-warm);border-radius:var(--radius-comfortable);color:var(--color-olive-gray);font-family:var(--font-sans);font-size:var(--text-body-sm);cursor:pointer;transition:all var(--transition-fast)}.modal-cancel-btn:hover{background:var(--color-parchment)}.modal-submit-btn{padding:var(--space-2) var(--space-5);background:var(--color-terracotta);color:var(--color-white);border:none;border-radius:var(--radius-comfortable);font-family:var(--font-sans);font-size:var(--text-body-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-ring)}.modal-submit-btn:hover{background:var(--color-coral);box-shadow:var(--shadow-whisper)}.modal-submit-btn:disabled{background:var(--color-warm-sand);color:var(--color-warm-silver);cursor:not-allowed;box-shadow:none}.confirm-text{color:var(--color-charcoal-warm);font-family:var(--font-sans);font-size:var(--text-body-sm);line-height:1.6;margin-bottom:0}.toast{position:fixed;top:20px;right:20px;padding:var(--space-3) var(--space-5);border-radius:var(--radius-comfortable);font-family:var(--font-sans);font-size:var(--text-body-sm);font-weight:500;z-index:400;box-shadow:var(--shadow-whisper);animation:toastIn .3s ease}.toast.success{background:#2e7d32;color:var(--color-white)}.toast.error{background:var(--color-error);color:var(--color-white)}@keyframes toastIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.friends-header{flex-direction:column;align-items:stretch;gap:var(--space-4)}.friend-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.request-card{flex-wrap:wrap}.request-actions{width:100%;justify-content:flex-end}.friends-pagination{flex-wrap:wrap;gap:var(--space-2)}.friends-pagination .page-info{width:100%;text-align:center;margin-right:0}}.share-view-page{max-width:900px;margin:var(--space-6) auto;padding:0 var(--space-4)}.share-view-box,.share-view-article{background:var(--color-ivory);border-radius:var(--radius-relaxed);box-shadow:var(--shadow-whisper);border:1px solid var(--color-border-cream);padding:var(--space-5)}.share-view-box h2{margin-top:0;font-family:var(--font-serif);font-weight:500;color:var(--color-near-black)}.share-view-links{display:flex;gap:var(--space-4);margin-top:var(--space-4)}.share-view-links a{color:var(--color-terracotta);text-decoration:none;font-weight:500;font-family:var(--font-sans);transition:color var(--transition-fast)}.share-view-links a:hover{color:var(--color-coral)}.share-view-meta{display:flex;gap:var(--space-4);flex-wrap:wrap;margin:var(--space-4) 0;color:var(--color-stone-gray);font-family:var(--font-sans);font-size:var(--text-caption)}.share-view-cover{width:100%;border-radius:var(--radius-comfortable);margin:var(--space-2) 0 var(--space-4)}.share-view-content{margin:0;white-space:pre-wrap;line-height:1.6;color:var(--color-near-black);font-family:var(--font-serif)}.building-home-container{display:flex;flex-direction:column;gap:var(--space-4)}.page-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-warm)}.header-actions{display:flex;gap:var(--space-2);align-items:center}.import-btn{padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-comfortable);background-color:var(--color-warm-sand);color:var(--color-charcoal-warm);font-size:var(--text-body-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--color-warm-sand) 0 0 0 0,var(--color-ring-warm) 0 0 0 1px;font-family:var(--font-sans)}.import-btn:hover:not(:disabled){background-color:#dddbd0;color:var(--color-near-black)}.import-btn:disabled{cursor:not-allowed;opacity:.6}.new-btn{padding:var(--space-2) var(--space-4) var(--space-2) var(--space-3);border:none;border-radius:var(--radius-comfortable);background-color:var(--color-terracotta);color:var(--color-ivory);font-size:var(--text-body-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--color-terracotta) 0 0 0 0,var(--color-terracotta) 0 0 0 1px;font-family:var(--font-sans)}.new-btn:hover{background-color:var(--color-coral)}.search-bar{display:flex;gap:var(--space-2)}.search-bar input{flex:1;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-warm);border-radius:var(--radius-generous);background:var(--color-white);color:var(--color-near-black);font-size:var(--text-body-sm);font-family:var(--font-sans)}.search-bar input:focus{outline:none;border-color:var(--color-focus);box-shadow:0 0 0 2px #3898ec33}.search-bar button{padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-comfortable);background-color:var(--color-dark-surface);color:var(--color-ivory);font-size:var(--text-body-sm);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--color-dark-surface) 0 0 0 0,var(--color-dark-surface) 0 0 0 1px;font-family:var(--font-sans)}.search-bar button:hover{background-color:var(--color-charcoal-warm)}.error-message{padding:var(--space-3) var(--space-4);border:1px solid rgba(181,51,51,.2);background-color:#fdf2f2;color:var(--color-error);border-radius:var(--radius-comfortable);font-size:var(--text-caption);font-family:var(--font-sans)}.loading-state,.empty-state{padding:var(--space-10);text-align:center;color:var(--color-stone-gray);font-family:var(--font-sans)}.building-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.building-card{border:1px solid var(--color-border-cream);border-radius:var(--radius-comfortable);padding:var(--space-4);background:var(--color-ivory);display:flex;flex-direction:column;gap:var(--space-3);transition:box-shadow var(--transition-fast)}.building-card:hover{box-shadow:var(--shadow-whisper)}.building-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2)}.building-title{margin:0;cursor:pointer;color:var(--color-near-black);font-family:var(--font-serif);font-weight:500;font-size:var(--text-feature);line-height:1.2}.building-title:hover{color:var(--color-terracotta);text-decoration:none}.building-meta{display:flex;flex-direction:column;gap:var(--space-1);color:var(--color-olive-gray);font-size:var(--text-caption);font-family:var(--font-sans)}.permission-badge{padding:var(--space-1) var(--space-2-5);border-radius:var(--radius-full);font-size:var(--text-label);font-weight:500;font-family:var(--font-sans);letter-spacing:.12px}.permission-owner{background-color:var(--color-warm-sand);color:var(--color-charcoal-warm);box-shadow:var(--color-warm-sand) 0 0 0 0,var(--color-ring-warm) 0 0 0 1px}.permission-edit{background-color:var(--color-border-cream);color:var(--color-olive-gray);box-shadow:var(--color-border-cream) 0 0 0 0,var(--color-ring-warm) 0 0 0 1px}.permission-read{background-color:var(--color-ivory);color:var(--color-stone-gray);box-shadow:var(--color-ivory) 0 0 0 0,var(--color-ring-warm) 0 0 0 1px}.permission-none{background-color:var(--color-border-cream);color:var(--color-stone-gray)}.building-actions{display:flex;gap:var(--space-2)}.building-actions .action-btn{border:none;border-radius:var(--radius-comfortable);padding:var(--space-1-5) var(--space-3);cursor:pointer;font-weight:500;font-size:var(--text-caption);font-family:var(--font-sans);transition:all var(--transition-fast)}.building-actions .view-btn{background-color:var(--color-terracotta);color:var(--color-ivory);box-shadow:var(--color-terracotta) 0 0 0 0,var(--color-terracotta) 0 0 0 1px}.building-actions .view-btn:hover{background-color:var(--color-coral)}.building-actions .edit-btn{background-color:var(--color-warm-sand);color:var(--color-charcoal-warm);box-shadow:var(--color-warm-sand) 0 0 0 0,var(--color-ring-warm) 0 0 0 1px}.building-actions .edit-btn:hover{background-color:#dddbd0;color:var(--color-near-black)}.building-actions .delete-btn{background-color:transparent;color:var(--color-error);box-shadow:transparent 0 0 0 0,#b533334d 0 0 0 1px}.building-actions .delete-btn:hover{background-color:#b533330f}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-ivory);border-radius:var(--radius-generous);border:1px solid var(--color-border-cream)}.pagination button{border:none;padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-comfortable);background-color:var(--color-warm-sand);color:var(--color-charcoal-warm);cursor:pointer;font-size:var(--text-caption);font-family:var(--font-sans);box-shadow:var(--color-warm-sand) 0 0 0 0,var(--color-ring-warm) 0 0 0 1px;transition:all var(--transition-fast)}.pagination button:hover:not(:disabled){background-color:#dddbd0;color:var(--color-near-black)}.pagination button:disabled{cursor:not-allowed;opacity:.45;background-color:var(--color-border-cream);color:var(--color-stone-gray);box-shadow:none}@media(max-width:767px){.building-grid{grid-template-columns:1fr}}.building-edit-container{display:flex;justify-content:center;padding:var(--space-4) 0}.building-edit-card{width:min(720px,100%);background:var(--color-ivory);border:1px solid var(--color-border-cream);border-radius:var(--radius-generous);padding:var(--space-6);box-shadow:var(--shadow-whisper)}.building-edit-card h2{margin-top:0;margin-bottom:var(--space-4);font-family:var(--font-serif);font-weight:500;color:var(--color-near-black)}.building-edit-card .form-group{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3)}.building-edit-card .form-group input,.building-edit-card .form-group select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-warm);border-radius:var(--radius-generous);background:var(--color-white);color:var(--color-near-black);font-family:var(--font-sans);font-size:var(--text-body);transition:border-color var(--transition-fast)}.building-edit-card .form-group input:focus,.building-edit-card .form-group select:focus{outline:none;border-color:var(--color-focus);box-shadow:0 0 0 2px #3898ec33}.building-edit-card .form-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border-cream)}.building-edit-card .cancel-btn,.building-edit-card .submit-btn{border:none;border-radius:var(--radius-comfortable);padding:var(--space-2) var(--space-4);cursor:pointer;font-weight:500;font-family:var(--font-sans);font-size:var(--text-body);transition:all var(--transition-fast)}.building-edit-card .cancel-btn{background:var(--color-warm-sand);color:var(--color-charcoal-warm);box-shadow:var(--color-warm-sand) 0 0 0 0,var(--color-ring-warm) 0 0 0 1px}.building-edit-card .cancel-btn:hover{background:#dddbd0;color:var(--color-near-black)}.building-edit-card .submit-btn{background:var(--color-terracotta);color:var(--color-ivory);box-shadow:var(--color-terracotta) 0 0 0 0,var(--color-terracotta) 0 0 0 1px}.building-edit-card .submit-btn:hover:not(:disabled){background:var(--color-coral)}.building-edit-card .error-message{padding:var(--space-3) var(--space-4);border:1px solid rgba(181,51,51,.2);background:#fdf2f2;color:var(--color-error);border-radius:var(--radius-comfortable);margin-bottom:var(--space-3);font-size:var(--text-caption)}.building-share-modal-mask{position:fixed;inset:0;background:#14141373;display:flex;justify-content:center;align-items:center;z-index:1000}.building-share-modal-card{width:min(860px,92vw);max-height:88vh;overflow:auto;background:var(--color-ivory);border-radius:var(--radius-relaxed);padding:var(--space-4);border:1px solid var(--color-border-cream);box-shadow:var(--shadow-whisper)}.building-share-modal-header{display:flex;justify-content:space-between;align-items:center}.building-share-modal-header h3{margin:0;font-family:var(--font-serif);font-weight:500;color:var(--color-near-black)}.building-share-modal-close{border:none;background:transparent;font-size:1.6rem;line-height:1;color:var(--color-stone-gray);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-comfortable);transition:background var(--transition-fast),color var(--transition-fast)}.building-share-modal-close:hover{background:var(--color-warm-sand);color:var(--color-near-black)}.building-share-form-section{margin-top:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border-cream);border-radius:var(--radius-generous)}.building-share-form-row{display:flex;align-items:center;gap:var(--space-2)}.building-share-form-row label{color:var(--color-olive-gray);font-family:var(--font-sans);font-size:var(--text-caption)}.building-share-user-grid{margin-top:var(--space-3);display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.building-share-user-item{border:1px solid var(--color-border-cream);border-radius:var(--radius-comfortable);padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.building-share-user-item em{font-size:.82rem;color:var(--color-stone-gray)}.building-share-form-actions{margin-top:var(--space-3);display:flex;gap:var(--space-2)}.building-share-form-actions button{border:none;border-radius:var(--radius-comfortable);background:var(--color-terracotta);color:var(--color-white);padding:var(--space-2) var(--space-3);cursor:pointer;font-family:var(--font-sans);font-weight:500;transition:background var(--transition-fast)}.building-share-form-actions button:hover:not(:disabled){background:var(--color-coral)}.building-share-public-btn{background:var(--color-coral)!important}.building-share-form-actions button:disabled{opacity:.45;cursor:not-allowed}.building-share-list-section{margin-top:var(--space-4)}.building-share-list-table{width:100%;border-collapse:collapse}.building-share-list-table th,.building-share-list-table td{border-bottom:1px solid var(--color-border-cream);text-align:left;padding:var(--space-2);font-family:var(--font-sans);font-size:var(--text-caption);color:var(--color-olive-gray)}.building-share-list-table th{color:var(--color-near-black);font-weight:500}.building-share-list-table button{border:none;border-radius:var(--radius-comfortable);background:#fdf2f2;color:var(--color-error);padding:var(--space-1) var(--space-3);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-caption);transition:background var(--transition-fast)}.building-share-list-table button:hover{background:#f8e0e0}.building-detail-container{display:flex;flex-direction:column;gap:var(--space-4);font-family:system-ui,Arial,sans-serif}.building-detail-container .detail-header{display:flex}.building-detail-container .back-btn{border:none;background:var(--color-warm-sand);color:var(--color-charcoal-warm);padding:var(--space-2) var(--space-4);border-radius:var(--radius-comfortable);cursor:pointer;box-shadow:var(--color-ring-warm) 0 0 0 1px;font-family:system-ui,Arial,sans-serif;font-weight:500;transition:background var(--transition-fast),box-shadow var(--transition-fast)}.building-detail-container .back-btn:hover:not(:disabled){background:var(--color-border-cream);box-shadow:var(--color-stone-gray) 0 0 0 1px}.building-detail-card,.upload-card,.files-card{background:var(--color-ivory);border:none;border-radius:var(--radius-generous);padding:var(--space-5);box-shadow:var(--color-ring-warm) 0 0 0 1px,#0000000d 0 4px 24px}.building-detail-card .detail-title-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.building-detail-card .detail-meta{margin-top:var(--space-3);display:grid;gap:var(--space-2);color:var(--color-olive-gray)}.building-detail-card .detail-actions{margin-top:var(--space-5);display:flex;gap:var(--space-3);border-top:1px solid var(--color-border-cream);padding-top:var(--space-4)}.building-detail-container .action-btn{border:none;border-radius:var(--radius-comfortable);padding:var(--space-3) var(--space-4);min-width:170px;font-family:system-ui,Arial,sans-serif;font-weight:500;cursor:pointer;transition:background var(--transition-fast),box-shadow var(--transition-fast)}.building-detail-container .edit-btn{background:var(--color-terracotta);color:var(--color-ivory);box-shadow:var(--color-coral) 0 0 0 1px}.building-detail-container .edit-btn:hover:not(:disabled){background:var(--color-coral)}.building-detail-container .knowledge-btn{background:var(--color-charcoal-warm);color:var(--color-ivory);box-shadow:var(--color-near-black) 0 0 0 1px}.building-detail-container .knowledge-btn:hover:not(:disabled){background:var(--color-near-black)}.building-detail-container .share-btn{background:var(--color-warm-sand);color:var(--color-charcoal-warm);box-shadow:var(--color-ring-warm) 0 0 0 1px}.building-detail-container .share-btn:hover:not(:disabled){background:var(--color-border-cream)}.building-detail-container .action-btn:hover:not(:disabled){box-shadow:var(--color-ring-warm) 0 0 0 1px,#0000000d 0 4px 24px}.building-detail-container .action-btn:active:not(:disabled){opacity:.92}.upload-card h3,.files-card h3{margin:0 0 var(--space-4);color:var(--color-near-black);font-family:Georgia,"Anthropic Serif",serif;font-weight:500}.files-card-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.files-card-header h3{margin:0}.new-note-btn{border:none;border-radius:var(--radius-comfortable);background:var(--color-terracotta);color:var(--color-ivory);padding:var(--space-2) var(--space-4);font-family:system-ui,Arial,sans-serif;font-weight:500;min-width:124px;cursor:pointer;box-shadow:var(--color-coral) 0 0 0 1px;transition:background var(--transition-fast)}.new-note-btn:hover:not(:disabled){background:var(--color-coral)}.upload-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.file-picker-wrap{display:flex;align-items:center;gap:var(--space-3);flex:1 1 420px;min-width:260px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-warm);border-radius:var(--radius-comfortable);background:var(--color-white)}.file-picker-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.file-picker-btn{border:none;border-radius:var(--radius-comfortable);background:var(--color-terracotta);color:var(--color-ivory);padding:var(--space-2) var(--space-4);font-size:.9rem;font-family:system-ui,Arial,sans-serif;font-weight:500;cursor:pointer;white-space:nowrap;box-shadow:var(--color-coral) 0 0 0 1px;transition:background var(--transition-fast)}.file-picker-btn:hover:not(:disabled){background:var(--color-coral)}.selected-file-name{font-size:.92rem;color:var(--color-near-black);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-file-name.empty{color:var(--color-stone-gray)}.upload-submit-btn{border:none;border-radius:var(--radius-comfortable);background:var(--color-terracotta);color:var(--color-ivory);padding:var(--space-3) var(--space-5);font-family:system-ui,Arial,sans-serif;font-weight:500;min-width:140px;cursor:pointer;box-shadow:var(--color-coral) 0 0 0 1px;transition:background var(--transition-fast)}.upload-submit-btn:hover:not(:disabled){background:var(--color-coral)}.upload-submit-btn:disabled{cursor:not-allowed;opacity:.65}.upload-hint{margin-top:var(--space-3);color:var(--color-stone-gray);font-size:.86rem}.files-table{width:100%;border-collapse:collapse}.files-table th,.files-table td{border-bottom:1px solid var(--color-border-cream);padding:var(--space-3);text-align:left;color:var(--color-near-black)}.files-table th{color:var(--color-olive-gray);font-weight:500}.files-table tbody tr:hover{background:var(--color-parchment)}.file-link-btn{border:none;background:transparent;color:var(--color-terracotta);padding:0;box-shadow:none;font-weight:500;text-align:left;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-2);transition:color var(--transition-fast)}.file-link-btn:hover{color:var(--color-coral);text-decoration:underline}.file-note-tag{display:inline-flex;align-items:center;padding:.08rem .38rem;border-radius:var(--radius-pill);background:var(--color-warm-sand);color:var(--color-charcoal-warm);font-size:.7rem;font-weight:500;line-height:1.4}.file-link-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.files-card-header-actions{display:flex;align-items:center;gap:var(--space-3)}.rerun-ai-btn{border:none;border-radius:var(--radius-comfortable);background:var(--color-charcoal-warm);color:var(--color-ivory);padding:var(--space-2) var(--space-4);font-family:system-ui,Arial,sans-serif;font-weight:500;min-width:110px;cursor:pointer;box-shadow:var(--color-near-black) 0 0 0 1px;transition:background var(--transition-fast)}.rerun-ai-btn:hover:not(:disabled){background:var(--color-near-black)}.rerun-ai-btn:disabled{cursor:not-allowed;opacity:.55}.file-delete-btn{border:none;border-radius:var(--radius-tight);background:var(--color-white);color:var(--color-error);padding:var(--space-1) var(--space-3);font-size:.82rem;font-weight:500;cursor:pointer;box-shadow:var(--color-error) 0 0 0 1px;transition:background var(--transition-fast),color var(--transition-fast)}.file-delete-btn:hover{background:var(--color-error);color:var(--color-white)}.building-detail-container .error-message{padding:var(--space-3);border:none;background:var(--color-ivory);color:var(--color-error);border-radius:var(--radius-comfortable);box-shadow:var(--color-error) 0 0 0 1px}.file-actions-cell{display:flex;gap:var(--space-1);align-items:center}.file-preview-btn{border:none;border-radius:var(--radius-tight);background:var(--color-white);color:var(--color-terracotta);padding:var(--space-1) var(--space-3);font-size:.82rem;font-weight:500;cursor:pointer;box-shadow:var(--color-terracotta) 0 0 0 1px;transition:background var(--transition-fast),color var(--transition-fast)}.file-preview-btn:hover{background:var(--color-terracotta);color:var(--color-ivory)}.file-edit-btn{border:none;border-radius:var(--radius-tight);background:var(--color-white);color:var(--color-charcoal-warm);padding:var(--space-1) var(--space-3);font-size:.82rem;font-weight:500;cursor:pointer;box-shadow:var(--color-ring-warm) 0 0 0 1px;transition:background var(--transition-fast),color var(--transition-fast)}.file-edit-btn:hover{background:var(--color-warm-sand);color:var(--color-near-black)}.preview-active-row{background:var(--color-parchment)!important}.preview-panel{margin-top:var(--space-4);border:none;border-radius:var(--radius-comfortable);background:var(--color-ivory);overflow:hidden;box-shadow:var(--color-ring-warm) 0 0 0 1px,#0000000d 0 4px 24px}.preview-panel-loading{padding:var(--space-5);text-align:center;color:var(--color-stone-gray)}.preview-panel-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--color-parchment);border-bottom:1px solid var(--color-border-cream);color:var(--color-near-black);font-family:Georgia,"Anthropic Serif",serif;font-weight:500}.preview-close-btn{border:none;border-radius:var(--radius-tight);background:var(--color-white);color:var(--color-olive-gray);padding:var(--space-1) var(--space-3);font-size:.82rem;font-weight:500;cursor:pointer;box-shadow:var(--color-ring-warm) 0 0 0 1px;transition:background var(--transition-fast),color var(--transition-fast)}.preview-close-btn:hover{background:var(--color-warm-sand);color:var(--color-near-black)}.preview-panel-content{padding:var(--space-4);max-height:500px;overflow:auto}.preview-panel-content img{max-width:100%;max-height:400px;object-fit:contain;border-radius:var(--radius-tight)}.preview-panel-content pre{margin:0;white-space:pre-wrap;word-wrap:break-word;font-size:.9rem;line-height:1.6;color:var(--color-near-black);background:var(--color-white);padding:var(--space-3);border-radius:var(--radius-tight);border:1px solid var(--color-border-cream)}.preview-download-link{display:inline-block;padding:var(--space-2) var(--space-4);border-radius:var(--radius-comfortable);background:var(--color-terracotta);color:var(--color-ivory);font-weight:500;text-decoration:none;box-shadow:var(--color-coral) 0 0 0 1px;transition:background var(--transition-fast)}.preview-download-link:hover{background:var(--color-coral)}@media(max-width:768px){.building-detail-card .detail-title-row{flex-direction:column;align-items:flex-start}.building-detail-card .detail-actions{flex-direction:column}.building-detail-container .action-btn{width:100%}.upload-row{align-items:stretch}.file-picker-wrap{width:100%}.selected-file-name{max-width:100%}.upload-submit-btn{width:100%}.files-card-header{flex-direction:column;align-items:stretch}.files-card-header-actions{flex-direction:column}.new-note-btn,.rerun-ai-btn{width:100%}.files-table{display:block;overflow-x:auto;white-space:nowrap}}.knowledge-container{display:flex;flex-direction:column;gap:var(--space-4)}.knowledge-header{display:flex;flex-direction:column;gap:var(--space-2)}.knowledge-header h2{margin:0;color:var(--color-near-black);font-family:Georgia,"Anthropic Serif",serif;font-weight:500}.knowledge-building-name{color:var(--color-olive-gray);font-size:.92rem;font-family:system-ui,Arial,sans-serif}.knowledge-back-btn{align-self:flex-start;border:none;background:var(--color-warm-sand);color:var(--color-charcoal-warm);border-radius:var(--radius-comfortable);padding:.52rem .9rem;font-weight:500;font-family:system-ui,Arial,sans-serif;box-shadow:0 0 0 1px var(--color-ring-warm);transition:background var(--transition-fast),box-shadow var(--transition-fast)}.knowledge-back-btn:hover:not(:disabled){background:var(--color-border-warm);box-shadow:0 0 0 1px var(--color-stone-gray)}.knowledge-tabs{display:flex;gap:0;border-bottom:2px solid var(--color-border-warm);background:var(--color-ivory);border-radius:var(--radius-generous) var(--radius-generous) 0 0;overflow:hidden}.knowledge-tab-btn{flex:1;padding:.85rem 1rem;border:none;border-radius:0;background:transparent;color:var(--color-olive-gray);font-weight:500;font-size:.95rem;font-family:system-ui,Arial,sans-serif;cursor:pointer;box-shadow:none;border-bottom:3px solid transparent;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.knowledge-tab-btn:hover:not(:disabled){background:var(--color-parchment);color:var(--color-near-black);box-shadow:none}.knowledge-tab-btn.active{color:var(--color-terracotta);border-bottom-color:var(--color-terracotta);background:var(--color-parchment)}.knowledge-card{background:var(--color-ivory);border:1px solid var(--color-border-cream);border-radius:0 0 var(--radius-generous) var(--radius-generous);padding:1.25rem}.knowledge-card.standalone{border-radius:var(--radius-generous)}.knowledge-meta{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-4);padding-bottom:.8rem;border-bottom:1px solid var(--color-border-cream);font-size:.9rem;color:var(--color-olive-gray);font-family:system-ui,Arial,sans-serif}.knowledge-meta strong{color:var(--color-near-black)}.status-badge{display:inline-block;padding:.18rem .6rem;border-radius:var(--radius-pill);font-size:.78rem;font-weight:500;font-family:system-ui,Arial,sans-serif;text-transform:uppercase;letter-spacing:.03em}.status-badge.done{background:#f0ebe0;color:#6b5d3e}.status-badge.pending{background:#f5eed8;color:#8a7035}.status-badge.processing{background:#f5ebe4;color:var(--color-terracotta)}.status-badge.failed{background:#f5e0e0;color:var(--color-error)}.knowledge-content{line-height:1.7;color:var(--color-near-black);word-break:break-word;font-family:system-ui,Arial,sans-serif}.knowledge-content h1{font-size:1.6rem;margin:1.2rem 0 .6rem;padding-bottom:.4rem;border-bottom:1px solid var(--color-border-cream);font-family:Georgia,"Anthropic Serif",serif;font-weight:500;color:var(--color-near-black)}.knowledge-content h2{font-size:1.25rem;margin:1rem 0 .5rem;color:var(--color-charcoal-warm);font-family:Georgia,"Anthropic Serif",serif;font-weight:500}.knowledge-content h3{font-size:1.08rem;margin:.8rem 0 .4rem;color:var(--color-olive-gray);font-family:Georgia,"Anthropic Serif",serif;font-weight:500}.knowledge-content p{margin:.5rem 0}.knowledge-content ul,.knowledge-content ol{padding-left:1.5rem;margin:.5rem 0}.knowledge-content li{margin:.25rem 0}.knowledge-content table{width:100%;border-collapse:collapse;margin:.8rem 0}.knowledge-content th,.knowledge-content td{border:1px solid var(--color-border-warm);padding:.5rem .7rem;text-align:left}.knowledge-content th{background:var(--color-parchment);font-weight:500;color:var(--color-charcoal-warm)}.knowledge-content blockquote{margin:.6rem 0;padding:.5rem 1rem;border-left:4px solid var(--color-terracotta);background:var(--color-ivory);color:var(--color-olive-gray)}.knowledge-content code{background:var(--color-parchment);padding:.15rem .35rem;border-radius:var(--radius-tight);font-size:.88em}.knowledge-content pre{background:var(--color-parchment);padding:.8rem 1rem;border-radius:var(--radius-comfortable);overflow-x:auto}.knowledge-content pre code{background:transparent;padding:0}.knowledge-empty{text-align:center;padding:3rem 1.5rem;color:var(--color-stone-gray)}.knowledge-empty-icon{font-size:2.5rem;margin-bottom:.8rem}.knowledge-empty-text{font-size:1.05rem;font-weight:500;color:var(--color-olive-gray);margin-bottom:.3rem}.knowledge-empty-hint{font-size:.88rem}.knowledge-actions{display:flex;gap:.75rem;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-cream)}.knowledge-edit-btn{border:none;border-radius:var(--radius-comfortable);padding:.65rem 1.2rem;min-width:160px;color:var(--color-white);font-weight:500;font-family:system-ui,Arial,sans-serif;cursor:pointer;background:var(--color-terracotta);box-shadow:0 0 0 1px var(--color-coral);transition:background var(--transition-fast)}.knowledge-edit-btn:hover:not(:disabled){background:var(--color-coral);box-shadow:0 0 0 1px var(--color-coral)}.knowledge-rerun-btn{border:none;border-radius:var(--radius-comfortable);padding:.65rem 1.2rem;min-width:160px;background:var(--color-warm-sand);color:var(--color-olive-gray);font-weight:500;font-family:system-ui,Arial,sans-serif;cursor:not-allowed;opacity:.7;box-shadow:0 0 0 1px var(--color-ring-warm)}.knowledge-editor{display:flex;flex-direction:column;gap:.8rem}.knowledge-editor textarea{width:100%;min-height:400px;border:1px solid var(--color-border-warm);border-radius:var(--radius-comfortable);padding:.8rem;font-size:.95rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;line-height:1.6;color:var(--color-near-black);background:var(--color-white);resize:vertical;box-sizing:border-box;transition:border-color var(--transition-fast),outline var(--transition-fast)}.knowledge-editor textarea:focus{outline:2px solid var(--color-focus);border-color:var(--color-focus)}.knowledge-editor-hint{font-size:.85rem;color:var(--color-stone-gray)}.knowledge-editor-actions{display:flex;justify-content:flex-end;gap:.75rem;border-top:1px solid var(--color-border-cream);padding-top:.8rem}.knowledge-cancel-btn{background:var(--color-warm-sand);color:var(--color-charcoal-warm);box-shadow:0 0 0 1px var(--color-ring-warm);transition:background var(--transition-fast)}.knowledge-cancel-btn:hover:not(:disabled){background:var(--color-border-warm);box-shadow:0 0 0 1px var(--color-stone-gray)}.knowledge-save-btn{background:var(--color-terracotta);color:var(--color-white);box-shadow:0 0 0 1px var(--color-coral);transition:background var(--transition-fast)}.knowledge-save-btn:hover:not(:disabled){background:var(--color-coral)}.versions-table{width:100%;border-collapse:collapse}.versions-table th,.versions-table td{border-bottom:1px solid var(--color-border-cream);padding:.65rem .6rem;text-align:left;font-family:system-ui,Arial,sans-serif}.versions-table th{color:var(--color-charcoal-warm);font-weight:500;font-size:.88rem;text-transform:uppercase;letter-spacing:.04em}.versions-table tbody tr{cursor:pointer;transition:background var(--transition-fast)}.versions-table tbody tr:hover{background:var(--color-ivory)}.versions-table tbody tr.expanded{background:var(--color-parchment)}.change-type-tag{display:inline-block;padding:.12rem .45rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:500;font-family:system-ui,Arial,sans-serif}.change-type-tag.ai_generate,.change-type-tag.ai_merge{background:#f5ebe4;color:var(--color-terracotta)}.change-type-tag.manual_edit{background:#f5eed8;color:#8a7035}.change-type-tag.restore{background:#f0ebe0;color:#6b5d3e}.version-detail{padding:1rem;background:var(--color-ivory);border:1px solid var(--color-border-warm);border-radius:var(--radius-comfortable);margin:.5rem 0}.version-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.version-detail-header h4{margin:0;color:var(--color-charcoal-warm);font-family:Georgia,"Anthropic Serif",serif;font-weight:500}.version-restore-btn{border:none;border-radius:var(--radius-comfortable);padding:.5rem 1rem;background:var(--color-terracotta);color:var(--color-white);font-weight:500;font-family:system-ui,Arial,sans-serif;cursor:pointer;font-size:.88rem;box-shadow:0 0 0 1px var(--color-coral);transition:background var(--transition-fast)}.version-restore-btn:hover:not(:disabled){background:var(--color-coral)}.version-content-preview{max-height:400px;overflow-y:auto;padding:.8rem;background:var(--color-white);border:1px solid var(--color-border-cream);border-radius:6px}.sources-table{width:100%;border-collapse:collapse}.sources-table th,.sources-table td{border-bottom:1px solid var(--color-border-cream);padding:.6rem;text-align:left;font-size:.92rem;font-family:system-ui,Arial,sans-serif}.sources-table th{color:var(--color-charcoal-warm);font-weight:500;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}.sources-table tbody tr:hover{background:var(--color-ivory)}.source-snippet{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-olive-gray);font-size:.88rem}.confidence-bar{display:inline-flex;align-items:center;gap:.35rem}.confidence-fill{height:6px;border-radius:3px;background:var(--color-terracotta);min-width:4px}.confidence-text{font-size:.82rem;font-weight:500;color:var(--color-near-black)}.manual-tag{display:inline-block;padding:.1rem .4rem;border-radius:var(--radius-pill);background:#f5eed8;color:#8a7035;font-size:.72rem;font-weight:500}.source-unavailable-tag{display:inline-block;padding:.1rem .45rem;border-radius:var(--radius-pill);background:#f5e0e0;color:var(--color-error);font-size:.72rem;font-weight:500;white-space:nowrap}.source-unavailable-row{opacity:.7}.source-file-ref{color:var(--color-charcoal-warm);font-weight:500;font-size:.88rem}.knowledge-container .error-message{padding:.8rem;border:1px solid #e0b8b8;background:#f5e0e0;color:var(--color-error);border-radius:var(--radius-comfortable)}@media(max-width:768px){.knowledge-tabs{border-radius:var(--radius-comfortable) var(--radius-comfortable) 0 0}.knowledge-tab-btn{padding:.7rem .5rem;font-size:.88rem}.knowledge-meta{flex-direction:column;align-items:flex-start;gap:.4rem}.knowledge-actions{flex-direction:column}.knowledge-edit-btn,.knowledge-rerun-btn{width:100%}.knowledge-editor-actions{flex-direction:column}.knowledge-cancel-btn,.knowledge-save-btn{width:100%}.versions-table,.sources-table{display:block;overflow-x:auto;white-space:nowrap}.version-detail-header{flex-direction:column;align-items:flex-start;gap:.5rem}.version-restore-btn{width:100%}}.building-note-container{display:flex;flex-direction:column;gap:var(--space-4)}.note-header{display:flex;flex-direction:column;gap:var(--space-2)}.note-header h2{margin:0;color:var(--color-near-black);font-family:Georgia,"Anthropic Serif",serif;font-weight:500}.note-building-name{color:var(--color-olive-gray);font-size:.92rem;font-family:system-ui,Arial,sans-serif}.note-back-btn{align-self:flex-start;border:none;background:var(--color-warm-sand);color:var(--color-charcoal-warm);border-radius:var(--radius-comfortable);padding:.52rem .9rem;font-weight:500;font-family:system-ui,Arial,sans-serif;box-shadow:0 0 0 1px var(--color-ring-warm);transition:background var(--transition-fast),box-shadow var(--transition-fast)}.note-back-btn:hover:not(:disabled){background:var(--color-border-warm);box-shadow:0 0 0 1px var(--color-stone-gray)}.note-editor-card{background:var(--color-ivory);border:1px solid var(--color-border-cream);border-radius:var(--radius-generous);padding:1.25rem;display:flex;flex-direction:column;gap:var(--space-4);box-shadow:#0000000d 0 4px 24px}.note-form-row{display:flex;flex-direction:column;gap:.45rem}.note-form-row label{color:var(--color-olive-gray);font-weight:500;font-family:system-ui,Arial,sans-serif}.note-form-row input,.note-form-row textarea{border:1px solid var(--color-border-warm);border-radius:var(--radius-comfortable);padding:.65rem .75rem;font-size:.95rem;font-family:inherit;color:var(--color-near-black);background:var(--color-white);transition:border-color var(--transition-fast),outline var(--transition-fast)}.note-form-row input:focus,.note-form-row textarea:focus{outline:2px solid var(--color-focus);border-color:var(--color-focus)}.note-form-row textarea{line-height:1.6;resize:vertical;min-height:260px}.note-actions{display:flex;justify-content:flex-end;gap:.75rem;border-top:1px solid var(--color-border-cream);padding-top:var(--space-4)}.note-cancel-btn{background:var(--color-warm-sand);color:var(--color-charcoal-warm);box-shadow:0 0 0 1px var(--color-ring-warm);transition:background var(--transition-fast)}.note-cancel-btn:hover:not(:disabled){background:var(--color-border-warm);box-shadow:0 0 0 1px var(--color-stone-gray)}.note-save-btn{background:var(--color-terracotta);color:var(--color-white);box-shadow:0 0 0 1px var(--color-coral);transition:background var(--transition-fast)}.note-save-btn:hover:not(:disabled){background:var(--color-coral)}@media(max-width:768px){.note-actions{flex-direction:column}.note-cancel-btn,.note-save-btn{width:100%}}.pm-container{max-width:960px;margin:0 auto;padding:0 var(--space-5) var(--space-8)}.pm-hero{padding:var(--space-7) 0 var(--space-6)}.pm-title{font-size:var(--text-subhead);font-weight:500;color:var(--color-near-black);margin:0 0 var(--space-1);font-family:var(--font-serif)}.pm-subtitle{margin:0;color:var(--color-stone-gray);font-size:var(--text-caption);line-height:1.6;font-family:var(--font-sans)}.pm-search-section{margin-bottom:var(--space-7)}.pm-search-box{background:var(--color-ivory);border:1px solid var(--color-border-warm);border-radius:var(--radius-relaxed);overflow:hidden;transition:border-color var(--transition-fast)}.pm-search-box:focus-within{border-color:var(--color-terracotta);box-shadow:0 0 0 2px #c964421f}.pm-search-input{width:100%;padding:var(--space-4) var(--space-5) var(--space-2);border:none;font-size:var(--text-caption);line-height:1.6;resize:none;font-family:var(--font-sans);color:var(--color-near-black);box-sizing:border-box;background:transparent}.pm-search-input:focus{outline:none;border-color:transparent;box-shadow:none}.pm-search-input::placeholder{color:var(--color-muted)}.pm-search-input:disabled{background:var(--color-parchment);color:var(--color-muted)}.pm-search-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3) var(--space-3) var(--space-5)}.pm-hint{font-size:var(--text-small);color:var(--color-muted);font-family:var(--font-sans)}.pm-search-btn{display:inline-flex;align-items:center;gap:7px;padding:var(--space-2) var(--space-5);background:var(--color-terracotta);color:var(--color-white);border:none;border-radius:var(--radius-comfortable);font-size:var(--text-small);font-weight:500;cursor:pointer;transition:background var(--transition-fast);font-family:var(--font-sans);box-shadow:var(--color-terracotta) 0 0 0 0,var(--color-terracotta) 0 0 0 1px}.pm-search-btn:hover:not(:disabled){background:var(--color-coral)}.pm-search-btn:disabled{opacity:.45;cursor:not-allowed}.pm-btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--color-white);border-radius:50%;animation:pm-spin .6s linear infinite}.pm-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#fdf2f2;color:var(--color-error);border:1px solid rgba(181,51,51,.2);border-radius:var(--radius-generous);margin-bottom:var(--space-5);font-size:var(--text-small);font-family:var(--font-sans)}.pm-loading{text-align:center;padding:var(--space-9) var(--space-5)}.pm-loading-animation{position:relative;width:56px;height:56px;margin:0 auto var(--space-5)}.pm-pulse-ring{position:absolute;inset:0;border:2px solid var(--color-terracotta);border-radius:50%;animation:pm-pulse 1.8s ease-out infinite;opacity:0}.pm-pulse-ring-2{animation-delay:.6s}.pm-pulse-dot{position:absolute;top:50%;left:50%;width:12px;height:12px;margin:-6px 0 0 -6px;background:var(--color-terracotta);border-radius:50%;animation:pm-dot-pulse 1.8s ease-in-out infinite}.pm-loading-text{margin:0 0 var(--space-1);color:var(--color-near-black);font-size:var(--text-caption);font-weight:500;font-family:var(--font-sans)}.pm-loading-hint{margin:0;color:var(--color-muted);font-size:var(--text-small);font-family:var(--font-sans)}@keyframes pm-pulse{0%{transform:scale(.5);opacity:.6}to{transform:scale(1.6);opacity:0}}@keyframes pm-dot-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes pm-spin{to{transform:rotate(360deg)}}.pm-progress-container{max-width:400px;margin:0 auto}.pm-steps{display:flex;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-5);max-width:500px;margin-left:auto;margin-right:auto}.pm-step{display:flex;flex-direction:column;align-items:center;gap:6px;opacity:.35;transition:opacity .4s ease,transform .3s ease}.pm-step-active{opacity:1;transform:scale(1.05)}.pm-step-done{opacity:.85}.pm-step-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-border-warm);background:var(--color-ivory);color:var(--color-muted);transition:all .3s ease;font-size:var(--text-small);font-weight:600;font-family:var(--font-sans)}.pm-step-num{font-size:.7rem}.pm-step-active .pm-step-icon{border-color:var(--color-terracotta);background:var(--color-terracotta);color:var(--color-white);box-shadow:0 0 0 4px #c9644226;animation:pm-step-pulse 1.5s ease-in-out infinite}.pm-step-done .pm-step-icon{border-color:#2d7a3a;background:#2d7a3a;color:var(--color-white)}.pm-step-label{font-size:.68rem;color:var(--color-muted);font-family:var(--font-sans);white-space:nowrap;transition:color .3s ease}.pm-step-active .pm-step-label{color:var(--color-terracotta);font-weight:500}.pm-step-done .pm-step-label{color:#2d7a3a}@keyframes pm-step-pulse{0%,to{box-shadow:0 0 0 4px #c9644226}50%{box-shadow:0 0 0 8px #c9644214}}.pm-progress-bar{height:6px;background:var(--color-border, #e5e5e5);border-radius:3px;overflow:hidden}.pm-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-terracotta),#e07a5f);border-radius:3px;transition:width .3s ease}.pm-progress-info{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-2);font-family:var(--font-sans);font-size:var(--text-small)}.pm-progress-stage{color:var(--color-near-black);font-weight:500}.pm-progress-pct{color:var(--color-muted);font-variant-numeric:tabular-nums}.pm-summary{display:flex;gap:var(--space-4);padding:var(--space-5);background:var(--color-parchment);border:1px solid var(--color-border-cream);border-radius:var(--radius-relaxed);margin-bottom:var(--space-6)}.pm-summary-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-ivory);border-radius:var(--radius-generous);color:var(--color-terracotta);box-shadow:var(--color-ivory) 0 0 0 0,var(--color-border-cream) 0 0 0 1px}.pm-summary-body h3{margin:0 0 var(--space-1);font-size:var(--text-caption);font-weight:500;color:var(--color-terracotta);font-family:var(--font-serif)}.pm-summary-body p{margin:0 0 var(--space-3);color:var(--color-near-black);line-height:1.6;font-size:var(--text-caption);font-family:var(--font-sans)}.pm-priorities{display:flex;flex-wrap:wrap;gap:var(--space-1)}.pm-priority-chip{display:inline-block;padding:3px 11px;background:var(--color-ivory);border:1px solid var(--color-border-warm);border-radius:var(--radius-pill);font-size:var(--text-small);color:var(--color-olive-gray);font-weight:500;font-family:var(--font-sans)}.pm-result-header{margin-bottom:var(--space-4)}.pm-result-count{font-size:var(--text-small);color:var(--color-stone-gray);font-weight:500;font-family:var(--font-sans)}.pm-match-list{display:flex;flex-direction:column;gap:var(--space-4)}.pm-match-card{background:var(--color-ivory);border:1px solid var(--color-border-cream);border-radius:var(--radius-relaxed);padding:var(--space-5);transition:box-shadow var(--transition-fast),border-color var(--transition-fast);animation:pm-card-in .35s ease-out both}.pm-match-card:hover{border-color:var(--color-ring-warm);box-shadow:var(--shadow-whisper)}@keyframes pm-card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pm-card-top{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4)}.pm-card-rank{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-parchment);border-radius:var(--radius-comfortable);font-size:var(--text-small);font-weight:500;color:var(--color-stone-gray);font-family:var(--font-sans)}.pm-card-info{flex:1;min-width:0}.pm-card-name{margin:0 0 var(--space-1);font-size:1.05rem;font-weight:500;color:var(--color-near-black);font-family:var(--font-serif)}.pm-card-explanation{margin:0;color:var(--color-stone-gray);font-size:var(--text-small);line-height:1.55;font-family:var(--font-sans)}.pm-score{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-generous)}.pm-score-value{font-size:1.2rem;font-weight:500;line-height:1;font-family:var(--font-serif)}.pm-score-label{font-size:.62rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;margin-top:2px;font-family:var(--font-sans)}.pm-score-high{background:#f0f7f0;color:#2d7a3a}.pm-score-medium{background:#fdf6ec;color:#b57a1a}.pm-score-low{background:#fdf2f2;color:var(--color-error)}.pm-score-bar-track{height:4px;background:var(--color-parchment);border-radius:2px;margin-bottom:var(--space-4);overflow:hidden}.pm-score-bar-fill{height:100%;border-radius:2px;transition:width .6s ease-out}.pm-score-bar-high{background:#2d7a3a}.pm-score-bar-medium{background:#b57a1a}.pm-score-bar-low{background:var(--color-error)}.pm-criteria{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-4)}.pm-chip{display:inline-flex;align-items:center;gap:5px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-comfortable);font-size:var(--text-small);font-weight:500;font-family:var(--font-sans)}.pm-chip svg{flex-shrink:0}.pm-chip-match{background:#f0f7f0;color:#2d7a3a}.pm-chip-unmatch{background:#fdf2f2;color:var(--color-error)}.pm-chip-unknown{background:var(--color-parchment);color:var(--color-stone-gray)}.pm-card-actions{display:flex;justify-content:flex-end}.pm-detail-btn{display:inline-flex;align-items:center;gap:6px;padding:var(--space-2) var(--space-4);background:transparent;color:var(--color-terracotta);border:1px solid var(--color-border-warm);border-radius:var(--radius-comfortable);font-size:var(--text-small);font-weight:500;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-sans)}.pm-detail-btn:hover{background:var(--color-terracotta);color:var(--color-white);border-color:var(--color-terracotta)}.pm-empty{text-align:center;padding:var(--space-9) var(--space-5);color:var(--color-muted)}.pm-empty p{margin:var(--space-4) 0 var(--space-1);color:var(--color-stone-gray);font-size:var(--text-caption);font-weight:500;font-family:var(--font-sans)}.pm-empty span{font-size:var(--text-small);font-family:var(--font-sans)}@media(max-width:640px){.pm-container{padding:0 var(--space-3) var(--space-6)}.pm-hero{padding:var(--space-5) 0 var(--space-4)}.pm-title{font-size:1.35rem}.pm-card-top{flex-wrap:wrap}.pm-score{width:48px;height:48px}.pm-score-value{font-size:1rem}.pm-summary{flex-direction:column;gap:var(--space-3)}.pm-match-card{padding:var(--space-4)}.pm-steps{gap:var(--space-2)}.pm-step-label{font-size:.6rem}.pm-step-icon{width:24px;height:24px}.pm-search-footer{flex-direction:column;gap:var(--space-2);align-items:stretch}.pm-hint{text-align:center}.pm-search-btn{justify-content:center}}#root{width:100%;min-height:100vh}