:root{--warm:#c8773d;--warm-light:#e8a87c;--warm-dark:#8b4e20;--cool:#4a7fa5;--cool-light:#7aafd4;--cool-dark:#2c5f82;--violet:#7f77dd;--teal:#1d9e75;--coral:#d85a30;--dark:#1e1e1c;--mid:#5a5a56;--stone:#d8d5cc;--light:#f4f2ec;--white:#fff;--bg:var(--light);--surface:var(--white);--text:var(--dark);--text-muted:var(--mid);--border:var(--stone);--accent:var(--warm);--dim-salience:#7f77dd;--dim-gaze:#d85a30;--dim-fluency:#ef9f27;--dim-emotion:#1d9e75;--dim-complexity:#d4537e;--dim-mirror:#534ab7;--dim-colour:#0f6e56;--dim-narrative:#993c1d;--font-serif:"Playfair Display", Georgia, serif;--font-sans:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--transition:.2s ease;--transition-slow:.5s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.6}.t-display{font-family:var(--font-serif);font-size:3rem;font-weight:400;line-height:1.1}.t-title{font-family:var(--font-serif);font-size:2rem;font-weight:400;line-height:1.2}.t-heading{font-family:var(--font-serif);font-size:1.5rem;font-weight:400;line-height:1.3}.t-body{font-family:var(--font-sans);font-size:1rem;font-weight:400;line-height:1.7}.t-small{font-family:var(--font-sans);font-size:.875rem;line-height:1.5}.t-micro{font-family:var(--font-sans);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem}.t-mono{font-family:var(--font-mono);font-size:.875rem}.companion-text{font-family:var(--font-serif);color:var(--dark);font-size:1.125rem;font-style:italic;font-weight:400;line-height:1.8}.card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5)}.card-dark{background:var(--dark);border-radius:var(--radius-md);padding:var(--space-5);color:var(--light);border:none}.btn{font-family:var(--font-sans);border-radius:var(--radius-sm);border:.5px solid var(--border);min-height:44px;color:var(--text);cursor:pointer;transition:all var(--transition);letter-spacing:.01em;background:0 0;padding:10px 20px;font-size:.875rem;font-weight:500}.btn:hover{background:var(--light);border-color:var(--mid)}.btn-primary{background:var(--dark);color:var(--white);border-color:#0000}.btn-primary:hover{background:var(--mid)}.btn-warm{background:var(--warm);color:var(--white);border-color:#0000}.score-ring-container{justify-content:center;align-items:center;display:inline-flex;position:relative}.companion-message{border-left:2px solid var(--warm);padding-left:var(--space-4);margin:var(--space-5) 0}.skeleton{background:linear-gradient(90deg, var(--stone) 25%, var(--light) 50%, var(--stone) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.painting-card{background:var(--white);cursor:pointer;transition:border-color var(--transition), transform var(--transition);border:none;border-radius:2px;overflow:hidden;box-shadow:0 4px 24px #1e1e1c21}.painting-card:hover{transform:translateY(-2px);box-shadow:0 8px 36px #1e1e1c2e}.painting-card__image{aspect-ratio:4/3;background:var(--stone);box-sizing:border-box;width:100%;padding:8px 8px 0;overflow:hidden}.painting-card__image img{object-fit:cover;width:100%;height:100%;display:block}.painting-card__placeholder{width:100%;height:100%}.painting-card__body{padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.painting-card__text{flex:1;min-width:0}.painting-card__text .t-small,.painting-card__text .t-micro{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.home-screen{flex-direction:column;min-height:100vh;display:flex}.home-header{width:100%;padding:var(--space-7) var(--space-6) var(--space-6);border-bottom:.5px solid var(--border)}.home-wordmark{margin-bottom:var(--space-5);color:var(--text)}.home-paintings{padding:var(--space-6)}.home-paintings-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=680px){.home-paintings-grid{grid-template-columns:1fr}.home-header{padding:var(--space-6) var(--space-5) var(--space-5)}.home-paintings{padding:var(--space-5)}}.gallery-screen{min-height:100vh}.gallery-bar{padding:var(--space-5) var(--space-6);border-bottom:.5px solid var(--border);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.gallery-filters{gap:var(--space-2);display:flex}.gallery-filter-btn{min-height:44px;padding:6px 14px}.gallery-filter-btn--active{background:var(--warm);color:var(--white);border-color:#0000}.gallery-filter-btn--active:hover{background:var(--warm-dark)}.gallery-count{color:var(--text-muted);white-space:nowrap}.gallery-grid{gap:var(--space-5);padding:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.gallery-grid--flush{gap:var(--space-4);padding:0}@media (width<=560px){.gallery-bar{flex-wrap:wrap}.gallery-grid{padding:var(--space-5);gap:var(--space-4)}.gallery-grid--flush{gap:var(--space-3);padding:0}}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-main{flex:1;padding-bottom:64px}.bottom-nav{background:var(--surface);border-top:.5px solid var(--border);align-items:stretch;height:64px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav__item{justify-content:center;align-items:center;gap:var(--space-1);cursor:pointer;color:var(--text-muted);transition:color var(--transition);padding:var(--space-2) 0;background:0 0;border:none;flex-direction:column;flex:1;display:flex}.bottom-nav__item:hover{color:var(--text)}.bottom-nav__item--active{color:var(--warm)}.bottom-nav__label{letter-spacing:.06em}.upload-screen{padding:var(--space-6);gap:var(--space-5);flex-direction:column;max-width:960px;margin:0 auto;display:flex}.upload-form{max-width:560px}.upload-area{aspect-ratio:4/3;border:1px dashed var(--stone);border-radius:var(--radius-md);cursor:pointer;width:100%;transition:border-color var(--transition);background:var(--surface);justify-content:center;align-items:center;display:flex;overflow:hidden}.upload-area:hover{border-color:var(--mid)}.upload-area--has-image{border-style:solid}.upload-prompt{color:var(--mid);flex-direction:column;align-items:center;display:flex}.upload-preview{object-fit:contain;width:100%;height:100%;display:block}.upload-change-link{color:var(--text-muted);cursor:pointer;text-align:center;margin-top:calc(-1 * var(--space-3))}.upload-change-link:hover{color:var(--text)}.upload-form{gap:var(--space-3);flex-direction:column;display:flex}.upload-textarea{font-family:var(--font-sans);color:var(--text);background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);resize:none;width:100%;transition:border-color var(--transition);font-size:1rem;line-height:1.6}.upload-textarea:focus{border-color:var(--mid);outline:none}.upload-textarea::placeholder{color:var(--text-muted)}.upload-submit{width:100%;padding:12px}.upload-submit:disabled{opacity:.5;cursor:not-allowed}.upload-response{padding:var(--space-2) 0}.md-table{border-collapse:collapse;width:100%;font-family:var(--font-sans);margin:var(--space-4) 0;font-size:.875rem}.md-th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);font-size:.75rem;font-weight:500}.md-td{padding:var(--space-2) var(--space-3);border-bottom:.5px solid var(--border);color:var(--text);vertical-align:top}.md-table tr:last-child .md-td{border-bottom:none}.detail-image-wrap{aspect-ratio:4/3;background:var(--stone);width:100%;position:relative;overflow:hidden}.detail-image{object-fit:contain;width:100%;height:100%;display:block}.detail-image-placeholder{aspect-ratio:4/3;width:100%}.detail-back{top:var(--space-4);left:var(--space-4);background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius-sm);min-height:44px;font-family:var(--font-sans);cursor:pointer;color:var(--text);padding:6px 12px;font-size:.875rem;position:absolute}.detail-body{padding:var(--space-5) var(--space-5) var(--space-7);gap:var(--space-6);flex-direction:column;max-width:640px;margin:0 auto;display:flex}.detail-header{flex-direction:column;display:flex}.detail-scores{gap:var(--space-4);flex-direction:column;align-items:center;max-width:480px;margin:0 auto;display:flex}.detail-dimensions{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.detail-dim-row{align-items:center;gap:var(--space-2);display:flex}.detail-dim-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.detail-dim-label{color:var(--text-muted);flex:1}.detail-dim-value{text-align:right;min-width:28px;font-weight:500}.detail-sessions{border-top:.5px solid var(--border);padding-top:var(--space-5)}.detail-session-row{padding:var(--space-3) 0;border-bottom:.5px solid var(--border)}.detail-session-meta{align-items:center;gap:var(--space-4);margin-bottom:var(--space-1);display:flex}.detail-session-note{color:var(--text-muted);margin-top:var(--space-1)}.detail-companion-btn{width:100%;padding:14px;font-size:1rem}.blog-screen{max-width:800px;min-height:100vh;margin:0 auto;padding:32px 32px 100px}.blog-header{padding:var(--space-6) var(--space-5) var(--space-4);border-bottom:.5px solid var(--border)}.blog-section-label{color:var(--text-muted);margin-bottom:var(--space-3)}.blog-posts{padding:var(--space-5);border-bottom:.5px solid var(--border)}.blog-post-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:.5px solid var(--border);display:flex}.blog-post-row:last-child{border-bottom:none}.blog-post-info{flex:1;min-width:0}.blog-post-meta{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.blog-status{font-family:var(--font-sans);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-full);border:.5px solid var(--border);color:var(--text-muted);padding:2px 8px;font-size:.75rem}.blog-status--published{color:var(--teal);border-color:var(--teal)}.blog-status--draft{color:var(--mid);border-color:var(--stone)}.blog-post-card{transition:border-color .15s}.blog-post-card:hover{border-color:var(--mid)!important}.blog-generate{padding:var(--space-5);border-bottom:.5px solid var(--border)}.blog-generate-row{gap:var(--space-3);align-items:center;display:flex}.blog-select{font-family:var(--font-sans);color:var(--text);background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius-sm);padding:9px var(--space-3);cursor:pointer;flex:1;font-size:.875rem}.blog-select:focus{border-color:var(--mid);outline:none}.blog-result{padding:var(--space-5)}.profile-screen{min-height:100vh;padding-bottom:var(--space-8)}.profile-header{padding:var(--space-7) var(--space-5) var(--space-6);border-bottom:.5px solid var(--border)}.profile-name{margin-bottom:var(--space-2)}.profile-location{color:var(--text-muted);margin-bottom:var(--space-5)}.profile-practice{margin-top:var(--space-4)}.profile-stats{border-bottom:.5px solid var(--border);display:flex}.profile-stat{padding:var(--space-5) var(--space-3);border-right:.5px solid var(--border);flex-direction:column;flex:1;align-items:center;display:flex}.profile-stat:last-child{border-right:none}.profile-stat-value{color:var(--warm);margin-bottom:var(--space-1);line-height:1}.profile-stat-value--dim{font-size:1rem;font-family:var(--font-sans);text-align:center;font-weight:500}.profile-stat-label{color:var(--text-muted);text-align:center}.profile-bio{padding:var(--space-6) var(--space-5);border-bottom:.5px solid var(--border)}.profile-section-label{color:var(--text-muted);margin-bottom:var(--space-4)}.profile-gallery{padding:var(--space-6) var(--space-5)}.profile-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.home-section{padding:var(--space-5) var(--space-5) 0;border-top:.5px solid var(--border)}.home-section-label{color:var(--text-muted);margin-bottom:var(--space-3)}.home-wip-card{align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:.5px solid var(--border);cursor:pointer;display:flex}.home-wip-card:last-child{border-bottom:none}.home-wip-thumb{object-fit:cover;border-radius:var(--radius-sm);background:var(--stone);flex-shrink:0;width:64px;height:48px}.home-wip-info{flex:1;min-width:0}.home-review-list{border-top:.5px solid var(--border)}.home-review-row{padding:var(--space-3) 0;border-bottom:.5px solid var(--border);cursor:pointer;justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.home-review-row:last-child{border-bottom:none}.home-blog-row{padding:var(--space-3) 0;border-bottom:.5px solid var(--border);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.home-blog-row:last-child{border-bottom:none}.home-screen>.home-section:last-child{padding-bottom:var(--space-6)}.detail-screen{max-width:900px;margin:0 auto;padding:32px 32px 64px}.detail-header{padding:0}.detail-section{gap:var(--space-3);flex-direction:column;padding:0;display:flex}.detail-sections-wrap{flex-direction:column;gap:40px;margin-top:40px;display:flex}.detail-label{color:var(--text-muted);margin-bottom:var(--space-1)}.score-sparkline{gap:var(--space-1);flex-direction:column;display:flex}.score-sparkline__label{font-family:var(--font-sans);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:600}.companion-response h2{font-family:var(--font-serif);color:var(--dark);margin:24px 0 8px;font-size:1.1rem;font-weight:400}.companion-response p{font-family:var(--font-serif);color:var(--dark);margin:0 0 12px;font-size:1rem;line-height:1.8}.companion-response table{border-collapse:collapse;width:100%;font-family:var(--font-sans);margin:16px 0;font-size:.875rem}.companion-response th{text-align:left;border-bottom:1px solid var(--stone);color:var(--mid);padding:6px 12px;font-weight:500}.companion-response td{border-bottom:.5px solid var(--stone);color:var(--dark);vertical-align:top;padding:8px 12px}.companion-response strong{color:var(--dark);font-style:normal;font-weight:600}.companion-response hr{border:none;border-top:.5px solid var(--stone);margin:24px 0}.conv-thread{gap:var(--space-3);flex-direction:column;display:flex}.conv-bubble{max-width:85%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.conv-bubble--user{background:var(--warm);color:var(--white);align-self:flex-end}.conv-bubble--user .t-small{color:var(--white)}.conv-bubble--companion{background:var(--surface);border:.5px solid var(--border);align-self:flex-start}