:root{--bg: #030304;--surface: #0a0a0c;--surface-raised: #121214;--fg: #ffffff;--muted: #8a8a8e;--accent: #1d9996;--accent-light: #2dbab7;--border: #1a1a1e;--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "Inter", system-ui, sans-serif;--font-poetry: "Cormorant Garamond", Georgia, serif;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 24px;--text-2xl: 32px;--text-3xl: 44px;--text-4xl: 56px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--space-24: 96px;--radius: 8px;--radius-lg: 12px;--transition: .25s ease}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent-light)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:inherit;font-size:inherit}::selection{background:var(--accent);color:var(--bg)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface-raised);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.container-narrow{max-width:760px;margin:0 auto;padding:0 var(--space-6)}.nav{position:sticky;top:0;z-index:100;background:#030304d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);max-width:1200px;margin:0 auto}.nav-logo{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;letter-spacing:.02em;cursor:pointer}.nav-logo span{color:var(--accent)}.nav-links{display:flex;gap:var(--space-6);align-items:center}.nav-link{font-size:var(--text-sm);color:var(--muted);transition:color var(--transition);position:relative}.nav-link:hover,.nav-link.active{color:var(--fg)}.nav-link.active:after{content:"";position:absolute;bottom:-6px;left:0;right:0;height:2px;background:var(--accent);border-radius:1px}.nav-mobile-toggle{display:none;font-size:var(--text-xl);color:var(--fg)}@media(max-width:768px){.nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--surface);border-bottom:1px solid var(--border);padding:var(--space-4) var(--space-6);gap:var(--space-4)}.nav-links.open{display:flex}.nav-mobile-toggle{display:block}}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:10px 20px;border-radius:var(--radius);font-size:var(--text-sm);font-weight:500;transition:all var(--transition);border:1px solid transparent}.btn-primary{background:var(--accent);color:var(--bg);font-weight:600}.btn-primary:hover{background:var(--accent-light);color:var(--bg)}.btn-outline{border-color:var(--border);color:var(--fg)}.btn-outline:hover{border-color:var(--accent);color:var(--accent-light)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition)}.card:hover{border-color:var(--accent);background:var(--surface-raised)}.work-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition);position:relative}.work-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px #0006,0 0 0 1px var(--accent)}.work-card-body{padding:var(--space-6)}.work-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);color:var(--muted);margin-bottom:var(--space-3)}.work-card-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}.work-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border);font-size:var(--text-xs);color:var(--muted)}.haiku-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);cursor:pointer;transition:all var(--transition);display:flex;flex-direction:column;min-height:200px}.haiku-card:hover{border-color:var(--accent);background:var(--surface-raised);transform:translateY(-2px)}.haiku-emoji{font-size:28px;margin-bottom:var(--space-3)}.haiku-text{font-family:var(--font-poetry);font-style:italic;font-size:var(--text-lg);line-height:1.8;color:var(--fg);white-space:pre-line;flex:1}.haiku-date{font-size:var(--text-xs);color:var(--muted);margin-top:var(--space-4);text-transform:uppercase;letter-spacing:.05em}.painting-card{border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition);background:var(--surface);border:1px solid var(--border)}.painting-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px #0006}.painting-thumb{height:280px;position:relative;overflow:hidden}.painting-info{padding:var(--space-6)}.painting-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}.video-card{border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition);background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column}.video-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px #0006}.video-thumb{height:180px;position:relative;display:flex;align-items:center;justify-content:center}.video-play-icon{width:56px;height:56px;border-radius:50%;background:#1d9996e6;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.video-card:hover .video-play-icon{background:var(--accent-light);transform:scale(1.1)}.video-info{padding:var(--space-4) var(--space-6) var(--space-6)}.like-btn{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--muted);cursor:pointer;transition:color var(--transition);background:none;border:none;padding:0}.like-btn:hover{color:var(--accent-light)}.like-btn.liked{color:var(--accent)}.form-group{margin-bottom:var(--space-6)}.form-label{display:block;font-size:var(--text-sm);color:var(--muted);margin-bottom:var(--space-2)}.form-input,.form-textarea{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;color:var(--fg);font-family:var(--font-body);font-size:var(--text-base);transition:border-color var(--transition)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--accent)}.form-textarea{resize:vertical;min-height:120px}.form-error{color:#e0522d;font-size:var(--text-sm);margin-top:var(--space-2)}.form-success{color:var(--accent);font-size:var(--text-sm);margin-top:var(--space-2)}.comment{padding:var(--space-4) 0;border-bottom:1px solid var(--border)}.comment:last-child{border-bottom:none}.comment-author{font-weight:600;font-size:var(--text-sm);color:var(--accent);margin-bottom:var(--space-1)}.comment-text{font-size:var(--text-sm);color:var(--fg);line-height:1.5}.muted{color:var(--muted)}.accent{color:var(--accent)}.serif{font-family:var(--font-display)}.italic{font-style:italic}.text-center{text-align:center}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-12{margin-top:var(--space-12)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-12{margin-bottom:var(--space-12)}.grid{display:grid;gap:var(--space-6)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid-4{grid-template-columns:repeat(3,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.hero{min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--space-24) var(--space-6);position:relative;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 30%,rgba(29,153,150,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(29,153,150,.05) 0%,transparent 50%);pointer-events:none}.hero-content{position:relative;z-index:1}.hero-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:500;letter-spacing:-.02em;margin-bottom:var(--space-6)}.hero-title span{color:var(--accent);font-style:italic}.hero-subtitle{font-size:var(--text-lg);color:var(--muted);max-width:500px;margin:0 auto var(--space-8);line-height:1.7}@media(max-width:768px){.hero-title{font-size:var(--text-3xl)}.hero-subtitle{font-size:var(--text-base)}}.section{padding:var(--space-16) 0}.section-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:500;margin-bottom:var(--space-2)}.section-subtitle{color:var(--muted);font-size:var(--text-base);margin-bottom:var(--space-12)}.collection-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-top:var(--space-12)}@media(max-width:768px){.collection-links{grid-template-columns:1fr}}.collection-link{padding:var(--space-12) var(--space-8);text-align:center;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);transition:all var(--transition);cursor:pointer}.collection-link:hover{border-color:var(--accent);background:var(--surface-raised);transform:translateY(-4px)}.collection-link-icon{font-size:40px;margin-bottom:var(--space-4)}.collection-link-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-2)}.collection-link-desc{color:var(--muted);font-size:var(--text-sm)}.detail-header{padding:var(--space-12) 0;border-bottom:1px solid var(--border);margin-bottom:var(--space-12)}.detail-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:500;margin-bottom:var(--space-4)}.detail-meta{display:flex;gap:var(--space-6);align-items:center;color:var(--muted);font-size:var(--text-sm);flex-wrap:wrap}.detail-content{font-size:var(--text-lg);line-height:1.8;margin-bottom:var(--space-12)}.detail-haiku{font-family:var(--font-poetry);font-style:italic;font-size:var(--text-2xl);line-height:2;text-align:center;padding:var(--space-12) var(--space-6);white-space:pre-line}.detail-haiku-emoji{font-size:48px;text-align:center;margin-bottom:var(--space-6)}.loading{display:flex;align-items:center;justify-content:center;padding:var(--space-24) 0;color:var(--muted)}.spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin-right:var(--space-3)}@keyframes spin{to{transform:rotate(360deg)}}.footer{border-top:1px solid var(--border);padding:var(--space-12) var(--space-6);text-align:center;color:var(--muted);font-size:var(--text-sm)}.footer a{color:var(--accent)}.painting-grad-1{background:linear-gradient(135deg,#1a1208,#2d1f0a 20%,#1d504e,#0a1a18)}.painting-grad-2{background:linear-gradient(135deg,#2a1f08,#4a3a1a,#3d5a2a 60%,#1a2a10)}.painting-grad-3{background:linear-gradient(135deg,#1a2a18,#2d4a2a 25%,#4a3a5a 60%,#3a2a18)}.painting-grad-4{background:linear-gradient(135deg,#2a1a3a,#4a3a2a,#2a4a3a 60%,#3a2a3a)}.painting-grad-5{background:linear-gradient(135deg,#2a1a2a,#4a3a4a,#5a4a2a 50%,#3a4a3a)}.video-grad-1{background:linear-gradient(135deg,#0a2a28,#1d504e)}.video-grad-2{background:linear-gradient(135deg,#1a1a2a,#2d2d4a)}.video-grad-3{background:linear-gradient(135deg,#2a1a0a,#4a3a1a)}.video-grad-random{background:linear-gradient(135deg,var(--surface-raised) 0%,#0a2a28 100%)}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--muted);font-size:var(--text-sm);transition:color var(--transition);margin-bottom:var(--space-8)}.back-link:hover{color:var(--accent)}.stats{display:flex;gap:var(--space-8);font-size:var(--text-sm);color:var(--muted)}.stat{display:flex;align-items:center;gap:var(--space-2)}.about-bio{font-size:var(--text-lg);line-height:1.8;color:var(--fg)}.about-bio p{margin-bottom:var(--space-6)}.about-quote{font-family:var(--font-poetry);font-style:italic;font-size:var(--text-2xl);text-align:center;color:var(--accent);padding:var(--space-12) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:var(--space-12) 0}.page-header{padding:var(--space-16) 0 var(--space-8);text-align:center}.page-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:500;margin-bottom:var(--space-2)}.page-subtitle{color:var(--muted);font-size:var(--text-lg)}.painting-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.painting-card:hover .painting-img{transform:scale(1.05)}.painting-img-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--surface-raised) 0%,var(--border) 100%)}.nav-logo-icon{width:28px;height:28px;border-radius:6px;vertical-align:middle;margin-right:8px}.work-card-image-wrap{height:200px;overflow:hidden;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.work-card-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.work-card:hover .work-card-image{transform:scale(1.05)}.work-card-video-thumb{height:200px;position:relative;overflow:hidden;border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:flex;align-items:center;justify-content:center}.work-card-video-thumb .video-play-icon-sm{width:44px;height:44px;border-radius:50%;background:#1d9996d9;display:flex;align-items:center;justify-content:center;transition:all var(--transition);z-index:2}.work-card:hover .work-card-video-thumb .video-play-icon-sm{background:var(--accent-light);transform:scale(1.15)}.video-thumb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.3) 100%);pointer-events:none;z-index:1}.video-shimmer{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(29,153,150,.15),transparent);animation:shimmer 3s infinite;pointer-events:none;z-index:1}@keyframes shimmer{0%{left:-100%}to{left:200%}}.video-duration{position:absolute;bottom:8px;right:8px;background:#000000b3;color:#fff;font-size:11px;padding:2px 6px;border-radius:4px;z-index:2}.detail-painting-wrap{width:100%;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-8);border:1px solid var(--border)}.detail-painting-img{width:100%;display:block;max-height:600px;object-fit:cover}.detail-video-player{width:100%;height:400px;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-8);position:relative;display:flex;align-items:center;justify-content:center;border:1px solid var(--border)}.video-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:.5;transition:opacity .5s ease}.video-scene.playing{opacity:1}.video-scene-orb{position:absolute;border-radius:50%;filter:blur(20px);opacity:.6}.orb-1{width:120px;height:120px;background:#1d999666;top:20%;left:30%;animation:orbFloat1 4s ease-in-out infinite}.orb-2{width:80px;height:80px;background:#2dbab74d;bottom:25%;right:25%;animation:orbFloat2 5s ease-in-out infinite}.orb-3{width:100px;height:100px;background:#1d999640;top:50%;left:60%;animation:orbFloat3 6s ease-in-out infinite}@keyframes orbFloat1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-20px) scale(1.2)}}@keyframes orbFloat2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-25px,15px) scale(.8)}}@keyframes orbFloat3{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-20px,10px) scale(1.1)}66%{transform:translate(15px,-15px) scale(.9)}}.video-play-btn{width:72px;height:72px;border-radius:50%;background:#1d9996e6;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition);z-index:3;position:relative}.video-play-btn:hover{background:var(--accent-light);transform:scale(1.1);border-color:#fff6}.video-progress-bar{position:absolute;bottom:0;left:0;right:0;height:4px;background:#ffffff26;z-index:3}.video-progress-fill{height:100%;background:var(--accent);transition:width .05s linear;border-radius:0 2px 2px 0}.video-time-display{position:absolute;bottom:12px;right:12px;font-size:12px;color:#ffffffb3;z-index:3;font-variant-numeric:tabular-nums}.video-thumb-emoji{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;z-index:1;opacity:.25;filter:blur(1px);animation:thumbBob 3s ease-in-out infinite;pointer-events:none}.video-thumb-emoji-sm{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:40px;z-index:1;opacity:.25;filter:blur(1px);animation:thumbBob 3s ease-in-out infinite;pointer-events:none}@keyframes thumbBob{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-55%) scale(1.08)}}.video-player-wrap{position:relative;width:100%;border-radius:var(--radius-lg);overflow:hidden;background:#000;border:1px solid var(--border)}.video-player-el{display:block;width:100%;height:auto;max-height:70vh;object-fit:contain;background:#000}.video-player-overlay{position:absolute;top:0;left:0;right:0;bottom:56px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;background:#00000040;transition:opacity .2s ease}.video-player-play-btn{width:72px;height:72px;border-radius:50%;background:#1d9996e6;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition)}.video-player-play-btn:hover{background:var(--accent-light);transform:scale(1.1);border-color:#fff6}.video-player-controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(transparent,#000000d9);z-index:10}.vp-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:none;border:none;cursor:pointer;transition:background .15s ease;flex-shrink:0}.vp-btn:hover{background:#ffffff1a}.vp-progress{flex:1;height:4px;background:#ffffff26;border-radius:2px;cursor:pointer;position:relative;transition:height .15s ease}.vp-progress:hover{height:6px}.vp-progress-bar{height:100%;background:var(--accent);border-radius:2px;transition:width .05s linear}.vp-time{font-size:12px;color:#ffffffb3;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;white-space:nowrap;flex-shrink:0}.video-player-wrap:fullscreen{display:flex;align-items:center;justify-content:center;background:#000}.video-player-wrap:fullscreen .video-player-el{max-height:100vh}.video-player-inline{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-8)}.video-player-inline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.video-player-inline-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600}.video-player-inline-close{width:36px;height:36px;border-radius:50%;background:var(--surface-raised);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);transition:all var(--transition)}.video-player-inline-close:hover{color:var(--fg);border-color:var(--accent);background:var(--surface)}.video-player-inline-footer{display:flex;align-items:center;gap:var(--space-6);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border);font-size:var(--text-sm);color:var(--muted)}.btn-sm{padding:6px 14px;font-size:var(--text-xs)}.video-player-wrap:fullscreen .video-player-el{width:100%;height:100%}.painting-filter-bar{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap;padding:0 var(--space-6) var(--space-6)}.painting-filter-btn{padding:8px 20px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--muted);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition)}.painting-filter-btn:hover{border-color:var(--accent);color:var(--fg)}.painting-filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.painting-badge{position:absolute;top:12px;right:12px;padding:4px 12px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;pointer-events:none}.painting-badge-authentic{background:#1d9996d9;color:#fff}.painting-badge-ai{background:#a855f7d9;color:#fff}