/* Matte paint, restrained surfaces, and one continuous painted space. */
.canvas-tooth{mask-image:linear-gradient(transparent,#000 130px,#000 calc(100% - 100px),transparent)}
@media(max-width:767px){.home-grid.has-search>.post-center{order:-1}}
.player-card .track-artist,.player-card .player-line,.player-card .player-kicker{opacity:1}.player-card .track-artist,.player-card .player-line{font-size:10px}.daynote-card>p{font-weight:500}.daynote-bottom{opacity:.9}:root.dark[data-day-phase=night] .weather-card,:root.dark[data-day-phase=night] .weather-title select,:root.dark[data-day-phase=night] .weather-temperature,:root.dark[data-day-phase=night] .weather-desc,:root.dark[data-day-phase=night] .weather-hour small,:root.dark[data-day-phase=night] .weather-hour strong,:root.dark[data-day-phase=night] .weather-detail small,:root.dark[data-day-phase=night] .weather-detail strong,:root.dark[data-day-phase=night] .weather-credit{color:var(--skin-dark)}
:root[data-day-phase=dawn]{--skin-profile:#e0ddce;--skin-music:#536458;--skin-weather:#d1d2c5;--skin-note:#d2c8b2;--skin-clock:#a5aaa0;--skin-stat:#dad7c8;--skin-dark:#36473d;--skin-accent:#b4a385;--skin-lilac:#a1a29b;--coast-tint:#4e695d85}
:root[data-day-phase=day]{--skin-profile:#e2d9c8;--skin-music:#625e50;--skin-weather:#d2d0bf;--skin-note:#cdbba9;--skin-clock:#a79b88;--skin-stat:#d7cfbc;--skin-dark:#453f35;--skin-accent:#bca485;--skin-lilac:#aaa2a3;--coast-tint:#5d5b4b80}
:root[data-day-phase=dusk]{--skin-profile:#e1d4cd;--skin-music:#536354;--skin-weather:#cec5cb;--skin-note:#d1c0b5;--skin-clock:#ac9ba3;--skin-stat:#d3c9be;--skin-dark:#4c3b44;--skin-accent:#b39a91;--skin-lilac:#b5a5b0;--coast-tint:#634f6385}
:root[data-day-phase=night]{--skin-profile:#68656d;--skin-music:#514e5b;--skin-weather:#b2aab7;--skin-note:#b1a7a4;--skin-clock:#8f8690;--skin-stat:#62656d;--skin-dark:#302c37;--skin-accent:#bcaaa1;--skin-lilac:#aaa1af;--coast-tint:#4e486ba3}
:root[data-day-phase=deepnight]{--skin-profile:#65747d;--skin-music:#4d5b61;--skin-weather:#8998a1;--skin-note:#b8b2a5;--skin-clock:#8a969f;--skin-stat:#626f78;--skin-dark:#1c2d38;--skin-accent:#bead92;--skin-lilac:#a5a7af;--coast-tint:#2c476b8c}
:root[data-day-phase] body,:root.dark[data-day-phase] body{background:var(--paper);background-attachment:scroll}.ambient-glow,body:before{display:none}.home-container{margin-top:-48px;padding-bottom:42px}.home-grid{position:relative;z-index:1}.hero{height:550px}.hero-wave{height:104px}.hero-wave path{animation:none}.hero-art{filter:brightness(var(--hero-brightness)) saturate(.64)!important}.hero-canvas-grain{position:absolute;inset:0;z-index:-1;background:var(--canvas-grain) repeat;background-size:260px;mix-blend-mode:multiply;opacity:.24;pointer-events:none}.hero-shade{background:linear-gradient(180deg,#16222c0b,transparent 50%,color-mix(in srgb,var(--paper) 35%,transparent))!important}.dark .hero-shade{background:linear-gradient(180deg,#13202e16,transparent 40%,color-mix(in srgb,var(--paper) 55%,transparent))!important}
.painting-atmosphere{position:absolute;inset:-32px calc((min(1500px,100vw) - 100vw)/2 - 40px) -25px;z-index:-1;pointer-events:none;overflow:hidden}.canvas-scene{position:absolute;inset:0;background:var(--canvas-scene) center top/cover no-repeat;opacity:.91;mask-image:linear-gradient(transparent,#000 130px,#000 calc(100% - 100px),transparent)}.canvas-tooth{position:absolute;inset:0;background:var(--canvas-grain) repeat;background-size:300px;mix-blend-mode:multiply;opacity:.22}.dark .canvas-tooth{mix-blend-mode:soft-light;opacity:.3}
.site-header,:root.dark .site-header{background:color-mix(in srgb,var(--paper) 84%,transparent);border-color:var(--line);backdrop-filter:blur(17px)}.header-inner nav a{font-size:12px}.home-search{max-width:690px;margin-bottom:34px}.search-box{padding:0 12px 0 13px;background:color-mix(in srgb,var(--skin-profile) 94%,transparent)!important;min-height:57px;border-radius:32px 18px 32px 18px;box-shadow:0 8px 24px #252c3214,inset 0 1px #ffffff3d}.search-box input{height:56px;font-size:13px;letter-spacing:.5px}.search-submit{display:grid;place-items:center;width:32px;height:34px;flex-shrink:0;border-radius:50%;padding:0}.search-submit svg{width:19px;height:19px;color:var(--ink)}.search-submit:hover{background:var(--line)}.canvas-moment{font-size:9px;letter-spacing:3px;text-align:center;margin:13px 0 0;color:var(--muted)}
.painted-surface{isolation:isolate;position:relative}.paint-grain{position:absolute;inset:0;z-index:-1;background:var(--canvas-grain) repeat;background-size:190px;mix-blend-mode:multiply;opacity:.3;border-radius:inherit;pointer-events:none}.dark .paint-grain{mix-blend-mode:soft-light;opacity:.37}
:root[data-day-phase] .profile-card{background:color-mix(in srgb,var(--skin-profile) 91%,transparent)!important;border-radius:32px 32px 70px 32px;box-shadow:5px 7px 0 color-mix(in srgb,var(--skin-clock) 25%,transparent),0 14px 25px #1e2b3515}.profile-card:before{height:155px;background:var(--skin-photo-profile) center 44%/cover no-repeat;opacity:.77;mask-image:linear-gradient(#000 50%,transparent)}.profile-card:after{border-color:#ffffff22}.profile-card h2{letter-spacing:3px}.profile-card .bio{font-size:11px;line-height:1.95}.avatar-frame{background:var(--skin-accent);box-shadow:0 6px 12px #27372d24}
:root[data-day-phase] .side-nav-panel{padding-bottom:65px;background:color-mix(in srgb,var(--skin-profile) 92%,transparent)!important;border-radius:24px 63px 25px 25px;box-shadow:inset 4px 0 color-mix(in srgb,var(--skin-accent) 55%,transparent),0 13px 26px #25334512}.side-nav-panel:after{right:0;left:0;bottom:0;width:100%;height:140px;background:var(--skin-photo-nav) center 80%/cover no-repeat;opacity:.55;mask-image:linear-gradient(transparent,#000);mix-blend-mode:multiply}.dark .side-nav-panel:after{mix-blend-mode:soft-light;opacity:.5}.side-nav a{position:relative;z-index:1}.panel-title{position:relative;z-index:1}
:root[data-day-phase] .digital-clock{background:linear-gradient(color-mix(in srgb,var(--skin-clock) 75%,transparent),color-mix(in srgb,var(--skin-clock) 80%,transparent)),var(--skin-photo-clock) center 48%/cover!important;box-shadow:5px 5px 0 color-mix(in srgb,var(--skin-profile) 65%,transparent)}.digital-clock:after{background:var(--canvas-grain) repeat;background-size:180px;mix-blend-mode:multiply;opacity:.28}.digital-clock:before{font-size:7px;letter-spacing:2px}.digital-clock{font-size:29px}
:root[data-day-phase] .daynote-card{transform:rotate(-1.4deg);border-radius:34px 8px 32px 8px;background:linear-gradient(color-mix(in srgb,var(--skin-note) 77%,transparent),color-mix(in srgb,var(--skin-note) 82%,transparent)),var(--skin-photo-note) center 57%/cover}.daynote-sprig{display:none}.daynote-top{min-height:31px}.daynote-card>p{max-width:100%;font-size:13px}.daynote-tab{background:var(--skin-accent);box-shadow:none}.daynote-card .paint-grain{opacity:.45}
:root[data-day-phase] .site-stats{background:color-mix(in srgb,var(--skin-stat) 93%,transparent)!important;border-left-width:4px;border-radius:27px 27px 60px 27px}.site-stats:before{inset:auto 0 0;width:100%;height:155px;opacity:.26;background:var(--skin-photo-stats) center 82%/cover;mask-image:linear-gradient(transparent,#000)}.stat-line,.sidebar-recent{position:relative;z-index:1}.sidebar-recent{font-size:10px}.sidebar-recent p{line-height:2}
:root[data-day-phase] .post-card{background:color-mix(in srgb,var(--skin-profile) 94%,transparent)!important;border-radius:38px 24px 24px 24px;box-shadow:0 14px 27px #1f2d3718}.post-cover{background:var(--skin-profile)}.post-card .paint-grain{z-index:0;opacity:.17}.post-card h2{font-size:19px;font-weight:600}.post-card-body{position:relative;z-index:1}.post-card p{color:var(--muted)}.post-card-meta .tag{background:var(--line);color:var(--ink)}.home-notice{color:var(--muted)}
:root[data-day-phase] .player-card{background:transparent!important;color:var(--skin-on);border-radius:27px;min-height:289px;overflow:visible;padding:29px 25px 22px}.player-card .paint-grain{mask-image:radial-gradient(circle at calc(100% - 28px) 28px,transparent 34px,#000 35px);opacity:.42;mix-blend-mode:soft-light}
:root[data-day-phase] .player-card:before{background:linear-gradient(180deg,color-mix(in srgb,var(--skin-music) 96%,transparent),color-mix(in srgb,var(--skin-music) 85%,transparent) 48%,color-mix(in srgb,var(--skin-music) 78%,transparent)),var(--skin-photo-music) center 60%/cover,var(--skin-music);filter:saturate(.7);opacity:1;mask-image:radial-gradient(circle at calc(100% - 28px) 28px,transparent 34px,#000 35px)}
.player-card .skin-orb{background:var(--skin-accent);color:var(--skin-dark);box-shadow:0 5px 11px #222c3225}.player-card .player-top{margin-top:14px}.player-card .vinyl{box-shadow:0 8px 16px #101a2335}.player-card .player-line{position:relative;background:color-mix(in srgb,var(--skin-music) 15%,transparent);padding:4px 0}.player-card .track-title{font-size:15px;line-height:1.6}.player-card .small-control{color:var(--skin-on)}.player-card .play-button{background:var(--skin-on)!important;color:var(--skin-music)!important}.player-card .player-progress{accent-color:var(--skin-accent)}
:root[data-day-phase] .weather-card{background:linear-gradient(180deg,color-mix(in srgb,var(--skin-weather) 88%,transparent),color-mix(in srgb,var(--skin-weather) 78%,transparent)),var(--skin-photo-weather) center 48%/cover!important;min-height:309px;border-radius:29px 65px 28px 28px;box-shadow:-4px 5px 0 color-mix(in srgb,var(--skin-note) 40%,transparent),0 13px 25px #25334514!important}.weather-card:before{background:var(--skin-photo-weather) center 82%/cover;opacity:.55;mask-image:linear-gradient(transparent,#000)}.weather-title,.weather-body,.weather-hours,.weather-detail,.weather-credit{position:relative;z-index:1}.weather-hours{gap:7px}.weather-hour{background:color-mix(in srgb,var(--skin-profile) 30%,transparent);padding:7px 3px;border-radius:19px 8px 19px 8px}.weather-hour small,.weather-hour strong,.weather-detail small,.weather-detail strong{font-size:9px}.weather-desc{font-size:10px}.weather-credit{font-size:7px;opacity:.65}.weather-card .paint-grain{opacity:.38}
:root[data-day-phase] .coast-calendar{border-radius:51px 25px 25px 25px;background:linear-gradient(180deg,var(--coast-tint),color-mix(in srgb,var(--coast-tint) 80%,#22354b)),var(--skin-photo-calendar) center /cover!important;box-shadow:5px 5px 0 color-mix(in srgb,var(--skin-accent) 33%,transparent),0 16px 28px #25334520!important}.coast-calendar .paint-grain{opacity:.5;mix-blend-mode:soft-light}.coast-calendar .calendar-grid{background:#172f4725;border-radius:14px;padding:7px 3px}.calendar-title,.calendar-grid,.calendar-tip{position:relative;z-index:1}.calendar-day.today{box-shadow:0 5px 10px #13233436}.calendar-day{font-size:11px}
.site-footer{background:color-mix(in srgb,var(--paper) 70%,transparent);padding:27px 0 24px;position:relative;z-index:2}.skin-caption{display:none}.floating-button{background:var(--skin-profile);border:1px solid #ffffff2b}.mini-player{background:var(--skin-profile)!important}
.home-search .search-dropdown{top:65px;max-height:430px;padding:12px;border-radius:22px;background:var(--skin-profile);border:1px solid var(--line);box-shadow:0 20px 55px #1e26333b;z-index:10}.search-suggestion-count{font:10px/1.7 var(--sans);color:var(--muted);padding:4px 8px 9px;border-bottom:1px solid var(--line)}.global-search-row{display:flex;gap:12px;align-items:flex-start;padding:13px 8px;border-radius:12px;border-bottom:1px solid var(--line);color:var(--ink);min-width:0}.global-search-row:last-child{border-bottom:0}.global-search-row:hover,.global-search-row[aria-selected=true]{background:color-mix(in srgb,var(--accent) 13%,transparent)}.search-kind{font:9px/1.6 var(--sans);padding:3px 7px;white-space:nowrap;border:1px solid var(--line);border-radius:9px 4px 9px 4px;margin-top:2px;color:var(--accent)}.global-search-copy{display:block;min-width:0;flex:1}.global-search-copy strong{font-size:13px;font-weight:500;line-height:1.7;display:block}.global-search-copy small{font-size:10px;color:var(--muted);line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:3px}.search-row-arrow{font-size:13px;color:var(--muted);flex-shrink:0;margin-top:2px}.global-search-panel{padding:25px;border-radius:28px 18px 45px 18px;background:color-mix(in srgb,var(--skin-profile) 94%,transparent)!important;scroll-margin-top:85px}.global-search-heading{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.global-search-heading small{font:8px/1.5 var(--sans);letter-spacing:2px;color:var(--muted)}.global-search-heading h2{font-size:18px;margin-top:7px;line-height:1.6;overflow-wrap:anywhere;font-weight:500}.search-result-count{font-size:11px;color:var(--muted);margin-top:12px;margin-bottom:10px}.search-reset{font-size:10px;white-space:nowrap;padding:5px 8px;border:1px solid var(--line);border-radius:12px}.global-search-list{margin-top:10px}.global-search-panel .cat-empty{font-size:11px;padding:20px 5px}.global-search-panel:focus{outline:none}
@media(max-width:767px){.hero{height:520px}.home-container{padding:0 18px}.home-search{margin-bottom:29px;max-width:100%}.painting-atmosphere{inset:0 -28px -25px}.canvas-scene{background-position:55% top;opacity:.65}.canvas-tooth{opacity:.2}.canvas-moment{font-size:8px;letter-spacing:2px}.search-box input{font-size:11px}.search-box{padding-left:8px;gap:8px}.global-search-panel{padding:21px 17px}.home-search .search-dropdown{max-height:340px;padding:10px}.global-search-copy strong{font-size:12px}.global-search-copy small{font-size:10px}.global-search-row{gap:8px;padding:10px 5px}.global-search-heading h2{font-size:16px}.weather-card{min-height:310px}.coast-calendar{min-height:340px}.digital-clock{font-size:34px}.site-footer{padding-bottom:85px}}