:root{--paper:#fffaf4;--ink:#38332f;--muted:#877d73;--accent:#c27b24;--accent-bright:#e5a438;--blue:#6274ad;--panel:#fffaf4ad;--strong:#fffcf7dd;--border:#ffffffb8;--line:#a48a6b29;--shadow:0 22px 70px #7e5b4024,inset 0 1px #ffffff94;--serif:'Noto Serif SC','Source Han Serif SC','Songti SC','STSong','SimSun',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',sans-serif;color-scheme:light}
.dark{--paper:#211d1b;--ink:#f1e8dd;--muted:#baaea2;--accent:#e5b16c;--accent-bright:#d39748;--blue:#a7b7ea;--panel:#40342d75;--strong:#342a24d9;--border:#fff6eb24;--line:#ffffff1c;--shadow:0 22px 70px #0000003d,inset 0 1px #ffffff14;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px;min-height:100%;background:var(--paper)}body{margin:0;font:14px/1.75 var(--serif);color:var(--ink);min-height:100vh;background:radial-gradient(circle at 18% 0%,#ffffffa8,transparent 26rem),radial-gradient(circle at 84% 8%,#f4d4b555,transparent 24rem),linear-gradient(180deg,#fffaf4 0%,#f7efe7 34%,#efe0d4 100%);transition:color .3s,background .3s}.dark body{background:radial-gradient(circle at 20% 2%,#96684833,transparent 27rem),linear-gradient(#211d1b,#29221f)}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button{border:0;background:none}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p,figure,blockquote{margin:0}a,button,input,textarea,select{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent)}[hidden]{display:none!important}svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;flex-shrink:0}::selection{background:#eac68a70}.glass{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%)}.glass-strong{background:var(--strong);backdrop-filter:blur(22px) saturate(145%)}.muted{font-size:12px;color:var(--muted);line-height:1.9}.sample-label{font:9px/1.4 var(--sans);padding:2px 6px;border-radius:5px;background:#c58c3920;color:var(--accent);white-space:nowrap}.tag{font-size:10px;font-weight:700;border-radius:30px;padding:2px 9px;color:var(--accent);background:#e9b85813;white-space:nowrap}.blue-tag{color:var(--blue);background:#8d9dd81a}.pink-tag{color:#b66b7d;background:#df9fb51a}.skip-link{position:fixed;top:-60px;left:20px;background:var(--paper);z-index:110;padding:8px 15px}.skip-link:focus{top:10px}.ambient-glow{position:fixed;z-index:-1;pointer-events:none;inset:0;background:radial-gradient(ellipse at 80% 60%,#ebc9a526,transparent 60%)}
.site-header{position:fixed;inset:0 0 auto;height:64px;z-index:50;background:#fffaf494;border-bottom:1px solid #ffffff59;backdrop-filter:blur(24px);box-shadow:0 8px 34px #7e5b4014;transition:transform .35s,background .3s}.dark .site-header{background:#211d1b9c;border-color:var(--border)}.site-header.header-hidden{transform:translateY(-100%)}.header-inner{width:90%;max-width:1152px;padding:0 30px;height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:20px;font-weight:900;white-space:nowrap}.brand span{color:var(--accent-bright);margin:0 3px}.header-inner nav{display:flex;align-items:center;gap:29px;margin-left:auto}.header-inner nav a{font-size:13px;font-weight:700;white-space:nowrap;transition:color .2s}.header-inner nav a:hover,.header-inner nav a.active{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:9px}.icon-button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s,color .2s;font:26px var(--sans)}.icon-button:hover{background:#bc8d4320;color:var(--accent)}.mini-avatar img{width:32px;height:32px;border-radius:50%;border:1px solid #bb9f7d80;box-shadow:0 3px 10px #78532d29}.mobile-menu-toggle{display:none}.hero{height:68vh;min-height:430px;position:relative;width:100%;isolation:isolate;overflow:hidden}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;z-index:-2}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#231c144a,#32291c27 50%,#fff4e810)}.hero-title{height:100%;padding:0 20px 80px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fffdf6}.hero h1{font-size:60px;font-weight:900;line-height:1.4;letter-spacing:2px;text-shadow:0 5px 30px #241b15a6,0 1px 3px #241b1570}.hero p{margin-top:16px;font-size:18px;font-weight:500;letter-spacing:1px;text-shadow:0 3px 18px #241b15b0}.hero-wave{width:100%;height:126px;position:absolute;bottom:-1px;left:0;fill:var(--paper);stroke:none}.hero-wave path:first-child{opacity:.46;animation:wave 10s ease-in-out infinite alternate}.hero-wave path:nth-child(2){opacity:.7;animation:wave 8s ease-in-out infinite alternate-reverse}.home-container{width:100%;max-width:1280px;margin:-56px auto 0;padding:0 40px 70px;position:relative;z-index:2}.home-search{max-width:672px;margin:0 auto 40px;position:relative;z-index:4}.search-box{display:flex;align-items:center;gap:14px;border-radius:24px;padding:0 22px;min-height:60px}.search-box svg{width:21px;height:21px;color:var(--muted)}.search-box input{border:0;background:none;outline:none!important;width:100%;height:60px;font-size:17px;font-weight:500;min-width:0}.search-box input::placeholder{color:#a49a90}.search-clear{font:20px var(--sans);color:var(--muted)}.home-search .search-dropdown{position:absolute;top:70px;left:0;right:0;border-radius:20px;padding:12px 20px;max-height:360px;overflow:auto;z-index:5}.search-result{display:block;padding:12px 0;border-bottom:1px solid var(--line)}.search-result:last-child{border:0}.search-result strong{font-size:14px}.search-result small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.home-grid{display:grid;grid-template-columns:260px minmax(0,1fr) 280px;gap:24px;align-items:start}.left-sidebar,.right-sidebar,.post-list{display:flex;flex-direction:column;gap:24px}.profile-card{border-radius:24px;padding:24px;text-align:center;transition:transform .3s}.profile-card:hover{transform:scale(1.015)}.avatar-frame{width:96px;height:96px;padding:4px;margin:0 auto 16px;border-radius:17px;background:linear-gradient(35deg,#f2c563,#ebaa76);box-shadow:0 14px 34px #b86f2b33;transition:transform .3s}.avatar-frame img{width:100%;height:100%;border-radius:13px;object-fit:cover}.profile-card:hover .avatar-frame{transform:rotate(3deg)}.profile-card h2{font-size:21px;font-weight:900;letter-spacing:-.4px;margin-bottom:5px}.profile-card .bio{font-size:12px;color:var(--muted);font-weight:500;line-height:1.8;margin-bottom:16px}.socials{display:flex;gap:6px;justify-content:center;margin:0 0 16px}.socials a,.socials button{width:32px;height:32px;display:grid;place-items:center;background:#ffffff70;border:1px solid var(--border);border-radius:12px;color:var(--muted);transition:background .3s,color .3s}.dark .socials a,.dark .socials button{background:#ffffff0d}.socials svg{width:16px;height:16px}.socials a:hover,.socials button:hover{background:var(--accent-bright);color:white}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);padding-top:12px;border-top:1px solid var(--line)}.profile-stats a+a{border-left:1px solid var(--line)}.profile-stats strong{display:block;font:900 19px/1.5 var(--serif);color:var(--accent)}.profile-stats a:nth-child(2) strong{color:#ce8254}.profile-stats a:nth-child(3) strong{color:#c16f7a}.profile-stats small{font-size:9px;font-weight:700;color:var(--muted)}.side-panel{padding:20px;border-radius:24px}.panel-title{font-size:14px;font-weight:900;margin-bottom:14px;display:flex;align-items:center;gap:8px}.side-nav{display:flex;flex-direction:column;gap:6px}.side-nav a{display:flex;align-items:center;gap:12px;padding:8px 12px;color:var(--muted);font-size:12px;font-weight:700;border-radius:12px;transition:background .2s,color .2s}.side-nav svg{width:17px;height:17px;color:#a79b8f}.side-nav a:hover,.side-nav a.active{background:#e8b85913;color:var(--accent)}.digital-clock{border-radius:24px;text-align:center;padding:22px 10px;font:900 33px/1.3 Consolas,monospace;letter-spacing:2px;color:var(--ink)}.digital-clock span{color:#ada498;padding:0 1px}.site-stats h3{border-left:4px solid #8b8dc3;padding-left:8px}.stat-line{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;margin-top:13px}.stat-line>span{display:flex;align-items:center;gap:8px;color:var(--muted)}.stat-line svg{width:17px;height:17px}.post-card{display:flex;overflow:hidden;border-radius:24px;min-height:156px;transition:transform .35s,box-shadow .35s}.post-card:hover{transform:scale(1.012);box-shadow:0 26px 80px #7e5b402e}.post-card.reversed{flex-direction:row-reverse}.post-card-body{flex:1;min-width:0;padding:24px;display:flex;flex-direction:column;justify-content:space-between}.post-card h2{font-size:18px;font-weight:900;line-height:1.55;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s}.post-card:hover h2{color:var(--accent)}.post-card p{font-size:13px;color:var(--muted);line-height:1.75;margin-bottom:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.post-card-meta .date{font:10px Consolas,monospace;letter-spacing:.3px;color:var(--muted)}.post-card-meta .tags{display:flex;gap:5px;flex-wrap:wrap}.post-cover{width:192px;flex-shrink:0;overflow:hidden}.post-cover img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.post-card:hover .post-cover img{transform:scale(1.1)}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:28px;font-size:12px;font-weight:700;color:var(--muted)}.pagination button{border-radius:30px;padding:9px 16px;background:var(--panel);border:1px solid var(--border);box-shadow:0 4px 14px #7e5b400a}.pagination button:hover:not(:disabled){background:var(--accent-bright);color:white}.pagination button:disabled{background:transparent;box-shadow:none;color:var(--muted);border-color:transparent;opacity:.4}.empty-state{padding:40px 25px;text-align:center;color:var(--muted);font-size:13px;border-radius:24px;line-height:2.1}.home-notice{font-size:10px;color:var(--muted);text-align:center;margin-top:20px}.player-card{border-radius:24px;padding:24px;min-height:270px;display:flex;flex-direction:column}.player-top{display:flex;align-items:center;gap:16px;margin:8px 0 22px}.vinyl{width:80px;height:80px;border-radius:50%;background:repeating-radial-gradient(circle,#383c3c 0px,#383c3c 2px,#2c3031 3px,#2c3031 4px);border:3px solid #ffffff66;box-shadow:0 7px 20px #2e34392b;display:grid;place-items:center;flex-shrink:0;animation:spin 18s linear infinite;animation-play-state:paused}.vinyl.playing{animation-play-state:running}.vinyl img{width:40px;height:40px;border-radius:50%;border:3px solid #c5af86}.player-top .track-info{min-width:0}.player-kicker{font-size:9px;font-weight:700;color:var(--accent);letter-spacing:2px;margin-bottom:5px}.track-title{font-size:16px;font-weight:900;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.track-artist{font-size:10px;color:var(--muted);margin-top:5px}.player-line{font-size:10px;letter-spacing:.6px;color:var(--muted);margin-bottom:18px}.player-progress{width:100%;height:5px;accent-color:var(--accent-bright);display:block;margin:0;cursor:pointer}.player-time{display:flex;justify-content:space-between;color:var(--muted);font:9px Consolas,monospace;margin-top:7px}.player-controls{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:12px}.player-controls .play-button{background:#e3ab5f9c;width:46px;height:46px;color:white;border:2px solid #ffffff8a;border-radius:50%;display:grid;place-items:center;box-shadow:0 4px 15px #d59b4f2b}.player-controls .play-button svg{width:23px;height:23px}.small-control{width:25px;height:28px;padding:0;display:grid;place-items:center;color:var(--muted)}.small-control svg{width:17px;height:17px}.weather-card{min-height:338px;position:relative}.weather-title{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700}.weather-title select{border:0;background:transparent;max-width:130px;font-size:12px;font-weight:700;outline:none;color:var(--ink)}.weather-body{display:flex;justify-content:space-between;align-items:center;padding-top:22px}.weather-temperature{font:500 50px/1.2 var(--serif);letter-spacing:-2px}.weather-temperature sup{font-size:25px;vertical-align:top;letter-spacing:0}.weather-desc{font-size:11px;color:var(--muted);margin-top:7px}.weather-symbol{font-size:48px;line-height:1}.weather-hours{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:22px}.weather-hour{background:#ffffff40;border-radius:14px;text-align:center;padding:9px 1px}.dark .weather-hour{background:#ffffff08}.weather-hour small{display:block;font:9px var(--sans);color:var(--muted)}.weather-hour span{display:block;margin:6px 0;font-size:16px}.weather-hour strong{font-size:11px}.weather-detail{display:grid;grid-template-columns:repeat(3,1fr);margin-top:15px;text-align:center;gap:4px}.weather-detail small{display:block;font-size:9px;color:var(--muted)}.weather-detail strong{font-size:11px}.weather-credit{font:8px var(--sans);text-align:right;margin-top:12px;color:var(--muted)}.weather-error{padding:45px 0;text-align:center;font-size:12px;color:var(--muted);line-height:2}.calendar-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.calendar-title h3{font-size:13px;font-weight:900}.calendar-title button{width:22px;height:24px;font:18px var(--sans);color:var(--muted)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.calendar-grid .weekday{font-size:10px;font-weight:700;color:var(--muted);padding:4px 0}.calendar-day{height:29px;border-radius:8px;font-size:11px;position:relative;padding:0}.calendar-day:hover{background:#ffffff60}.dark .calendar-day:hover{background:#ffffff10}.calendar-day.today{background:var(--accent-bright);color:#fff;font-weight:900;box-shadow:0 3px 10px #d89b4a40}.calendar-day.has-post:after{content:'';position:absolute;bottom:2px;left:calc(50% - 1.5px);width:3px;height:3px;background:var(--accent);border-radius:50%}.calendar-tip{font-size:9px;color:var(--muted);margin-top:12px}.site-footer{position:relative;text-align:center;padding:25px 20px 35px;color:var(--muted);font-size:11px}.site-footer>p{margin-bottom:10px;letter-spacing:1px}.site-footer>div{display:flex;gap:20px;justify-content:center;align-items:center;font:10px var(--sans);flex-wrap:wrap}.site-footer a:hover{color:var(--accent)}
.subpage{width:90%;max-width:896px;margin:112px auto 60px;min-height:calc(100vh - 300px);position:relative;z-index:2}.subpage.wide{max-width:1152px}.page-heading{font-size:36px;font-weight:900;letter-spacing:-.5px;margin-bottom:27px;line-height:1.5}.page-description{color:var(--muted);font-size:13px;line-height:1.9;margin:-12px 0 30px}.page-search{max-width:384px;margin:0 auto 25px}.page-search .search-box{min-height:48px;border-radius:30px;padding:0 16px;gap:10px}.page-search input{height:48px;font-size:13px}.page-search svg{width:18px;height:18px}.filters{display:flex;gap:8px;margin-bottom:30px;flex-wrap:wrap}.filter{font-size:12px;font-weight:700;border-radius:30px;padding:7px 14px;background:var(--panel);border:1px solid var(--border);transition:background .2s}.filter.active{background:var(--accent-bright);color:#fff;border-color:transparent;box-shadow:0 5px 16px #bd8a3a26}.moment-filters .filter.active{background:#7888bd}.archive-timeline{position:relative;padding-left:64px}.archive-timeline:before{content:'';position:absolute;left:24px;top:20px;bottom:15px;width:2px;background:linear-gradient(#e6ac52,#deac9b)}.archive-year{margin-bottom:26px;position:relative;display:flex;align-items:center;gap:12px;margin-left:-56px}.year-dot{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--accent-bright);color:white;font-size:13px;font-weight:900;position:relative;z-index:1;box-shadow:0 8px 20px #d3a05233}.archive-year h2{font-size:26px;font-weight:900}.archive-year small{font-size:11px;color:var(--muted)}.archive-entry{display:block;border-radius:16px;padding:16px;margin-bottom:16px;transition:transform .25s}.archive-entry:hover{transform:scale(1.01)}.archive-entry-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.archive-entry h3{font-size:14px;font-weight:700}.archive-entry time{white-space:nowrap;font:10px Consolas,monospace;color:var(--muted)}.archive-entry .tags{display:flex;gap:7px;margin-top:8px;align-items:center;flex-wrap:wrap}.moment-timeline{position:relative;padding-left:64px}.moment-timeline:before{content:'';position:absolute;left:24px;top:0;bottom:0;width:2px;background:linear-gradient(#8794c9,#b49bc6)}.moment-card{position:relative;border-radius:24px;padding:24px;margin-bottom:24px;transition:transform .3s}.moment-card:hover{transform:scale(1.01)}.moment-card:before{content:'';position:absolute;left:-45px;top:25px;width:10px;height:10px;border-radius:50%;background:#7a88bb;border:2px solid var(--paper)}.moment-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.moment-meta time{font-size:12px;font-weight:700;color:var(--blue)}.moment-card p{white-space:pre-wrap;font-size:14px;line-height:1.9}.album-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:65px 35px;padding:25px 12px}.album-button{display:block;text-align:center;width:100%;padding:0}.album-stack{position:relative;width:85%;aspect-ratio:4/3;margin:0 auto 32px}.album-stack img{width:100%;height:100%;object-fit:cover;border:6px solid #fffdf7;box-shadow:0 15px 30px #6d59472b;position:absolute;inset:0;border-radius:4px;transition:transform .5s}.album-stack img:first-child{transform:rotate(6deg) translate(13px,8px);filter:saturate(.4);opacity:.6}.album-stack img:nth-child(2){transform:rotate(-3deg) translate(-7px,-4px);filter:saturate(.7);opacity:.85}.album-button:hover .album-stack img:first-child{transform:rotate(12deg) translate(24px,8px)}.album-button:hover .album-stack img:nth-child(2){transform:rotate(-6deg) translate(-15px,-5px)}.album-button:hover .album-stack img:last-of-type{transform:translateY(-8px) scale(1.04)}.album-count{position:absolute;bottom:8px;left:8px;z-index:2;padding:4px 10px;background:#2e33355e;border-radius:5px;color:#fff;font-size:10px;backdrop-filter:blur(5px)}.album-button h2{font-size:21px;font-weight:700;margin-bottom:4px}.album-button p{font-size:12px;color:var(--muted)}.album-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.photo-tile{padding:0;border-radius:18px;overflow:hidden;background:var(--panel);border:1px solid var(--border);text-align:left}.photo-tile img{width:100%;height:200px;object-fit:cover}.photo-tile span{display:block;padding:12px 15px;font-size:12px;color:var(--muted)}.back-link{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:30px;font-size:11px;font-weight:700;margin-bottom:22px;background:#ffffff50;border:1px solid var(--border)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.project-card{display:flex;gap:16px;padding:24px;border-radius:24px;transition:transform .3s}.project-card:hover{transform:scale(1.02)}.project-icon{width:48px;height:48px;display:grid;place-items:center;flex-shrink:0;border-radius:16px;background:linear-gradient(35deg,#edb964,#dda284);color:#fff}.project-card h2{font-size:18px;font-weight:700;margin-bottom:7px}.project-card p{font-size:13px;line-height:1.85;color:var(--muted)}.project-card .tags{display:flex;gap:7px;margin-top:12px}.friends-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.friend-card{text-align:center;padding:25px;border-radius:24px;border-color:#9f9ac453;transition:transform .3s}.friend-card:hover{transform:translateY(-5px)}.friend-avatar{width:64px;height:64px;margin:0 auto 15px;border-radius:50%;display:grid;place-items:center;font:700 25px var(--serif);background:#e1d6b7;color:#8f6c3c;border:2px solid #e0c093}.friend-card h2{font-size:18px}.friend-card p{font-size:12px;margin-top:6px;color:var(--muted)}.friend-intro{margin-top:35px;padding:25px;border-radius:24px}.friend-intro h2{font-size:18px;margin-bottom:8px}.about-cover{height:240px;overflow:hidden;border-radius:24px 24px 0 0;position:relative}.about-cover img{width:100%;height:100%;object-fit:cover;object-position:center 35%}.about-panel{border-radius:24px;overflow:hidden}.about-tabs{display:flex;justify-content:center;gap:12px;padding:20px}.about-tabs button{border-radius:30px;padding:8px 20px;font-size:12px;font-weight:700}.about-tabs button.active{background:var(--accent-bright);color:#fff}.about-body{padding:10px 45px 45px}.about-body h2{font-size:27px;margin:10px 0 22px}.about-body h3{font-size:19px;margin:27px 0 13px}.about-body p{font-size:14px;line-height:2;margin-bottom:15px}.about-body ul{padding-left:22px;font-size:14px;line-height:2.1}.activity-item{padding:17px 0;border-bottom:1px solid var(--line)}.activity-item time{font:11px var(--sans);color:var(--accent)}.activity-item p{margin:7px 0 0}.article-layout{width:92%;max-width:1440px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:32px;margin:112px auto 60px;align-items:start;position:relative;z-index:2}.article-panel{border-radius:24px;overflow:hidden;background:var(--strong)}.article-cover img{display:block;width:100%;height:auto;max-height:470px;object-fit:cover}.article-inner{padding:42px 48px}.article-header{border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:28px}.article-header h1{font-size:34px;line-height:1.5;letter-spacing:-.5px;margin-bottom:20px;font-weight:700}.article-meta{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.article-meta>span{font-size:11px;background:#ffffff30;border:1px solid var(--border);border-radius:30px;padding:5px 11px;display:flex;align-items:center;gap:5px}.article-meta svg{width:13px;height:13px}.article-sidebar{display:flex;flex-direction:column;gap:24px;position:sticky;top:88px}.recommendations,.toc-panel{padding:24px;border-radius:24px}.micro-title{font:700 10px var(--sans);letter-spacing:2px;color:var(--muted);margin-bottom:17px}.recommended-post{display:block;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px;font-weight:700}.recommended-post:last-child{border:0}.recommended-post time{display:block;font:10px var(--sans);color:var(--muted);margin-top:7px}.toc-links{display:flex;flex-direction:column;gap:9px}.toc-links a{font-size:12px;color:var(--muted);padding-left:10px;border-left:2px solid transparent;transition:color .2s}.toc-links a:hover,.toc-links a.active{color:var(--accent);border-color:var(--accent)}.toc-links a.level-3{padding-left:22px}.reading-progress{height:3px;background:var(--accent-bright);position:fixed;top:0;left:0;z-index:60;width:0;transition:width .1s}.prose{font-size:16px;line-height:2.05;overflow-wrap:anywhere}.prose>h1{display:none}.prose h2{font-size:25px;font-weight:700;margin:35px 0 18px;scroll-margin-top:90px}.prose h3{font-size:20px;margin:25px 0 15px;scroll-margin-top:90px}.prose p{margin-bottom:23px}.prose a{color:var(--blue);text-decoration:underline}.prose ul,.prose ol{padding-left:25px;margin:15px 0 25px}.prose li{margin-bottom:6px}.prose blockquote{border-left:3px solid #d5ad73;background:#c6b69810;padding:15px 22px;margin:25px 0;color:var(--muted);font-size:14px;border-radius:0 14px 14px 0}.prose blockquote p{margin:0}.prose hr{border:0;border-top:1px solid var(--line);margin:30px 0}.prose pre{padding:18px 22px;overflow:auto;white-space:pre;font:12px/1.9 Consolas,monospace;margin:0;background:#ede9de}.dark .prose pre{background:#191b1c}.code-block{border-radius:14px;overflow:hidden;margin:24px 0;border:1px solid var(--line)}.code-bar{background:#e3dfd5;padding:7px 17px;display:flex;justify-content:space-between;align-items:center;font:10px var(--sans);color:#777a76}.dark .code-bar{background:#25282a;color:#aaa}.code-bar button{font:10px var(--sans)}.prose p code{font:13px Consolas,monospace;background:#c6b69822;padding:2px 5px;border-radius:4px}.article-end{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:25px;margin-top:35px;font-size:12px}.sample-notice{padding:11px 15px;border-left:3px solid var(--accent-bright);background:#cead7212;font-size:11px;line-height:1.9;color:var(--muted);margin:20px 0}.pill-button,.quiet-button{padding:8px 16px;border:1px solid var(--border);border-radius:25px;background:var(--panel);font-size:12px;font-weight:700}.solid-button{padding:10px 19px;background:var(--accent-bright);color:white;border-radius:30px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:10px;border:1px solid transparent}.solid-button:hover{background:var(--accent)}.danger{color:#b36654}
.music-page-title{font-size:45px;letter-spacing:3px}.music-layout{display:grid;grid-template-columns:5fr 7fr;gap:30px;min-height:600px}.music-layout>.player-card{border-radius:32px;padding:40px;justify-content:center}.music-layout .player-top{flex-direction:column;margin:20px 0 10px;text-align:center}.music-layout .vinyl{width:230px;height:230px;border-width:6px;margin-bottom:20px}.music-layout .vinyl img{width:110px;height:110px;border-width:6px}.music-layout .track-title{font-size:24px}.music-layout .track-artist{font-size:12px}.music-layout .player-line{text-align:center;font-size:12px;margin:13px 0 35px}.music-layout .player-controls{gap:25px}.music-layout .play-button{width:65px;height:65px}.music-playlist{border-radius:32px;padding:30px;display:flex;flex-direction:column}.playlist-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.playlist-head h2{font-size:20px}.playlist-items{display:flex;flex-direction:column;gap:10px}.playlist-item{padding:15px;display:flex;gap:13px;align-items:center;border-radius:17px;text-align:left;transition:background .2s}.playlist-item.active,.playlist-item:hover{background:#e6b4611a;color:var(--accent)}.playlist-item img{width:43px;height:43px;border-radius:10px;object-fit:cover}.playlist-item>span{flex:1;min-width:0;font-size:13px;font-weight:700}.playlist-item small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:4px}.playlist-item .track-no{font:12px var(--sans);color:var(--muted);flex:none;width:15px}.playlist-footer{margin-top:auto;padding-top:25px;border-top:1px solid var(--line)}.volume-control{display:flex;align-items:center;gap:12px;margin:25px 0;color:var(--muted);font-size:11px}.volume-control input{width:100%;accent-color:var(--accent)}.volume-control svg{width:18px;height:18px}.wall-board{border-radius:32px;background:#dfe8eb57;border:1px solid #ffffffa6;box-shadow:inset 0 1px #ffffffd1,0 24px 60px #2a406829;padding:36px;position:relative;min-height:350px}.wall-board:before{content:'';position:absolute;inset:7px;border:1px solid #ffffff60;pointer-events:none;border-radius:26px}.wall-notes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px 28px;max-height:600px;overflow:auto;padding:25px 12px 45px;scrollbar-width:thin}.sticky-note{position:relative;min-height:190px;padding:30px 20px 20px;background:var(--note,#fff0cf);color:#63523f;box-shadow:0 18px 24px #0c142c28,inset 0 1px #ffffffa0;transform:rotate(var(--rotation,-3deg));font-size:17px;line-height:1.8;background-image:linear-gradient(#5e6f9110 1px,transparent 1px),linear-gradient(90deg,#5e6f910b 1px,transparent 1px);background-size:22px 22px;overflow-wrap:anywhere}.sticky-note:before{content:'';position:absolute;top:-12px;left:calc(50% - 6px);width:13px;height:13px;background:#bb8b7d;border-radius:50%;box-shadow:0 4px 5px #0004,inset -2px -2px 3px #0003;z-index:1}.sticky-note:after{content:'';position:absolute;bottom:0;right:0;width:35px;height:35px;clip-path:polygon(100% 0,0 100%,100% 100%);background:#ffffff70}.sticky-note footer{font-size:10px;border-top:1px solid #77633d19;margin-top:17px;padding-top:9px}.sticky-note small{display:block;font:9px/1.7 var(--sans);color:#7f7e74;margin-top:5px}.wall-empty{grid-column:1/-1;text-align:center;padding:40px;color:var(--muted)}.wall-form{max-width:650px;margin:35px auto 0;border-radius:24px;padding:30px}.wall-form h2{font-size:22px;margin-bottom:20px}.field-label{display:block;font-size:12px;font-weight:700;margin:16px 0 7px}.form-input,.form-textarea{width:100%;padding:12px 15px;border:1px solid var(--border);background:#fff9;border-radius:14px;outline-color:var(--accent);font-size:13px;resize:vertical}.dark .form-input,.dark .form-textarea{background:#ffffff0a}.form-textarea{min-height:125px}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:13px}.char-counter{font:10px var(--sans);color:var(--muted)}.comment-panel{margin-top:30px;padding-top:30px;border-top:1px solid var(--line)}.comment-panel h2{font-size:22px;margin-bottom:20px}.comment-panel .wall-form{padding:0;margin:20px 0 0;max-width:none;box-shadow:none;background:none;border:0}.comment-card{padding:18px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.9}.comment-card time{float:right;font:10px var(--sans);color:var(--muted)}.comment-card p{margin-top:8px;white-space:pre-wrap}.service-status{font-size:11px;color:var(--muted);line-height:1.8;margin-bottom:16px}.honey-field{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.floating-button{position:fixed;bottom:24px;left:24px;width:48px;height:48px;border-radius:50%;border:1px solid var(--border);background:var(--panel);backdrop-filter:blur(18px);box-shadow:0 9px 30px #74513729;z-index:55;display:grid;place-items:center;color:var(--muted);transition:background .25s,color .25s,transform .25s}.floating-button:hover{background:var(--accent-bright);color:white;transform:translateY(-3px)}.floating-button svg{width:21px;height:21px}.back-top{left:auto;right:24px;bottom:100px;width:40px;height:40px}.mascot{position:fixed;bottom:16px;right:18px;width:64px;height:64px;z-index:55;padding:0;filter:drop-shadow(0 5px 6px #574b4530);transition:transform .3s}.mascot:hover{transform:scale(1.1) rotate(-5deg)}.mascot svg{width:100%;height:100%;stroke:none}.effect-layer{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden}.petal{position:absolute;width:10px;height:6px;border-radius:70% 0 70% 0;background:linear-gradient(140deg,#f3d9c2d9,#deb49b80);left:var(--left);top:-30px;animation:petal var(--duration) linear infinite;animation-delay:var(--delay);opacity:.6}.danmaku-line{position:absolute;left:100%;top:var(--top);white-space:nowrap;color:#a77e6960;font-size:15px;animation:danmaku 32s linear infinite;animation-delay:var(--delay)}.dark .danmaku-line{color:#ddc7b445}.no-motion *,.no-motion *:before,.no-motion *:after{animation-play-state:paused!important}.mobile-drawer{position:fixed;inset:0 0 0 auto;width:280px;max-width:85%;z-index:80;background:var(--strong);backdrop-filter:blur(28px);padding:30px;box-shadow:-10px 0 50px #0002}.mobile-drawer>button{position:absolute;right:18px;top:17px}.drawer-brand{font-size:22px;font-weight:900;display:block;margin:30px 0}.mobile-drawer nav{display:flex;flex-direction:column;gap:4px}.mobile-drawer nav a{padding:12px;border-radius:12px;display:flex;align-items:center;gap:14px;font-size:14px;font-weight:700}.mobile-drawer nav a.active{background:#d9aa6320;color:var(--accent)}.drawer-shade{position:fixed;inset:0;background:#30291e55;backdrop-filter:blur(3px);z-index:75}dialog{color:var(--ink);border:1px solid var(--border);border-radius:25px;background:var(--strong);backdrop-filter:blur(24px);padding:28px;width:min(480px,calc(100% - 32px));max-height:85vh;box-shadow:0 30px 100px #2f251a44}dialog::backdrop{background:#322b235c;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.dialog-head h2{font-size:18px;font-weight:700}.setting-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:18px 0;border-bottom:1px solid var(--line)}.setting-row input{width:32px;height:18px;accent-color:var(--accent)}.lightbox{width:min(1280px,calc(100% - 32px));text-align:center;padding:28px 55px 20px;background:var(--strong)}.lightbox>img{width:100%;height:min(68vh,750px);object-fit:contain}.lightbox p{font-size:12px;margin-top:12px}.lightbox .muted{font-size:10px;margin-top:6px}.lightbox-close{position:absolute;right:12px;top:10px;z-index:2}.lightbox-prev,.lightbox-next{position:absolute;top:45%;font-size:40px;left:9px}.lightbox-next{left:auto;right:9px}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,15px);background:#483c30e8;color:#fff8ed;border:1px solid #ffffff30;border-radius:30px;box-shadow:0 10px 35px #46362a33;padding:11px 25px;font-size:12px;z-index:120;opacity:0;pointer-events:none;transition:all .25s;max-width:calc(100% - 30px);text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}.noscript{margin:100px auto;padding:20px;text-align:center}.studio-shell{max-width:1200px;margin:auto;padding:35px 35px 70px}.page-kicker{font:10px var(--sans);letter-spacing:2px;color:var(--accent)}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes wave{to{transform:translateX(35px) scaleX(1.04)}}@keyframes petal{0%{transform:translate(0,-20px) rotate(0)}100%{transform:translate(100px,110vh) rotate(400deg)}}@keyframes danmaku{to{transform:translateX(calc(-100vw - 100%))}}
@media(min-width:1280px){.home-container{padding-left:40px;padding-right:40px}}
@media(max-width:1200px){.header-inner{width:96%;padding:0 20px}.header-inner nav{gap:20px}.home-container{padding:0 24px 60px}.home-grid{grid-template-columns:240px minmax(0,1fr) 250px;gap:20px}.left-sidebar,.right-sidebar,.post-list{gap:20px}.post-cover{width:155px}.post-card-body{padding:20px}.post-card h2{font-size:17px}.post-card p{font-size:12px}.profile-card{padding:22px}.article-layout{grid-template-columns:minmax(0,1fr) 290px;gap:24px}.article-inner{padding:35px}.wall-notes{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 20px}.sticky-note{padding:26px 15px 15px;font-size:16px}}
@media(max-width:1023px){.header-inner nav{gap:15px}.header-inner nav a{font-size:11px}.header-inner{padding:0 12px}.brand{font-size:18px}.header-actions{gap:5px}.home-grid{grid-template-columns:220px minmax(0,1fr)}.right-sidebar{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.post-cover{width:160px}.article-layout{grid-template-columns:minmax(0,1fr) 240px;gap:20px}.article-sidebar .profile-card{padding:20px}.article-inner{padding:28px}.article-header h1{font-size:28px}.article-meta>span{font-size:10px}.article-sidebar .bio{font-size:11px}.album-grid{gap:50px 20px}.music-layout{gap:22px;grid-template-columns:1fr 1.15fr;min-height:550px}.music-layout>.player-card{padding:28px}.music-layout .vinyl{width:180px;height:180px}.music-layout .vinyl img{width:90px;height:90px}.wall-notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.wall-board{padding:25px}.prose{font-size:15px}}
@media(max-width:767px){.site-header{height:60px}.header-inner{width:100%;padding:0 20px}.header-inner>nav{display:none}.brand{font-size:20px}.header-actions{gap:6px}.mobile-menu-toggle{display:inline-flex}.mini-avatar{display:none}.hero{height:58vh;min-height:430px;max-height:600px}.hero-title{padding-bottom:65px}.hero h1{font-size:36px;letter-spacing:2px}.hero p{font-size:13px;max-width:85%;line-height:1.9;margin-top:14px;letter-spacing:.5px}.hero-art{object-position:50% 50%}.hero-wave{height:88px}.home-container{padding:0 16px 35px;margin-top:-40px}.home-search{margin-bottom:26px;max-width:95%}.search-box{min-height:54px;padding:0 18px;border-radius:22px;gap:10px}.search-box input{height:54px;font-size:14px}.home-search .search-dropdown{top:64px}.home-grid{display:flex;flex-direction:column;gap:22px}.left-sidebar,.right-sidebar,.post-center{width:100%}.left-sidebar{display:grid;grid-template-columns:1fr;gap:18px}.left-sidebar .side-nav-panel,.left-sidebar .digital-clock,.left-sidebar .site-stats{display:none}.profile-card{padding:20px 22px}.profile-card .avatar-frame{width:72px;height:72px;margin-bottom:10px;border-radius:15px}.profile-card h2{font-size:21px}.profile-card .bio{max-width:310px;margin:5px auto 12px;font-size:11px}.socials{margin-bottom:12px}.profile-stats{max-width:270px;margin:auto}.profile-stats strong{font-size:18px}.profile-stats small{font-size:9px}.post-card{min-height:155px;display:flex;flex-direction:row!important;border-radius:22px}.post-card.reversed{flex-direction:row-reverse!important}.post-cover{width:32%;max-width:150px;min-width:100px}.post-card-body{padding:17px;min-width:0}.post-card h2{font-size:16px;line-height:1.6;margin-bottom:7px}.post-card p{font-size:11px;line-height:1.8;margin-bottom:11px;-webkit-line-clamp:2}.post-card-meta{gap:7px}.post-card-meta .date{font-size:9px}.post-card-meta .tags{gap:4px}.post-card-meta .tag{font-size:9px;padding:1px 6px}.post-list{gap:19px}.pagination{gap:10px;margin-top:24px}.pagination button{font-size:11px;padding:8px 13px}.home-notice{font-size:9px}.right-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:16px}.right-sidebar .player-card{grid-column:1/-1;min-height:250px;padding:22px}.player-top{margin-top:0;justify-content:center}.player-line{text-align:center}.right-sidebar .weather-card,.right-sidebar .calendar-card{padding:16px}.weather-card{min-height:310px}.weather-temperature{font-size:39px}.weather-temperature sup{font-size:19px}.weather-symbol{font-size:33px}.weather-body{padding-top:18px}.weather-desc{font-size:9px}.weather-hours{gap:3px;margin-top:18px}.weather-hour{padding:7px 0}.weather-hour small{font-size:8px}.weather-hour span{font-size:13px}.weather-hour strong{font-size:10px}.weather-detail{gap:2px}.weather-detail small{font-size:8px}.weather-detail strong{font-size:9px}.weather-title select{max-width:95px;font-size:11px}.calendar-title h3{font-size:11px}.calendar-title button{width:17px}.calendar-grid{gap:2px}.calendar-grid .weekday{font-size:8px}.calendar-day{height:29px;font-size:10px}.calendar-tip{font-size:8px}.site-footer{padding:20px 20px 75px;font-size:10px}.site-footer>div{font-size:9px;gap:13px}.subpage,.subpage.wide{width:calc(100% - 32px);margin:92px auto 45px}.page-heading{font-size:29px;margin-bottom:25px}.page-description{font-size:12px;line-height:1.9;margin-top:-12px}.page-search{max-width:100%;margin-bottom:22px}.page-search .search-box{min-height:46px}.page-search input{height:46px;font-size:12px}.filters{gap:7px;margin-bottom:25px}.filter{font-size:11px;padding:6px 12px}.archive-timeline{padding-left:44px}.archive-timeline:before{left:17px}.archive-year{margin-left:-44px;gap:10px}.year-dot{width:36px;height:36px;font-size:12px}.archive-year h2{font-size:24px}.archive-entry{padding:15px;margin-bottom:14px}.archive-entry-head{display:block}.archive-entry h3{font-size:13px;line-height:1.8}.archive-entry time{display:block;margin-top:6px;font-size:9px}.moment-timeline{padding-left:0}.moment-timeline:before{display:none}.moment-card{padding:22px;border-radius:22px;margin-bottom:20px}.moment-card:before{display:none}.moment-card p{font-size:13px}.moment-meta{gap:8px}.moment-meta time{font-size:11px}.album-grid{grid-template-columns:1fr 1fr;gap:45px 20px;padding:16px 8px}.album-stack{width:91%;margin-bottom:25px}.album-stack img{border-width:4px}.album-count{font-size:8px;left:4px;bottom:4px;padding:3px 6px}.album-button h2{font-size:16px}.album-button p{font-size:10px;line-height:1.8}.album-photos{grid-template-columns:1fr 1fr;gap:14px}.photo-tile img{height:150px}.photo-tile span{padding:10px;font-size:10px}.project-grid{grid-template-columns:1fr;gap:20px}.project-card{padding:23px}.project-card h2{font-size:18px}.project-card p{font-size:12px}.friends-grid{grid-template-columns:1fr 1fr;gap:17px}.friend-card{padding:22px 15px}.friend-card h2{font-size:17px}.friend-card p{font-size:11px}.about-cover{height:190px}.about-body{padding:5px 24px 28px}.about-body h2{font-size:23px}.about-body h3{font-size:18px}.about-body p,.about-body ul{font-size:13px}.article-layout{width:calc(100% - 28px);margin-top:88px;display:block}.article-inner{padding:25px 22px}.article-cover img{max-height:250px}.article-header h1{font-size:25px;line-height:1.6}.article-meta{gap:7px}.article-meta>span{font-size:9px;padding:4px 8px}.prose{font-size:14px;line-height:2.1}.prose h2{font-size:21px}.prose h3{font-size:18px}.prose blockquote{font-size:12px;padding:13px 16px}.article-sidebar{position:static;margin-top:22px;display:flex}.article-sidebar .profile-card{display:none}.article-sidebar .recommendations{order:2}.article-sidebar .toc-panel{order:1}.article-end{font-size:11px}.article-end .pill-button{font-size:10px}.music-page-title{font-size:34px;letter-spacing:2px}.music-layout{display:flex;flex-direction:column;gap:22px}.music-layout>.player-card{padding:30px;min-height:490px}.music-layout .vinyl{width:200px;height:200px}.music-layout .track-title{font-size:23px}.music-layout .player-line{margin-bottom:25px}.music-playlist{padding:24px}.playlist-head h2{font-size:19px}.wall-board{padding:20px 14px}.wall-notes{grid-template-columns:1fr 1fr;gap:30px 20px;padding:22px 9px 35px;max-height:560px}.sticky-note{padding:24px 13px 14px;font-size:14px;min-height:170px}.sticky-note footer{font-size:9px}.sticky-note small{font-size:8px}.wall-form{padding:24px}.wall-form h2{font-size:20px}.service-status{font-size:10px}.form-footer{align-items:flex-start}.form-footer>.muted{font-size:9px}.floating-button{width:42px;height:42px;bottom:20px;left:18px}.back-top{left:auto;right:20px;bottom:92px;width:36px;height:36px}.mascot{width:58px;height:58px;right:15px;bottom:14px}.effect-layer .danmaku-line{display:none}.petal{opacity:.35}.lightbox{padding:40px 26px 20px}.lightbox>img{height:62vh}.lightbox-prev,.lightbox-next{width:28px;left:0}.lightbox-next{left:auto;right:0}.lightbox p{font-size:11px}.dialog-head h2{font-size:17px}.studio-shell{padding:25px 20px 60px}}
@media(max-width:370px){.post-cover{width:28%;min-width:80px}.post-card-body{padding:14px}.post-card h2{font-size:15px}.right-sidebar{display:flex;flex-direction:column}.album-grid{grid-template-columns:1fr}.album-stack{max-width:250px}.wall-notes{gap:25px 16px;padding-left:6px;padding-right:6px}.sticky-note{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
input.player-progress{-webkit-appearance:none;appearance:none;border:0;background:linear-gradient(to right,var(--accent-bright) 0 var(--seek,0%),#d0c9bf var(--seek,0%) 100%);border-radius:20px;outline:none}
input.player-progress::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border:0;border-radius:50%;background:var(--accent-bright);cursor:pointer}
input.player-progress::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--accent-bright);cursor:pointer}
@keyframes wave{to{transform:translateX(10px) scaleX(1.08)}}
@media(min-width:1024px){.header-inner nav a{font-size:14px}.post-card p{font-size:14px}}
@media(max-width:767px){.hero{height:68vh;max-height:none}.hero h1{font-size:32px}.left-sidebar .side-nav-panel,.left-sidebar .digital-clock,.left-sidebar .site-stats{display:block}.right-sidebar{display:flex;flex-direction:column}.right-sidebar .weather-card,.right-sidebar .calendar-card{padding:20px}.weather-card{min-height:338px}.weather-temperature{font-size:50px}.weather-temperature sup{font-size:25px}.weather-symbol{font-size:48px}.weather-desc{font-size:11px}.weather-title select{font-size:12px;max-width:170px}.weather-hour small{font-size:10px}.weather-hour span{font-size:18px}.weather-hour strong{font-size:12px}.weather-detail small{font-size:10px}.weather-detail strong{font-size:12px}.calendar-title h3{font-size:13px}.calendar-grid .weekday{font-size:10px}.calendar-day{height:34px;font-size:12px}.calendar-tip{font-size:10px}.post-card,.post-card.reversed{flex-direction:column!important}.post-cover{width:100%;max-width:none;min-width:0;height:160px}.post-card-body{min-height:145px;padding:20px}.post-card h2{font-size:17px}.post-card p{font-size:12px}.post-card-meta .date{font-size:10px}.post-card-meta .tag{font-size:10px}.site-header{inset:calc(50% - 56px) 0 auto auto;width:46px;height:112px;border-radius:45px 0 0 45px;background:#e5a438d1;border:1px solid #ffffff5c;box-shadow:-5px 0 20px #b86f2b40;transform:none!important}.header-inner{width:100%;height:100%;padding:0;justify-content:center}.header-inner>.brand,.header-actions>.theme-toggle,.header-actions>.mini-avatar{display:none}.header-actions{width:100%;height:100%}.mobile-menu-toggle{width:46px;height:112px;border-radius:45px 0 0 45px;color:#fff}.mobile-menu-toggle svg{display:none}.mobile-menu-toggle:after{content:'⋮';font:32px var(--sans);margin-right:5px}.mobile-menu-toggle:hover{background:#d79632;color:white}.dark .site-header{background:#c98d38d9}.profile-card .bio{max-width:300px}.wall-notes{grid-template-columns:1fr 1fr}}
/* Content studio */
.studio-shell{max-width:1200px;margin:auto;padding:35px 35px 70px}.studio-banner{padding:15px 20px;border:1px solid var(--line);font-size:12px;background:#ebe6d9;margin:22px 0}.studio-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:24px}.studio-toolbar .solid-button{padding:8px 16px}.studio-layout{display:grid;grid-template-columns:240px 1fr;gap:30px}.studio-list{border:1px solid var(--line);align-self:start}.studio-list button{display:block;padding:15px;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:none;font-size:12px}.studio-list button.active{background:#e4e5da;color:var(--blue)}.studio-list small{display:block;color:var(--muted);margin-top:5px}.studio-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.studio-form label{font-size:12px;color:var(--muted)}.studio-form input,.studio-form textarea,.studio-form select{display:block;margin-top:5px;width:100%;padding:10px 12px;background:#fcf9f1;border:1px solid var(--line);border-radius:0;color:var(--ink)}.studio-form .wide{grid-column:1/-1}.studio-form textarea{min-height:320px;font:13px/1.9 Consolas,'Microsoft YaHei',monospace;resize:vertical}.studio-form .checkline{display:flex;gap:9px;align-items:center}.studio-form .checkline input{width:auto;margin:0}.studio-state{font-size:11px;color:var(--muted)}.studio-preview{border:1px solid var(--line);padding:28px;margin-top:24px}.danger{color:#9a523c}.profile-editor{margin-bottom:25px;border-bottom:1px solid var(--line);padding-bottom:25px}.profile-editor summary{cursor:pointer;font-family:var(--serif);font-size:18px}.profile-editor .studio-form{margin-top:20px}.profile-editor textarea{min-height:90px}
@media(max-width:767px){.studio-layout{display:block}.studio-list{margin-bottom:24px;max-height:230px;overflow:auto}.studio-form{grid-template-columns:1fr}.studio-form .wide{grid-column:auto}.studio-form input,.studio-form textarea{background:var(--strong);color:var(--ink);border-color:var(--line)}.studio-banner{font-size:11px}.studio-preview{padding:20px}}
.about-panel{background:none;border:0;box-shadow:none;backdrop-filter:none;overflow:visible}.about-cover{border-radius:24px;height:256px}.about-tabs{justify-content:flex-start;padding:28px 0 24px;gap:10px}.about-tabs button{border-radius:12px;background:#ffffff60;border:1px solid var(--border);padding:8px 16px}.about-tabs button.active{background:#857abf}.about-body{border-radius:24px;background:var(--strong);border:1px solid var(--border);box-shadow:var(--shadow);padding:50px 42px}.about-body h2{font-size:34px}.music-tabs{display:flex;justify-content:center;gap:4px;border-radius:30px;padding:4px;background:#ffffff60;border:1px solid var(--border);width:260px;max-width:100%;align-self:center;margin-bottom:20px}.music-tabs button{flex:1;border-radius:30px;padding:8px 15px;font-size:12px;font-weight:700;color:var(--muted)}.music-tabs button.active{background:#857abf;color:white}.playlist-pane{flex:1}.lyric-panel{height:330px;min-height:200px;overflow:auto;position:relative;display:flex;flex-direction:column;gap:24px;padding:25px 0;scrollbar-width:thin}.lyric-empty{margin:auto;text-align:center;color:var(--muted)}.lyric-empty>span{font-size:38px;color:#b6a1b1}.lyric-empty p{font-size:22px;letter-spacing:2px;margin:15px 0 12px}.lyric-empty small{font-size:12px;letter-spacing:1px}.lyric-line{text-align:center;font-size:18px;color:var(--muted);line-height:1.8;flex-shrink:0;transition:color .25s,transform .25s}.lyric-line.active{color:#857abf;transform:scale(1.05);font-weight:700}.music-playlist .playlist-footer{padding-top:10px}.music-playlist .playlist-footer .muted{font-size:10px}.music-playlist .volume-control{margin:14px 0}.mini-player{position:fixed;right:24px;bottom:90px;width:280px;border-radius:20px;z-index:52;padding:13px 15px;display:flex;gap:10px;align-items:center}.mini-player>a>img{width:44px;height:44px;border-radius:50%;object-fit:cover}.mini-player>div{flex:1;min-width:0}.mini-player .track-title{font-size:12px;display:block;max-width:120px}.mini-player .track-artist{font-size:9px;display:block}.mini-player .small-control{width:23px}.emoji-picker{display:flex;flex-wrap:wrap;gap:10px;padding:10px 14px;border-radius:14px;background:var(--strong);border:1px solid var(--border);margin-top:10px}.emoji-picker button{font-size:20px}.wall-form[data-message-form=wall]{max-width:none;display:grid;grid-template-columns:1fr 2.5fr;column-gap:24px}.wall-form[data-message-form=wall]>h2{grid-column:1/-1}.wall-form[data-message-form=wall]>label[for=message-name]{grid-column:1;grid-row:2}.wall-form[data-message-form=wall]>input[name=name]{grid-column:1;grid-row:3;align-self:start}.wall-form[data-message-form=wall]>label[for=message-content]{grid-column:2;grid-row:2}.wall-form[data-message-form=wall]>.form-textarea{grid-column:2;grid-row:3;min-height:90px}.wall-form[data-message-form=wall]>.form-footer,.wall-form[data-message-form=wall]>p,.wall-form[data-message-form=wall]>.emoji-picker{grid-column:1/-1}.wall-form[data-message-form=wall]>.honey-field{display:none}@media(max-width:767px){.about-body{padding:28px 24px}.about-body h2{font-size:25px}.about-cover{height:200px}.music-tabs{width:230px}.lyric-panel{height:300px}.lyric-empty p{font-size:20px}.wall-form[data-message-form=wall]{display:block}.mini-player{width:250px;right:18px;bottom:85px;padding:10px 12px}.mini-player .track-title{max-width:100px}}

#main:focus,.prose h2:focus,.prose h3:focus{outline:none}
.article-sidebar{max-height:calc(100dvh - 110px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c4af90 transparent;padding:0 5px 6px 0}
.toc-panel{flex-shrink:0}
.toc-links a[aria-current=location]{color:var(--accent);border-color:var(--accent);font-weight:700}
.album-empty-placeholder{display:flex;position:absolute;inset:0;align-items:center;justify-content:center;flex-direction:column;gap:15px;border:6px solid #fffdf7;background:linear-gradient(135deg,#e9e3d5,#eee9de);color:#9d9281;box-shadow:0 15px 30px #6d59472b;border-radius:4px}
.album-empty-placeholder svg{width:40px;height:40px;stroke-width:1}
.album-empty-placeholder small{font-size:12px;letter-spacing:2px}
.album-photos>.empty-state{grid-column:1/-1;width:100%}
.dark .album-empty-placeholder{background:linear-gradient(135deg,#50463c,#3f3931);border-color:#e2d8c5;color:#d4c3a8}
.calendar-day,.calendar-title button{touch-action:manipulation}
.small-control{min-height:32px;min-width:28px;touch-action:manipulation}
.lightbox .icon-button:focus-visible,.mobile-drawer a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.photo-tile img{background:#e9e2d8;aspect-ratio:4/3}
@media(max-width:767px){.article-sidebar{max-height:none;overflow:visible;padding:0;overscroll-behavior:auto}.toc-panel{max-height:290px;overflow:auto;scrollbar-width:thin}.toc-links a{padding-top:5px;padding-bottom:5px}.music-tabs button,.about-tabs button{min-height:40px}.player-controls .small-control{min-height:38px;min-width:34px}.album-empty-placeholder{border-width:4px}.album-empty-placeholder small{font-size:10px}.album-empty-placeholder svg{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.hero-wave path,.vinyl,.petal,.danmaku-line{animation:none!important}}

/* Personal profile and official music source. */
.music-reflection{border-radius:32px}
.about-introduction{display:flex;align-items:center;gap:22px;margin:0 0 28px}.about-introduction h2{margin:5px 0 0;line-height:1.4}.about-avatar{width:82px;height:82px;object-fit:cover;object-position:center;border-radius:50%;border:4px solid var(--glass,#fffaf4);box-shadow:0 6px 22px #69593a18}.about-eyebrow,.music-eyebrow{font:9px/1.5 var(--sans,sans-serif);letter-spacing:2.5px;color:var(--muted)}.about-exploring li{padding:5px 0}.about-contact-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:24px}.about-email{font-size:12px;color:var(--blue);overflow-wrap:anywhere}.netease-player{border:0;display:block;width:100%;min-width:0;max-width:100%;background:transparent;margin:7px 0 3px}.platform-player .track-title{line-height:1.65}.platform-player .track-info{min-width:0}.music-source-link{display:block;text-align:center;font-size:10px;color:var(--muted);margin-top:6px}.music-source-link:hover{color:var(--blue)}.music-reflection{padding:40px 34px;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;min-height:400px}.music-reflection h2{font-size:25px;margin:20px 0 12px}.music-reflection>p{color:var(--muted);font-size:13px;line-height:1.9}.selected-song{display:flex;align-items:center;gap:20px;width:100%;padding:22px 0;margin:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left}.selected-song>span{font-size:12px;color:var(--muted)}.selected-song div{flex:1}.selected-song strong{display:block;font-size:14px;font-weight:500}.selected-song small{display:block;font-size:11px;color:var(--muted);margin-top:7px}.music-reflection>p.music-availability{font-size:11px;max-width:340px}.music-reflection>.pill-button{margin-top:20px}.platform-music-layout .full-player{height:100%;display:flex;flex-direction:column;justify-content:center}.platform-music-layout .player-line{margin-top:28px}.platform-music-layout .music-source-link{margin-bottom:20px}@media(max-width:600px){.about-introduction{gap:15px}.about-avatar{width:66px;height:66px}.about-introduction h2{font-size:21px}.music-reflection{padding:30px 24px;min-height:340px}.music-reflection h2{font-size:23px}}

.prose .article-figure{margin:28px 0;text-align:center}.prose .article-image{display:block;max-width:100%;width:auto;height:auto;max-height:900px;object-fit:contain;margin:20px auto;border-radius:14px;background:#dfd8c920}.prose .article-figure .article-image{margin:0 auto}.prose .article-figure figcaption{font-size:12px;line-height:1.8;color:var(--muted,#8a8579);margin:10px auto 0;max-width:85%;overflow-wrap:anywhere}.prose .image-unavailable{display:block;padding:16px;background:#dfd8c920;color:var(--muted,#8a8579);border-radius:12px}.post-cover img{object-fit:cover}@media(max-width:600px){.prose .article-figure{margin:22px 0}.prose .article-image{border-radius:10px}.prose .article-figure figcaption{font-size:11px;max-width:95%}}

/* The existing three-column layout and component geometry remain authoritative. */
body{background-color:var(--time-paper,#f5f0e6);transition:background-color 1.4s,color .35s}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.035;background-image:var(--time-texture,url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%237d715b' filter='url(%23n)' opacity='.25' d='M0 0h160v160H0z'/%3E%3C/svg%3E"))}.dark body{background-color:#211f24}.no-texture body:before{display:none}.no-gradient .ambient-glow{display:none}.hero-art{transition:opacity .5s,filter 1.4s,translate .3s}.hero-art,.article-cover img{aspect-ratio:16/9}.hero-art{height:100%;width:100%}[data-day-phase=dusk] .hero-art{filter:sepia(.12) saturate(.9)}[data-day-phase=night] .hero-art,[data-day-phase=deepnight] .hero-art{filter:brightness(.76) saturate(.7)}.prose{line-height:1.95;overflow-wrap:anywhere}.prose h2{margin-top:2em}.prose img{max-width:100%;height:auto}.brand{font-size:20px!important}.post-card,.project-card,.friend-card{transition:transform .22s,box-shadow .22s}.post-card:hover,.project-card:hover,.friend-card:hover{transform:translateY(-3px)}button{transition:transform .16s,background-color .2s,box-shadow .2s}button:active{transform:translateY(1px)}.cat-empty{padding:20px 12px;text-align:center;color:var(--muted)}.cat-empty svg{width:92px;height:80px;display:block;margin:0 auto 12px}.cat-empty p{font-size:14px;line-height:1.9}.rss-link{font-size:12px;display:inline-block;margin-top:8px;color:var(--blue)}.mini-player{z-index:40}.mini-player.is-playing:after{content:"▂ ▅ ▃ ▆";color:var(--blue);font-size:12px;animation:music-breathe 1.8s ease-in-out infinite}.mini-player .track-cover{width:42px;height:42px;aspect-ratio:1}.mini-player{max-width:calc(100vw - 28px)}@keyframes music-breathe{50%{opacity:.35}}#petals[data-season=winter] .petal{background:#fff;border-radius:50%;width:5px;height:5px;box-shadow:0 0 4px #9daab233}#petals[data-season=summer] .petal{background:#b7ca82;border-radius:50%;width:3px;height:3px;box-shadow:0 0 9px #b6ca5d}#petals[data-season=autumn] .petal{background:#cba16a;border-radius:1px 70% 2px 70%;width:8px;height:12px}.arrival-dialog{border:1px solid #ded4c1;border-radius:22px;background:#f7f2e8;color:#315566;padding:70px 60px 44px;max-width:520px;width:calc(100vw - 48px);box-sizing:border-box;text-align:center;box-shadow:0 24px 90px #303d3930}.arrival-dialog::backdrop{background:#e7e0d6b8;backdrop-filter:blur(5px)}.arrival-skip{position:absolute;top:20px;right:24px;background:none;border:0;color:#7e8074;cursor:pointer;font-size:12px}.arrival-mark{font-size:11px;letter-spacing:.5em;color:#9f8c6b}.arrival-dialog h2{font-family:Songti SC,STSong,SimSun,serif;font-weight:500;font-size:32px;line-height:1.65;margin:22px 0}.arrival-dialog p{color:#8c8b80;font-size:14px}.arrival-enter{margin-top:22px}.arrival-help{font-size:11px!important;line-height:1.8;margin-top:18px}.enhancement-notice{text-align:center;font-size:12px}.prose a{text-decoration-thickness:1px;text-underline-offset:4px}.toc-panel[hidden]{display:none!important}.no-motion *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.preview-banner{background:#e9efdf;border-bottom:1px solid #d6ddcb;padding:8px 16px;text-align:center;font-size:12px;color:#526344}@media(max-width:700px){.arrival-dialog{padding:58px 24px 30px}.arrival-dialog h2{font-size:27px}.mini-player{left:14px;bottom:18px;right:auto}.mascot{bottom:92px}.prose{font-size:16px;line-height:1.95}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-art{translate:none!important}}
.hero{background-color:#667d86}.page-arriving{animation:content-arrive .28s ease both}@keyframes content-arrive{from{opacity:.72;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sidebar-recent{border-top:1px solid var(--line);margin-top:12px;padding-top:12px;font-size:12px;line-height:1.8}.sidebar-recent small{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.sidebar-recent a{color:var(--ink)}.sidebar-recent p{margin:0;color:var(--muted)}:root[data-day-phase=night]:not(.dark){--panel:#f5f3fac7;--strong:#fcfaffef}:root[data-day-phase=deepnight]:not(.dark){--panel:#f0f3f7c7;--strong:#f8faffef}:root[data-day-phase=dusk]:not(.dark){--panel:#fff6edb8}.dark[data-day-phase=deepnight] body{background-color:#1d2028}
.arrival-skip,.arrival-mark,.arrival-dialog p{color:#626b62}.arrival-dialog .arrival-enter{background:#795519;color:#fff;border-color:#795519}
@media(max-width:700px){.mini-player{left:78px;right:14px;max-width:none;width:auto;box-sizing:border-box}.settings-toggle{left:14px;bottom:22px}}

/* Layout stays in style.css. Colours and small landscape widgets live here. */
:root,:root[data-day-phase]:not(.dark){--time-paper:var(--paper);--time-ink:var(--ink);--panel:color-mix(in srgb,var(--paper) 83%,white 17%);--strong:color-mix(in srgb,var(--paper) 93%,white 7%);--border:color-mix(in srgb,var(--paper) 68%,white 32%);--line:color-mix(in srgb,var(--accent) 22%,transparent);--shadow:0 16px 45px color-mix(in srgb,var(--ink) 8%,transparent),inset 0 1px color-mix(in srgb,white 45%,transparent);--hero-brightness:.96;--hero-saturation:.86;--hero-tint:transparent}
:root.dark,:root.dark[data-day-phase]{--panel:color-mix(in srgb,var(--paper) 83%,var(--card-two) 17%);--strong:color-mix(in srgb,var(--paper) 76%,var(--card-two) 24%);--border:color-mix(in srgb,var(--accent) 19%,transparent);--line:color-mix(in srgb,var(--accent) 18%,transparent);--shadow:0 16px 45px #00000024,inset 0 1px #ffffff08;--hero-brightness:.46;--hero-saturation:.52;--hero-tint:color-mix(in srgb,var(--paper) 28%,transparent)}
:root[data-day-phase=dusk]:not(.dark){--hero-brightness:.87;--hero-saturation:.73;--hero-tint:#b2787c22}
:root[data-day-phase=night]:not(.dark){--hero-brightness:.78;--hero-saturation:.65;--hero-tint:#5d617633}
:root[data-day-phase=deepnight]:not(.dark){--hero-brightness:.72;--hero-saturation:.6;--hero-tint:#344c6644}
:root.dark[data-day-phase=deepnight]{--hero-brightness:.38;--hero-tint:#142c4040}
:root[data-day-phase] body,:root.dark[data-day-phase] body{background:radial-gradient(ellipse at 8% 36%,color-mix(in srgb,var(--wash-one) 43%,transparent),transparent 38%),radial-gradient(ellipse at 96% 60%,color-mix(in srgb,var(--wash-two) 45%,transparent),transparent 43%),linear-gradient(160deg,var(--paper),var(--paper-end));background-attachment:fixed;color:var(--ink)}
:root[data-day-phase] .glass{background:var(--panel);border-color:var(--border);box-shadow:var(--shadow)}
:root[data-day-phase] .glass-strong{background:var(--strong)}
:root[data-day-phase] .hero-art{filter:brightness(var(--hero-brightness)) saturate(var(--hero-saturation));transition:filter 1.2s ease,opacity .5s,translate .3s}
:root[data-day-phase] .hero-shade{background:linear-gradient(180deg,#18222c12,transparent 45%,var(--hero-tint)),linear-gradient(90deg,#222c3426,transparent 80%);transition:background 1s}
:root.dark[data-day-phase] .hero-shade{background:linear-gradient(180deg,color-mix(in srgb,var(--paper) 32%,transparent),transparent 40%,color-mix(in srgb,var(--paper) 54%,transparent)),var(--hero-tint)}
.hero-wave{transition:fill 1s}.ambient-glow{background:radial-gradient(ellipse at 84% 64%,color-mix(in srgb,var(--wash-two) 27%,transparent),transparent 58%);animation:ambient-drift 28s ease-in-out infinite alternate}
.site-header{background:color-mix(in srgb,var(--paper) 87%,transparent);border-color:var(--line);box-shadow:0 4px 28px color-mix(in srgb,var(--ink) 5%,transparent)}
:root.dark .site-header{background:color-mix(in srgb,var(--paper) 89%,transparent)}
.search-box{background:var(--strong)}.search-box input::placeholder{color:var(--muted)}
.profile-card{background:linear-gradient(155deg,color-mix(in srgb,var(--card-one) 80%,var(--paper)),var(--panel))!important;overflow:hidden;position:relative}
.profile-card:before{content:"";position:absolute;width:100px;height:100px;right:-48px;top:22px;border:18px solid color-mix(in srgb,var(--accent) 9%,transparent);border-radius:50%;pointer-events:none}
.avatar-frame{background:linear-gradient(35deg,var(--scene-sun),var(--scene-back));box-shadow:0 10px 28px color-mix(in srgb,var(--accent) 17%,transparent)}
.profile-stats a:nth-child(2) strong{color:var(--accent-bright)}.profile-stats a:nth-child(3) strong{color:var(--blue)}
.socials a,.socials button{background:color-mix(in srgb,var(--paper) 80%,white 20%)}.dark .socials a,.dark .socials button{background:var(--card-one)}
.tag{background:color-mix(in srgb,var(--accent) 10%,transparent)}.side-nav a:hover,.side-nav a.active{background:color-mix(in srgb,var(--accent) 10%,transparent)}
.digital-clock{background:linear-gradient(120deg,var(--card-two),var(--panel))!important;position:relative;font-weight:500;letter-spacing:1px}.digital-clock span{color:var(--accent)}
.site-stats h3{border-color:var(--blue)}.side-nav svg{color:var(--muted)}
.player-card{background:linear-gradient(145deg,var(--card-one),var(--panel))!important;position:relative;overflow:hidden}.player-card:after{content:"";width:96px;height:96px;position:absolute;top:-42px;right:-36px;border:18px solid color-mix(in srgb,var(--accent) 9%,transparent);border-radius:50%;pointer-events:none}
.calendar-card{background:linear-gradient(160deg,var(--panel),color-mix(in srgb,var(--card-two) 46%,var(--paper)))!important}
.weather-card{background:linear-gradient(150deg,var(--card-two),var(--panel))!important}.weather-temperature{color:var(--ink)}
.post-card:hover{box-shadow:0 20px 48px color-mix(in srgb,var(--ink) 13%,transparent)}.post-cover{background:var(--card-two)}
.floating-button{background:var(--strong);color:var(--accent);border-color:var(--line)}
.site-footer{color:var(--muted);border-color:var(--line)}
.post-center{min-width:0}.atmosphere-card{position:relative;isolation:isolate;overflow:hidden;border-radius:25px;padding:24px;margin-top:26px}
.atmosphere-card:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.13;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.35' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
.atmosphere-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.atmosphere-eyebrow{display:block;font:8px/1.5 var(--sans);letter-spacing:1.5px;color:var(--muted);margin-bottom:7px}.atmosphere-heading h2{font-size:19px;font-weight:500;letter-spacing:1px}.atmosphere-heading h2>span{display:block;letter-spacing:.4px;font-size:10px;font-weight:400;color:var(--muted);margin-top:4px}
.atmosphere-live{display:flex;gap:5px;align-items:center;white-space:nowrap;font:10px/1.5 var(--sans);color:var(--accent);margin-top:3px}.atmosphere-live i{width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 8%,transparent);animation:atmosphere-pulse 3s ease-in-out infinite}
.landscape-triptych{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:10px;align-items:end;margin:23px 0 16px;height:139px}
.landscape-panel{width:100%;height:124px;stroke:none;stroke-width:0;box-shadow:0 4px 15px color-mix(in srgb,var(--ink) 9%,transparent);border:3px solid color-mix(in srgb,var(--paper) 68%,white 32%);overflow:hidden;transition:background 1s;transform:rotate(-2deg);border-radius:47% 47% 12px 12px}
.landscape-panel-1{height:139px;border-radius:62% 62% 10px 10px;transform:rotate(0)}.landscape-panel-2{transform:rotate(2deg);border-radius:12px 48% 12px 12px}
.scene-cloud{animation:cloud-drift 18s ease-in-out infinite alternate}.landscape-panel-1 .scene-cloud{animation-delay:-7s}.landscape-panel-2 .scene-cloud{animation-delay:-11s}.scene-orb{animation:scene-breathe 8s ease-in-out infinite}.scene-stars,.moon-cutout{opacity:0}.dark .moon-cutout{opacity:1}.dark .scene-stars{opacity:.8;animation:star-fade 5s ease-in-out infinite alternate}
.atmosphere-caption{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:19px;font-size:10px}.atmosphere-caption strong{font-size:12px;letter-spacing:1px;color:var(--accent);font-weight:500}.atmosphere-caption>span{color:var(--muted);text-align:right}
.phase-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.phase-swatch{border:1px solid transparent;border-radius:12px;padding:8px 3px 7px;text-align:center;min-width:0;color:var(--muted);transition:background .2s,border-color .2s,transform .2s}.phase-swatch:hover{background:color-mix(in srgb,var(--accent) 8%,transparent);transform:translateY(-2px)}.phase-swatch[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 9%,transparent);border-color:color-mix(in srgb,var(--accent) 34%,transparent);color:var(--ink)}
.swatch-paint{display:block;width:32px;height:26px;margin:0 auto 7px;border-radius:45% 55% 35% 60%;background:radial-gradient(ellipse at 25% 15%,var(--swatch-paper) 10%,transparent 65%),linear-gradient(145deg,var(--swatch-accent),var(--swatch-scene));box-shadow:inset 0 0 8px #ffffff35;transform:rotate(-8deg)}.phase-swatch:nth-child(2n) .swatch-paint{border-radius:60% 40% 60% 35%;transform:rotate(8deg)}.phase-swatch strong{display:block;font-size:10px;white-space:nowrap;font-weight:500}.phase-swatch small{display:block;font:8px/1.7 var(--sans);letter-spacing:-.2px;color:var(--muted);margin-top:3px;white-space:nowrap}
.atmosphere-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);margin-top:15px;padding-top:11px;font-size:9px;color:var(--muted)}.atmosphere-reset{font-size:10px;padding:4px 0;color:var(--accent);white-space:nowrap;text-underline-offset:3px}.atmosphere-reset:hover{text-decoration:underline}
.daynote-card{position:relative;padding:31px 21px 20px;margin:1px 3px 2px;background:linear-gradient(145deg,var(--card-one),var(--card-two));border-radius:4px 23px 7px 22px;box-shadow:0 9px 22px color-mix(in srgb,var(--ink) 7%,transparent);transform:rotate(-1.3deg);border:1px solid var(--border);overflow:visible}
.daynote-tab{position:absolute;top:-10px;left:21px;padding:3px 15px;background:color-mix(in srgb,var(--scene-back) 67%,var(--paper));border-radius:2px;transform:rotate(-3deg);font-size:9px;color:var(--ink);letter-spacing:2px;box-shadow:0 2px 3px #00000005}
.daynote-top{position:relative;min-height:30px}.daynote-top time{font:10px/1.8 var(--sans);color:var(--muted);letter-spacing:1px}.daynote-sprig{position:absolute;right:-6px;top:-24px;transform-origin:50% 100%;animation:sprig-sway 7s ease-in-out infinite alternate}.daynote-sprig svg{width:46px;height:63px;stroke:var(--accent);stroke-width:1.5}.daynote-sprig svg path+path{fill:var(--scene-front);stroke:none;opacity:.5}.daynote-card>p{font-size:14px;line-height:1.9;max-width:170px;min-height:53px;letter-spacing:1px;position:relative;color:var(--ink)}.daynote-bottom{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:12px;font-size:9px;color:var(--muted)}.daynote-bottom button{font:19px/1 var(--sans);width:29px;height:29px;border-radius:50%;color:var(--accent);background:color-mix(in srgb,var(--paper) 60%,transparent)}.daynote-bottom button:hover{transform:rotate(25deg)}.daynote-progress{height:2px;background:var(--line);margin-top:10px;overflow:hidden;border-radius:3px}.daynote-progress i{height:100%;display:block;background:var(--accent);opacity:.5}
#settings-dialog{background:var(--paper);color:var(--ink);border-color:var(--line);width:480px;max-width:calc(100vw - 32px);max-height:85dvh;overflow:auto}#settings-dialog>.muted{margin-bottom:16px}.appearance-controls{border:1px solid var(--line);border-radius:15px;padding:15px;margin:14px 0}.appearance-controls legend{font-size:12px;color:var(--accent);padding:0 7px}.appearance-controls .phase-picker{margin-bottom:10px}.appearance-mode{display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:10px}.appearance-mode select{max-width:190px;border:1px solid var(--line);background:var(--strong);border-radius:8px;padding:6px 10px}.appearance-help{font-size:10px;color:var(--muted);margin-top:9px;line-height:1.8}.appearance-settings-foot{display:flex;align-items:center;justify-content:space-between;margin-top:8px;font-size:10px;color:var(--muted)}
.arrival-dialog{background:var(--paper);color:var(--ink);border-color:var(--line)}.arrival-dialog p{color:var(--muted)}.arrival-dialog::backdrop{background:color-mix(in srgb,var(--paper) 75%,transparent)}.arrival-mark{color:var(--accent)}
@keyframes cloud-drift{from{transform:translateX(-5px)}to{transform:translateX(10px)}}@keyframes scene-breathe{50%{opacity:.75}}@keyframes star-fade{to{opacity:.35}}@keyframes sprig-sway{from{transform:rotate(-4deg)}to{transform:rotate(5deg)}}@keyframes atmosphere-pulse{50%{opacity:.45}}@keyframes ambient-drift{to{transform:translate3d(-2%,2%,0)}}
@media(max-width:1100px) and (min-width:768px){.atmosphere-card{padding:20px 16px}.atmosphere-heading{display:block}.atmosphere-live{margin-top:11px}.phase-picker{gap:2px}.phase-swatch{padding-left:0;padding-right:0}.phase-swatch strong{font-size:9px}.phase-swatch small{font-size:7px}.atmosphere-caption{display:block}.atmosphere-caption>span{display:block;text-align:left;margin-top:5px}.landscape-triptych{gap:6px;height:120px}.landscape-panel{height:106px}.landscape-panel-1{height:120px}}
@media(max-width:767px){.atmosphere-card{margin-top:22px;padding:22px 17px}.atmosphere-heading h2{font-size:19px}.atmosphere-eyebrow{font-size:7px;letter-spacing:1.1px}.atmosphere-live{font-size:9px}.landscape-triptych{height:146px;gap:9px}.landscape-panel{height:130px}.landscape-panel-1{height:146px}.phase-swatch strong{font-size:10px}.phase-swatch small{font-size:7px}.atmosphere-caption{display:block}.atmosphere-caption>span{display:block;text-align:left;margin-top:4px}.daynote-card>p{max-width:95%;min-height:0}.daynote-card{margin:0 4px 8px;padding:28px 24px 20px}.daynote-sprig{right:0}.daynote-top{min-height:28px}.atmosphere-foot{font-size:9px}.site-header,.dark .site-header{background:color-mix(in srgb,var(--accent) 86%,transparent);border-color:var(--border)}.atmosphere-settings-foot{align-items:flex-start;gap:10px}.appearance-controls{padding:13px 8px}.appearance-mode{font-size:11px}.phase-swatch{padding-left:1px;padding-right:1px}}
html.no-motion .hero-art{translate:none!important}html.no-texture .atmosphere-card:before{display:none}html.no-gradient[data-day-phase] body{background:var(--paper)}html.no-motion *,html.no-motion *::before,html.no-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-art{translate:none!important}}

.play-button,.solid-button{background:var(--accent);color:var(--paper);box-shadow:0 5px 18px color-mix(in srgb,var(--accent) 17%,transparent)}.dark .play-button,.dark .solid-button{background:var(--accent);color:var(--paper-end);border-color:var(--line)}

/* Five independent concept palettes. Only this isolated copy reads this file. */
:root[data-day-phase=dawn]{--skin-profile:#dddcc9;--skin-music:#5d7065;--skin-weather:#b0b8ac;--skin-note:#cbbda1;--skin-clock:#87928c;--skin-stat:#c7c9b8;--coast-tint:#536e6199;--skin-on:#f3eddf;--skin-dark:#3e4b43;--skin-accent:#b7a27f;--skin-lilac:#a3a0ad}
:root[data-day-phase=day]{--skin-profile:#e0d4bd;--skin-music:#766959;--skin-weather:#b5bba7;--skin-note:#ccafa2;--skin-clock:#a49580;--skin-stat:#c4b79e;--coast-tint:#625e4a88;--skin-on:#f1e9db;--skin-dark:#4d4a40;--skin-accent:#bba17e;--skin-lilac:#ada4b0}
:root[data-day-phase=dusk]{--skin-profile:#ddc9c3;--skin-music:#667166;--skin-weather:#b0a7b6;--skin-note:#c7b6a0;--skin-clock:#a78c9a;--skin-stat:#bdafa4;--coast-tint:#6c526a99;--skin-on:#f5e9e3;--skin-dark:#58424c;--skin-accent:#bb9993;--skin-lilac:#9d91a7}
:root[data-day-phase=night]{--skin-profile:#625b6a;--skin-music:#625d69;--skin-weather:#746a7d;--skin-note:#9c929b;--skin-clock:#897b8a;--skin-stat:#5a5c69;--coast-tint:#594767aa;--skin-on:#f1e7df;--skin-dark:#332e3d;--skin-accent:#c1a79d;--skin-lilac:#a59aae}
:root[data-day-phase=deepnight]{--skin-profile:#596b7a;--skin-music:#6d645a;--skin-weather:#718595;--skin-note:#b5aba0;--skin-clock:#738397;--skin-stat:#576b76;--coast-tint:#2d476a80;--skin-on:#eee6d9;--skin-dark:#283a4b;--skin-accent:#b9a58b;--skin-lilac:#9e9baa}
html{background:var(--paper)}body{position:relative;isolation:isolate}:root[data-day-phase] body,:root.dark[data-day-phase] body{background:radial-gradient(ellipse at 50% 20%,color-mix(in srgb,var(--wash-two) 26%,transparent),transparent 55%),linear-gradient(150deg,var(--paper),var(--paper-end));background-attachment:scroll}
.hero{height:560px;min-height:0;max-height:none}.hero-title{padding-bottom:100px}.hero h1{font-size:53px;letter-spacing:7px;font-weight:700}.hero p{font-size:15px;letter-spacing:2px}.hero-quiet-mark{font:10px/1.8 var(--sans);letter-spacing:3px;margin-bottom:27px;opacity:.85}.hero-wave{height:105px}.hero-art{object-position:50% 45%}.site-header{height:66px}.header-inner{max-width:1370px;width:94%;padding:0 20px}.brand{font-size:21px!important;letter-spacing:.3px}.header-inner nav{gap:27px}.header-inner nav a{font-size:12px}
.home-container{max-width:1440px;padding:0 40px 45px;margin-top:-46px;isolation:isolate}.home-search{max-width:620px;margin-bottom:32px}.search-box{min-height:54px;border-radius:30px;box-shadow:0 12px 25px #263e3912;border:1px solid color-mix(in srgb,var(--paper) 55%,white)}.search-box input{height:54px;font-size:13px;letter-spacing:1px}.home-grid{grid-template-columns:270px minmax(0,1fr) 300px;gap:26px}.left-sidebar,.right-sidebar,.post-list{gap:24px}.field-note{position:absolute;top:105px;left:-7px;writing-mode:vertical-rl;display:flex;gap:15px;align-items:center;color:var(--muted);font:8px/1.3 var(--sans);letter-spacing:2px}.field-note i{height:85px;width:1px;background:var(--line)}
.understory{position:absolute;inset:0 -7vw;z-index:-1;overflow:hidden;pointer-events:none}.watercolour-sweep{position:absolute;top:510px;left:calc(50% - 850px);width:1700px;height:1120px;background:var(--review-art) center / contain no-repeat;opacity:.22;transform:rotate(-4deg)}.floating-leaf{position:absolute;width:47px;height:99px;background:var(--scene-front);border-radius:90% 0 90% 0;opacity:.1;transform:rotate(-35deg)}.leaf-one{top:560px;left:1%}.leaf-two{top:880px;right:1%;transform:rotate(45deg)}.leaf-three{bottom:2%;left:10%;height:50px;width:100px;transform:rotate(22deg)}
:root[data-day-phase] .glass{border:1px solid color-mix(in srgb,var(--skin-on) 28%,transparent);box-shadow:0 17px 33px #26333b12,inset 0 1px color-mix(in srgb,var(--skin-on) 40%,transparent);backdrop-filter:none}
.profile-card{padding:30px 23px 23px;border-radius:62px 28px 30px 30px;background:var(--skin-profile)!important;isolation:isolate}.profile-card:before{inset:0 0 auto;width:100%;height:152px;border:0;border-radius:0;background:var(--review-portrait) center 53%/cover;mask-image:linear-gradient(#0009,transparent);opacity:.56;z-index:-1}.profile-card:after{content:"";position:absolute;inset:10px;border:1px solid color-mix(in srgb,var(--skin-on) 25%,transparent);border-radius:52px 20px 23px 23px;pointer-events:none;z-index:-1}.avatar-frame{width:92px;height:92px;margin-bottom:15px;border-radius:50%;padding:4px;background:var(--skin-accent);box-shadow:0 9px 20px #354d3c20}.avatar-frame img{border-radius:50%}.profile-card h2{font-size:22px;letter-spacing:4px}.profile-card .bio{font-size:11px;line-height:2;color:var(--muted)}.socials{gap:7px}.socials a,.socials button{background:color-mix(in srgb,var(--skin-profile) 65%,var(--skin-on));border:1px solid color-mix(in srgb,var(--skin-on) 30%,transparent);width:29px;height:29px;border-radius:50%}.profile-stats strong{font-size:22px;font-weight:500}.profile-stats small{font-size:9px}
.side-nav-panel{position:relative;padding:23px 22px 55px;border-radius:27px 27px 68px 27px;background:color-mix(in srgb,var(--skin-profile) 50%,var(--skin-stat))!important;overflow:hidden;isolation:isolate}.side-nav-panel:after{content:"";position:absolute;z-index:-1;bottom:0;right:0;width:160px;height:100px;background:url("../assets/review/ref-05.jpg") center 58% / 160px auto no-repeat;mix-blend-mode:multiply;opacity:.42;mask-image:linear-gradient(transparent,#000)}.side-nav a{padding:8px 9px;font-size:11px}.side-nav svg{width:15px;height:15px}.panel-title{font-size:12px;letter-spacing:2px;font-weight:500}.side-nav-panel .panel-title:after{content:"山间向导";margin-left:auto;font-size:8px;opacity:.5;letter-spacing:1px}.side-nav a:hover{background:var(--line)}
.digital-clock{position:relative;padding:26px 7px 19px;border-radius:48px 19px 48px 19px;background:var(--skin-clock)!important;color:var(--skin-on);font:500 31px/1.5 Consolas,monospace;letter-spacing:2px;border:1px solid color-mix(in srgb,var(--skin-on) 25%,transparent)}.digital-clock:before{content:"MOMENTS, SLOWLY";position:absolute;top:10px;left:0;right:0;font:7px/1.2 var(--sans);letter-spacing:2px;color:var(--skin-on);opacity:.6}.digital-clock span{color:var(--skin-on);opacity:.6}
.daynote-card{background:var(--skin-note);border:1px solid color-mix(in srgb,var(--skin-on) 30%,transparent);box-shadow:0 9px 22px #31354312;border-radius:5px 39px 8px 26px;padding:31px 20px 18px}.daynote-tab{background:color-mix(in srgb,var(--skin-accent) 60%,var(--skin-note));color:var(--skin-dark);font-size:8px}.daynote-card>p,.daynote-top time,.daynote-bottom{color:var(--skin-dark)}.daynote-card>p{font-size:13px;line-height:2;max-width:162px}.daynote-sprig{width:58px;height:76px;right:-10px;top:-14px;overflow:hidden;transform:rotate(8deg);border-radius:40% 30% 50% 10%;mix-blend-mode:multiply;opacity:.8}.daynote-sprig img{width:100%;height:100%;object-fit:cover;object-position:35% 70%}.daynote-bottom button{background:color-mix(in srgb,var(--skin-on) 30%,transparent);color:var(--skin-dark)}.daynote-progress i{background:var(--skin-dark)}
.site-stats{background:var(--skin-stat)!important;border-radius:28px 60px 25px 25px;padding:24px 20px;color:var(--ink);position:relative;overflow:hidden}.site-stats .panel-title{border:0;padding:0}.stat-line{font-size:10px}.stat-line strong{font-weight:500}.sidebar-recent{font-size:10px;line-height:2}.sidebar-recent small{font-size:8px}
.post-card{min-height:178px;border-radius:28px 28px 55px 28px;background:color-mix(in srgb,var(--skin-profile) 72%,var(--paper))!important;box-shadow:0 20px 36px #2b363515}.post-card-body{padding:27px 25px}.post-card h2{font-size:19px;letter-spacing:.8px;font-weight:600}.post-card p{font-size:11px;line-height:1.9}.post-cover{width:192px}.post-card-meta .date{font-size:9px}.post-card-meta .tag{font-size:9px}.pagination{margin-top:22px;font-size:10px;gap:11px}.pagination button{padding:5px 10px}.home-notice{font-size:9px;letter-spacing:1px;margin-top:14px}
.atmosphere-card{padding:27px 26px 18px;border-radius:30px 65px 30px 30px;background:color-mix(in srgb,var(--skin-profile) 70%,var(--paper))!important;margin-top:28px}.atmosphere-heading h2{font-size:22px;letter-spacing:3px}.atmosphere-heading h2>span{font-size:10px;letter-spacing:1px;margin-top:8px}.atmosphere-eyebrow{font-size:7px;letter-spacing:2px}.atmosphere-live{font-size:8px;margin-right:5px}.landscape-triptych{height:180px;gap:13px;margin:26px 0 18px}.paint-window{height:160px;border-radius:90px 90px 9px 9px;overflow:hidden;border:4px solid color-mix(in srgb,var(--skin-on) 75%,var(--paper));box-shadow:0 10px 17px #263e3912;transform:rotate(-3deg)}.paint-window-1{height:180px;border-radius:95px 95px 12px 12px;transform:none}.paint-window-2{border-radius:12px 75px 12px 12px;transform:rotate(3deg)}.paint-window img{width:100%;height:100%;object-fit:cover;object-position:50% 57%;filter:saturate(.5) brightness(.88)}.atmosphere-caption{margin-bottom:16px;font-size:9px;letter-spacing:.5px}.atmosphere-caption strong{font-size:12px}.phase-swatch{border-radius:15px;padding:7px 2px}.swatch-paint{width:29px;height:23px}.phase-swatch strong{font-size:9px}.phase-swatch small{font-size:7px}.atmosphere-foot{font-size:8px;margin-top:14px;padding-top:10px}.atmosphere-reset{font-size:9px}
.landscape-afterword{margin:22px 0 0;text-align:center;position:relative;min-height:375px;padding:11px 0 0}.afterword-kicker{font:7px/1.3 var(--sans);letter-spacing:3px;color:var(--muted);position:relative;top:15px}.landscape-afterword>img{width:100%;height:325px;object-fit:contain;filter:saturate(.77);margin-top:-8px}.landscape-afterword figcaption{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:-14px;position:relative}.landscape-index{font:italic 26px/1 Georgia,serif;color:var(--accent);opacity:.65}.landscape-afterword strong{font-size:16px;letter-spacing:4px;font-weight:400}.landscape-afterword small{display:block;font-size:8px;letter-spacing:1px;color:var(--muted);position:absolute;top:32px;left:0;right:0}
.player-card{min-height:275px;background:var(--skin-music)!important;color:var(--skin-on);padding:25px;border:0!important;overflow:visible;border-radius:28px 65px 28px 28px;isolation:isolate}.player-card:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;opacity:.3;background:var(--review-art) 100% 0/cover no-repeat;mask-image:linear-gradient(transparent 40%,#000)}.player-card:after{content:none}.skin-orb{position:absolute;right:17px;top:15px;background:color-mix(in srgb,var(--skin-on) 21%,transparent);width:37px;height:37px;border-radius:50%;display:grid;place-items:center;font:22px/1 Georgia,serif;box-shadow:inset 0 1px #ffffff20}.player-card .player-top{margin:12px 0 21px;gap:14px}.player-card .vinyl{width:70px;height:70px;border:3px solid #ffffff26;box-shadow:0 8px 20px #26353125}.player-card .player-kicker,.player-card .track-artist,.player-card .player-line,.player-card .player-time,.player-card .small-control{color:var(--skin-on)}.player-card .player-kicker{font-size:8px;opacity:.8}.player-card .track-title{font-size:15px;font-weight:500}.player-card .track-artist,.player-card .player-line{font-size:9px;opacity:.7}.player-card .player-controls{gap:17px}.player-card .play-button{background:var(--skin-on);color:var(--skin-music);box-shadow:0 7px 17px #25334522;border:none}.player-progress{accent-color:var(--skin-accent)}
.weather-card{min-height:305px;background:var(--skin-weather)!important;border-radius:63px 26px 26px 26px;padding:25px 22px 20px;position:relative;overflow:hidden;isolation:isolate;color:var(--skin-dark)}.weather-card:before{content:"";position:absolute;inset:30% -10% 0;z-index:-1;background:var(--review-art) 50% 60% / cover;opacity:.29;mask-image:linear-gradient(transparent,#000)}.weather-title{font-size:10px}.weather-title select{font-size:10px;color:var(--skin-dark);max-width:180px}.weather-temperature{font-size:46px;color:var(--skin-dark);font-weight:400}.weather-desc{font-size:9px;color:var(--skin-dark)}.weather-symbol{font-size:37px;filter:saturate(.2);opacity:.8}.weather-hours,.weather-detail{border-color:color-mix(in srgb,var(--skin-dark) 15%,transparent)}.weather-hour small,.weather-detail small,.weather-hour strong,.weather-detail strong{font-size:9px;color:var(--skin-dark)}.weather-hour span{font-size:16px;filter:saturate(.15)}.weather-credit{font-size:7px;color:var(--skin-dark);opacity:.6;margin-top:15px}
.coast-calendar{background:linear-gradient(var(--coast-tint),var(--coast-tint)),var(--skin-photo-calendar) 46% 50%/cover!important;position:relative;isolation:isolate;border-radius:28px 28px 65px 28px;padding:23px 20px;color:#f2ece0;overflow:hidden;min-height:319px;box-shadow:0 13px 30px #24344b20!important}.calendar-title h3{font-size:12px;color:#f2ece0;font-weight:500;letter-spacing:1px}.calendar-title button{color:#eee6d7}.calendar-grid .weekday{font-size:9px;color:#f2ece0;opacity:.8}.calendar-day{font-size:11px;color:#f2ece0;height:29px;font-weight:400;text-shadow:0 1px 6px #24374c77}.calendar-day.empty{color:transparent}.calendar-day.has-post{background:#e4d0bc40}.calendar-day.today{background:#e3d0b1;color:#2e3c4d;text-shadow:none;border-radius:50%;box-shadow:0 5px 10px #263e3925}.calendar-tip{font-size:8px;color:#f2ece0;opacity:.8;margin-top:14px}.calendar-day:hover{background:#ffffff23}.calendar-grid{gap:3px}
.mini-player{background:var(--skin-profile)!important;border:1px solid var(--line);color:var(--ink);border-radius:30px 12px 30px 12px}.floating-button{background:var(--skin-profile);box-shadow:0 8px 18px #25353415;width:42px;height:42px;color:var(--ink)}.back-top{width:34px;height:34px}.site-footer{padding:34px 0 30px;font-size:10px}.site-footer>p{font-size:10px;letter-spacing:1px}.site-footer .skin-caption{margin-bottom:13px;color:var(--accent);font-size:9px;letter-spacing:3px}.rss-link{font-size:10px}
/* Sculpted corners, floating circles and offset paper layers. */
:root[data-day-phase] .profile-card{border-radius:31px 31px 82px 31px;box-shadow:8px 9px 0 color-mix(in srgb,var(--skin-music) 32%,transparent),0 14px 28px #25334512}.profile-card:hover{transform:none}
:root[data-day-phase] .avatar-frame{border-radius:27px 10px 27px 10px;transform:rotate(-5deg)}:root[data-day-phase] .avatar-frame img{border-radius:22px 7px 22px 7px}
:root[data-day-phase] .side-nav-panel{border-radius:23px 70px 25px 25px;box-shadow:inset 5px 0 color-mix(in srgb,var(--skin-accent) 60%,transparent),0 14px 28px #25334510}
:root[data-day-phase] .digital-clock{border-radius:22px 50px 22px 50px;box-shadow:6px 6px 0 color-mix(in srgb,var(--skin-profile) 70%,transparent)}
:root[data-day-phase] .daynote-card{border-radius:40px 9px 38px 9px;transform:rotate(1.8deg);margin:3px 0 4px}
:root[data-day-phase] .player-card{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:27px;padding-top:30px}
:root[data-day-phase] .player-card:before{content:"";inset:0;opacity:1;background:var(--skin-music);mask-image:radial-gradient(circle at calc(100% - 28px) 28px,transparent 34px,#000 35px);border-radius:28px;box-shadow:0 15px 28px #263e3915}
:root[data-day-phase] .skin-orb{top:5px;right:5px;width:46px;height:46px;background:var(--skin-lilac);color:var(--skin-on);border:1px solid #ffffff20;box-shadow:0 7px 15px #28323b22}
:root[data-day-phase] .player-card .track-info{padding-right:18px}
:root[data-day-phase] .weather-card{border-radius:30px 82px 30px 30px;box-shadow:-6px 6px 0 color-mix(in srgb,var(--skin-note) 50%,transparent),0 14px 28px #25334510!important}
:root[data-day-phase] .coast-calendar{border-radius:62px 27px 27px 27px;box-shadow:7px 7px 0 color-mix(in srgb,var(--skin-lilac) 40%,transparent),0 17px 30px #24344b20!important}
:root[data-day-phase] .atmosphere-card{border-radius:29px 29px 78px 29px;box-shadow:inset 0 0 0 7px color-mix(in srgb,var(--skin-on) 18%,transparent),0 18px 33px #26333b12}
:root[data-day-phase] .paint-window{border-radius:58% 42% 51% 49% / 43% 61% 39% 57%;height:165px;transform:rotate(-6deg);border-width:5px}.paint-window img{filter:saturate(.5) brightness(.88)}:root[data-day-phase] .paint-window-1{border-radius:45% 55% 40% 60% / 55% 43% 57% 45%;height:180px;transform:rotate(3deg)}:root[data-day-phase] .paint-window-2{border-radius:48% 52% 60% 40% / 60% 37% 63% 40%;transform:rotate(8deg)}
:root[data-day-phase] .site-stats{border-radius:25px 25px 65px 25px;border-left:6px solid var(--skin-clock)}
:root[data-day-phase] .post-card{border-radius:50px 27px 27px 27px}.post-card:hover{transform:translateY(-2px)}
:root.dark .profile-card .bio,:root.dark .profile-card .socials,:root.dark .profile-card small,:root.dark .side-nav a,:root.dark .side-nav svg{color:var(--ink)}
:root.dark .coast-calendar .calendar-day{color:#f2ece0}:root.dark .coast-calendar .calendar-day.today{color:#2e3c4d}
@media(min-width:1600px){.home-container{max-width:1500px}.home-grid{grid-template-columns:280px minmax(0,1fr) 310px}}
@media(max-width:1000px){.home-grid{grid-template-columns:220px minmax(0,1fr) 250px;gap:18px}.home-container{padding:0 24px}.header-inner nav{gap:18px}.field-note{display:none}.landscape-triptych{gap:7px}.atmosphere-card{padding:22px 18px}.phase-swatch strong{font-size:8px}.player-card{padding:22px 18px}.post-cover{width:160px}}
@media(max-width:767px){.hero{height:540px}.hero h1{font-size:29px;letter-spacing:2px}.hero p{font-size:11px;letter-spacing:1px}.hero-quiet-mark{font-size:7px;letter-spacing:1px}.home-container{padding:0 18px}.home-grid{display:flex;gap:23px}.left-sidebar,.right-sidebar{gap:23px}.profile-card{padding:27px 25px}.home-search{margin-bottom:28px}.field-note{display:none}.site-header{height:112px}.header-inner{width:100%;padding:0}.daynote-card>p{max-width:85%}.atmosphere-card{padding:25px 18px}.landscape-triptych{height:145px;gap:9px}.paint-window{height:130px}.paint-window-1{height:145px}.phase-swatch strong{font-size:9px}.landscape-afterword{min-height:280px}.landscape-afterword>img{height:250px}.landscape-afterword figcaption{margin-top:-16px}.weather-card{min-height:300px}.coast-calendar{min-height:345px}.calendar-day{height:34px}.digital-clock{font-size:36px}.floating-button{width:39px;height:39px}.watercolour-sweep{opacity:.12}.site-footer{padding:30px 10px 85px}.site-header,.dark .site-header{background:var(--skin-music)}}
#main{overflow-x:clip}

.profile-card:before{background:var(--review-art) center 57%/100% auto no-repeat;opacity:.62;height:165px;mask-image:linear-gradient(#000 20%,transparent)}
.site-stats:before{content:"";position:absolute;right:-30px;bottom:-20px;width:170px;height:170px;background:var(--review-art) right bottom/cover no-repeat;opacity:.1;pointer-events:none}
.digital-clock:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--review-art) right 55%/cover no-repeat;opacity:.12;pointer-events:none}

.watercolour-sweep{mix-blend-mode:multiply;opacity:.19}.dark .watercolour-sweep{mix-blend-mode:screen;opacity:.1}
:root[data-day-phase=day]{--skin-dark:#424139}:root[data-day-phase=dusk]{--skin-dark:#4c3943}:root[data-day-phase=deepnight]{--skin-dark:#172733}:root[data-day-phase=night]{--skin-weather:#6c6276}
: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-on)}
.coast-calendar .calendar-grid{background:#15263d26;border-radius:14px;padding:5px 3px}.coast-calendar .calendar-day{text-shadow:0 1px 4px #10203099}

/* 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}}

/* One continuous painted surface per widget. White in the source paper blends
   into each card's base; an even veil keeps all controls and text readable. */
:root[data-day-phase] .profile-card{
 background:linear-gradient(145deg,color-mix(in srgb,var(--skin-profile) 48%,transparent),color-mix(in srgb,var(--skin-profile) 72%,transparent) 55%,color-mix(in srgb,var(--skin-profile) 56%,transparent)),var(--skin-photo-profile) center 78%/cover no-repeat,var(--skin-profile)!important;
 background-blend-mode:normal,multiply,normal;
}
:root[data-day-phase] .profile-card:before,:root[data-day-phase] .side-nav-panel:after,:root[data-day-phase] .site-stats:before,:root[data-day-phase] .weather-card:before{content:none}
:root[data-day-phase] .side-nav-panel{
 background:linear-gradient(145deg,color-mix(in srgb,var(--skin-profile) 68%,transparent),color-mix(in srgb,var(--skin-profile) 82%,transparent) 55%,color-mix(in srgb,var(--skin-profile) 62%,transparent)),var(--skin-photo-nav) center 78%/cover no-repeat,var(--skin-profile)!important;
 background-blend-mode:normal,multiply,normal;
}
:root[data-day-phase] .site-stats{
 background:linear-gradient(140deg,color-mix(in srgb,var(--skin-stat) 72%,transparent),color-mix(in srgb,var(--skin-stat) 84%,transparent) 50%,color-mix(in srgb,var(--skin-stat) 69%,transparent)),var(--skin-photo-stats) center 82%/cover no-repeat,var(--skin-stat)!important;
 background-blend-mode:normal,multiply,normal;
}
:root[data-day-phase] .weather-card{
 background:linear-gradient(145deg,color-mix(in srgb,var(--skin-weather) 58%,transparent),color-mix(in srgb,var(--skin-weather) 74%,transparent) 52%,color-mix(in srgb,var(--skin-weather) 58%,transparent)),var(--skin-photo-weather) center 77%/cover no-repeat,var(--skin-weather)!important;
 background-blend-mode:normal,multiply,normal;
}
:root[data-day-phase] .daynote-card{
 background:linear-gradient(145deg,color-mix(in srgb,var(--skin-note) 62%,transparent),color-mix(in srgb,var(--skin-note) 79%,transparent) 58%,color-mix(in srgb,var(--skin-note) 62%,transparent)),var(--skin-photo-note) center 74%/cover no-repeat,var(--skin-note);
 background-blend-mode:normal,multiply,normal;
}
:root[data-day-phase] .digital-clock{
 background:linear-gradient(135deg,color-mix(in srgb,var(--skin-clock) 59%,transparent),color-mix(in srgb,var(--skin-clock) 72%,transparent)),var(--skin-photo-clock) center 55%/cover no-repeat,var(--skin-clock)!important;
 background-blend-mode:normal,multiply,normal;color:var(--skin-dark);
}
.digital-clock:before,.digital-clock span{color:inherit;opacity:.85}
:root[data-day-phase] .player-card:before{
 background:linear-gradient(145deg,color-mix(in srgb,var(--skin-music) 62%,transparent),color-mix(in srgb,var(--skin-music) 75%,transparent) 52%,color-mix(in srgb,var(--skin-music) 63%,transparent)),var(--skin-photo-music) center 74%/cover no-repeat,var(--skin-music);
 background-blend-mode:normal,multiply,normal;
}
.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}
:root[data-day-phase] .mini-player{background:linear-gradient(color-mix(in srgb,var(--skin-profile) 85%,transparent),color-mix(in srgb,var(--skin-profile) 85%,transparent)),var(--skin-photo-music) center 65%/cover no-repeat,var(--skin-profile)!important;background-blend-mode:normal,multiply,normal}
.coast-calendar .calendar-grid{background:transparent}
html.no-texture .paint-grain,html.no-texture .canvas-tooth,html.no-texture .hero-canvas-grain{display:none}
:root.dark[data-day-phase=dawn]{--skin-profile:#415249;--skin-stat:#3e4b43;--skin-clock:#8b9b8e}
:root.dark[data-day-phase=day]{--skin-profile:#514b40;--skin-stat:#47483e;--skin-clock:#a79b88}
:root.dark[data-day-phase=dusk]{--skin-profile:#594b53;--skin-stat:#50454d;--skin-clock:#ac9ba3}
:root[data-day-phase=night]:not(.dark){--skin-profile:#d6d0d4;--skin-stat:#c6c0cc}
:root[data-day-phase=deepnight]:not(.dark){--skin-profile:#c8d3d4;--skin-stat:#b8c6cd}
:root.dark:is([data-day-phase=dawn],[data-day-phase=day],[data-day-phase=dusk]) .canvas-scene{filter:brightness(.55) saturate(.6)}

/* Readable type and balanced sidebars; paintings remain program resources. */
.cat-daynote{position:fixed;z-index:60;right:22px;bottom:90px;width:290px;max-width:calc(100vw - 40px);padding:21px 23px 18px;border:1px solid var(--line);border-radius:24px 24px 8px 24px;background:var(--paper);color:var(--ink);box-shadow:0 14px 42px #17233026;font-family:var(--sans)}
.cat-daynote:after{content:"";position:absolute;right:24px;bottom:-9px;width:16px;height:16px;transform:rotate(45deg);background:var(--paper);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.cat-daynote[hidden]{display:none}.cat-daynote-heading{display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:700;letter-spacing:2px}.cat-daynote-heading button{font:24px/1 var(--sans);background:none;color:inherit;border:0;padding:3px 6px;cursor:pointer}.cat-daynote time{display:block;font-size:12px;color:var(--muted);margin-top:7px}.cat-daynote p{font-size:17px;line-height:1.9;margin:17px 0;font-weight:500}.cat-daynote small{font-size:12px;color:var(--muted)}
.profile-card .bio,.profile-stats small,.stat-line,.sidebar-recent,.sidebar-recent small,.side-nav a{color:var(--ink)}
:root[data-day-phase] .profile-stats strong{color:var(--ink)!important}
.profile-card .bio{font-family:var(--sans);font-weight:500}.side-nav-panel .panel-title:after{content:none}
/* Full-bleed continuous paintings with a soft veil behind the writing. */
:root[data-day-phase] .profile-card{background:linear-gradient(160deg,color-mix(in srgb,var(--skin-profile) 24%,transparent),color-mix(in srgb,var(--skin-profile) 76%,transparent) 58%,color-mix(in srgb,var(--skin-profile) 68%,transparent)),var(--skin-photo-profile) 50% 62%/cover no-repeat,var(--skin-profile)!important;background-blend-mode:normal}
:root[data-day-phase] .side-nav-panel{background:linear-gradient(105deg,color-mix(in srgb,var(--skin-profile) 83%,transparent),color-mix(in srgb,var(--skin-profile) 67%,transparent) 60%,color-mix(in srgb,var(--skin-profile) 22%,transparent)),var(--skin-photo-nav) 72% 83%/cover no-repeat,var(--skin-profile)!important;background-blend-mode:normal}
:root[data-day-phase] .site-stats{background:linear-gradient(160deg,color-mix(in srgb,var(--skin-stat) 76%,transparent),color-mix(in srgb,var(--skin-stat) 88%,transparent) 60%,color-mix(in srgb,var(--skin-stat) 60%,transparent)),var(--skin-photo-stats) 35% 72%/cover no-repeat,var(--skin-stat)!important;background-blend-mode:normal}
:root[data-day-phase] .digital-clock{background:linear-gradient(100deg,color-mix(in srgb,var(--skin-profile) 65%,transparent),color-mix(in srgb,var(--skin-profile) 74%,transparent) 50%,color-mix(in srgb,var(--skin-profile) 28%,transparent)),var(--skin-photo-clock) 50% 38%/cover no-repeat,var(--skin-profile)!important;color:var(--ink);background-blend-mode:normal}
:root[data-day-phase] .player-card:before{background:linear-gradient(160deg,#182a305c,#182a309c 56%,#182a3029),var(--skin-photo-music) 50% 70%/cover no-repeat,var(--skin-music);background-blend-mode:normal}
.sidebar-recent p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media(min-width:768px){
 body{font-size:16px}
 .header-inner{max-width:1500px;width:96%;padding:0 24px;gap:22px}.brand{font-size:25px!important;font-weight:800}.header-inner nav{gap:24px}.header-inner nav a{font:650 16px/1.5 var(--sans)}
 .home-grid{align-items:stretch;grid-template-columns:290px minmax(0,1fr) 320px;gap:26px}.left-sidebar{align-self:stretch;gap:24px}.right-sidebar{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));align-self:stretch;gap:24px;align-content:stretch}
 .home-search{max-width:740px}.search-box input{font-size:16px;font-weight:500}.canvas-moment{font-size:12px;letter-spacing:2px}
 .global-search-copy strong{font-size:16px;font-weight:600}.global-search-copy small{font-size:13px;line-height:1.8}.global-search-heading h2{font-size:21px;font-weight:650}.search-result-count{font-size:14px}.search-reset{font-size:13px}.global-search-row .search-kind{font-size:12px}.mini-player .track-title{font-size:15px}.mini-player .track-artist{font-size:12px}
 .profile-card{padding:30px 24px 26px}.profile-card h2{font-size:26px;font-weight:700}.profile-card .bio{font-size:14px;line-height:1.9}.profile-stats strong{font-size:25px;font-weight:650}.profile-stats small{font-size:13px;font-weight:550}.socials a,.socials button{width:34px;height:34px}
 :root[data-day-phase] .side-nav-panel{padding:23px 20px 29px}.panel-title{font:650 16px/1.6 var(--sans);letter-spacing:1px}.side-nav a{font:600 16px/1.6 var(--sans);padding:8px 11px;gap:13px;border-radius:12px}.side-nav svg{width:19px;height:19px;flex-shrink:0}
 .digital-clock{padding:29px 8px 22px;font-size:33px;font-weight:600;letter-spacing:1px}.digital-clock:before{font-size:9px;letter-spacing:2px}
 .site-stats{padding:24px 21px}.stat-line{font:500 13px/1.8 var(--sans)}.stat-line strong{font-weight:650}.sidebar-recent{font:500 13px/1.9 var(--sans)}.sidebar-recent small{font:500 12px/1.8 var(--sans)}
 .post-card h2{font-size:23px;font-weight:650}.post-card p{font:500 15px/1.9 var(--sans)}.post-card-meta .date,.post-card-meta .tag{font-size:12px}.post-cover{width:180px}.pagination{font-size:14px}.pagination button{padding:8px 12px}.home-notice{font-size:13px}
 :root[data-day-phase] .player-card{display:flex;flex-direction:column;justify-content:center;padding:35px 25px 27px;min-height:310px}.player-card .player-kicker{font-size:12px}.player-card .track-title{font-size:19px;font-weight:650}.player-card .track-artist,.player-card .player-line{font-size:13px;font-weight:500;line-height:1.8}.player-card .player-time{font-size:12px}.player-card .player-top{margin:15px 0 23px}.player-card .vinyl{width:76px;height:76px;flex-shrink:0}
 .weather-title,.weather-title select{font-size:13px;font-weight:600}.weather-desc{font-size:13px}.weather-hour small,.weather-detail small{font-size:11px}.weather-hour strong,.weather-detail strong{font-size:12px}.weather-credit{font-size:10px}.weather-temperature{font-size:50px}
 .calendar-title h3{font-size:16px;font-weight:650}.calendar-grid .weekday{font-size:12px}.calendar-day{font-size:14px;font-weight:550;height:32px}.calendar-tip{font-size:11px}.coast-calendar{min-height:335px}
 .site-footer,.site-footer>p{font-size:13px}.article-title{font-size:32px}.prose{font-size:17px;line-height:1.95}
}
@media(min-width:768px) and (max-width:1199px){
 .header-inner{width:100%;padding:0 20px;gap:14px}.header-inner nav{gap:14px}.header-inner nav a{font-size:16px}.brand{font-size:23px!important}.home-container{padding:0 24px 40px}.home-grid{grid-template-columns:250px minmax(0,1fr) 275px;gap:20px}.post-card{flex-direction:column}.post-cover{width:100%;height:155px;order:-1}.player-card .track-title{font-size:17px}.player-card .vinyl{width:60px;height:60px}.profile-card .bio{font-size:14px}.profile-card{padding:26px 19px}.side-nav a{font-size:16px}
}
/* Keep comfortable reading columns on tablets without squeezing the article. */
@media(min-width:768px) and (max-width:999px){
 .home-grid{grid-template-columns:240px minmax(0,1fr);gap:23px}.right-sidebar{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;align-items:stretch}.right-sidebar>.player-card{padding:25px 18px}.right-sidebar>.weather-card{padding:25px 16px 20px}.right-sidebar>.coast-calendar{padding:23px 13px}.calendar-day{height:28px;font-size:13px}.calendar-grid{gap:2px}.header-inner nav{gap:12px}.header-inner nav a{font-size:14px}.header-inner{padding:0 17px;gap:10px}.brand{font-size:21px!important}.header-actions{gap:4px}
}
@media(max-width:767px){.cat-daynote{right:18px;bottom:165px;width:280px}.side-nav a{font-size:16px;font-weight:600}.panel-title{font-size:16px;font-weight:650}.profile-card .bio{font-size:14px}.post-card p{font-size:14px}.post-card-meta .date,.post-card-meta .tag{font-size:11px}.stat-line,.sidebar-recent{font-size:13px}.sidebar-recent small{font-size:12px}}

/* One painted setting across routes, with quiet surfaces for reading. */
:root{--card-shadow:0 3px 0 #263b4512,0 15px 34px #24333c26;--card-edge:#ffffffa6;--card-rim:#53616c26}
:root.dark{--card-shadow:0 3px 0 #080f2336,0 17px 38px #050d2557;--card-edge:#f3ece329;--card-rim:#f3ece332}
#main.painted-page{position:relative;isolation:isolate;min-height:calc(100vh - 100px);display:flow-root}
.site-painting{position:absolute;inset:65px 0 -25px;z-index:-1;pointer-events:none;overflow:hidden}
.site-painting .canvas-scene{background-position:center top;opacity:.82;mask-image:linear-gradient(transparent,#000 110px,#000 calc(100% - 80px),transparent)}
.site-painting .canvas-tooth{opacity:.18}
:root[data-day-phase] .painted-widget{border:1px solid var(--card-rim)!important;box-shadow:inset 0 1px 0 var(--card-edge),inset 0 -1px 0 #142d3312,var(--card-shadow)!important}
:root[data-day-phase] .painted-widget[data-paint-skin]{position:relative;isolation:isolate;--widget-art:var(--skin-photo-profile);background:linear-gradient(120deg,color-mix(in srgb,var(--skin-profile) 92%,transparent),color-mix(in srgb,var(--skin-profile) 86%,transparent) 56%,color-mix(in srgb,var(--skin-profile) 64%,transparent)),var(--widget-art) 70% 73%/cover no-repeat,var(--skin-profile)!important;background-blend-mode:normal;backdrop-filter:none}
:root[data-day-phase] .post-card[data-paint-skin]{background:linear-gradient(120deg,color-mix(in srgb,var(--skin-profile) 85%,transparent),color-mix(in srgb,var(--skin-profile) 82%,transparent) 56%,color-mix(in srgb,var(--skin-profile) 67%,transparent)),var(--skin-photo-profile) 50% 78%/cover no-repeat,var(--skin-profile)!important}
:root[data-day-phase] .painted-widget[data-paint-skin=meadow]{--widget-art:var(--skin-photo-stats);background-position:center,30% 75%,center}
:root[data-day-phase] .painted-widget[data-paint-skin=water]{--widget-art:var(--skin-photo-music);background-position:center,65% 65%,center}
:root[data-day-phase] .article-panel[data-paint-skin]{background:linear-gradient(110deg,color-mix(in srgb,var(--paper) 97%,transparent),color-mix(in srgb,var(--paper) 95%,transparent) 75%,color-mix(in srgb,var(--paper) 89%,transparent)),var(--skin-photo-profile) right top/cover no-repeat,var(--paper)!important}
.painted-widget>.paint-grain{opacity:.14}
.mini-player.painted-widget{position:fixed}
:root[data-day-phase] .search-dropdown.painted-widget{position:absolute}
.painted-page .page-heading,.painted-page .page-description{position:relative;text-shadow:0 1px 10px var(--paper)}
.painted-page .page-description{color:var(--ink)}
.painted-widget[data-paint-skin] :is(h1,h2,h3,h4,p){position:relative}
:root[data-day-phase] .player-card.painted-widget{border:0!important;box-shadow:none!important;filter:drop-shadow(0 12px 15px #14273735)}
:root[data-day-phase] .player-card.painted-widget:before{box-shadow:inset 0 1px 0 var(--card-edge),inset 0 -1px 0 #10202e25}
:root.dark .player-card.painted-widget{filter:drop-shadow(0 12px 18px #040b235c)}
.post-cover img,.article-cover img,.about-cover img{transition:filter .4s,transform .45s}
:root.dark :is(.post-cover,.article-cover,.about-cover) img{filter:brightness(.62) saturate(.72) contrast(.96)}
:root.dark .post-card:hover .post-cover img{filter:brightness(.69) saturate(.77) contrast(.96)}
/* Calendar now shares the painting and tint of the weather card above it. */
:root[data-day-phase] .calendar-card.coast-calendar{background:linear-gradient(145deg,color-mix(in srgb,var(--skin-weather) 58%,transparent),color-mix(in srgb,var(--skin-weather) 74%,transparent) 52%,color-mix(in srgb,var(--skin-weather) 58%,transparent)),var(--skin-photo-calendar) center 77%/cover no-repeat,var(--skin-weather)!important;background-blend-mode:normal,multiply,normal;border-radius:29px 65px 28px 28px;color:var(--skin-dark)}
:root[data-day-phase] .calendar-card.coast-calendar :is(.calendar-title h3,.calendar-title button,.weekday,.calendar-day,.calendar-tip){color:var(--skin-dark);text-shadow:none;opacity:1}
:root[data-day-phase] .calendar-card.coast-calendar .calendar-grid{background:transparent}
:root[data-day-phase] .calendar-card.coast-calendar .calendar-day.today{color:var(--skin-weather);background:var(--skin-dark);box-shadow:0 4px 9px #20373c2e}
:root[data-day-phase] .calendar-card.coast-calendar .calendar-day.has-post:not(.today){background:color-mix(in srgb,var(--skin-dark) 16%,transparent)}
:root[data-day-phase] .calendar-card.coast-calendar .calendar-day:hover{background:color-mix(in srgb,var(--skin-dark) 23%,transparent)}
.calendar-card .paint-grain{mix-blend-mode:multiply;opacity:.2}
/* Stable line height keeps the hero still while the subtitle changes. */
.hero-subtitle{min-height:2em;line-height:2!important;max-width:calc(100vw - 42px);margin-left:auto;margin-right:auto}
.hero-subtitle-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.typing-cursor{display:inline-block;margin-left:4px;font-weight:400;animation:typing-blink 1s steps(1) infinite}.typing-cursor[hidden]{display:none}
@keyframes typing-blink{50%{opacity:0}}
.about-panel.painted-widget{border-radius:28px;overflow:hidden}.about-panel .about-cover{border-radius:0}
.painted-widget.message-note,.painted-widget.message-comment{color:var(--ink)}
.painted-widget :is(.form-input,.form-textarea){background:color-mix(in srgb,var(--paper) 80%,transparent);color:var(--ink);border-color:var(--line)}
.painted-widget :is(.form-input,.form-textarea)::placeholder{color:var(--muted);opacity:1}
.article-panel .message-composer.painted-widget{padding:24px;border-radius:22px}
.painted-widget.photo-tile .paint-grain,.painted-widget.album-button .paint-grain{z-index:-1}
.album-button.painted-widget{padding:18px;border-radius:24px}.photo-tile.painted-widget{border-radius:18px}
@media(max-width:767px){.site-painting{inset:90px 0 -20px}.site-painting .canvas-scene{opacity:.65}.hero-subtitle{min-height:4em}.album-button.painted-widget{padding:13px}}
@media(prefers-reduced-motion:reduce){.typing-cursor{display:none}.post-cover img,.article-cover img,.about-cover img{transition:none}}

.message-page{max-width:1180px}.message-eyebrow{display:block;font:10px/1.5 var(--sans);letter-spacing:3px;color:var(--muted);margin-bottom:14px}.message-page-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:38px}.message-page-heading .page-heading{margin:0 0 16px;font-size:42px;letter-spacing:4px}.message-page-heading .page-description{margin:0;font-size:14px;line-height:1.9}.message-page-heading>.solid-button{white-space:nowrap;flex:none}.message-board{padding:30px;background:linear-gradient(135deg,#f5eee2e8,#ece8ddbf);border-color:#fff9;min-height:310px}.message-board:before{inset:8px;border-color:#fff7}.message-board-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;z-index:1}.message-board-heading h2{font-size:18px;font-weight:500;margin:0}.message-board-heading h2>span{display:inline-flex;margin-left:8px;align-items:center;justify-content:center;min-width:25px;padding:2px 7px;border-radius:20px;background:#a08a6615;color:var(--muted);font:11px var(--sans)}.message-board-heading p{font-size:11px;margin:9px 0 0;color:var(--muted)}.message-text-button{font-size:11px;color:var(--muted);padding:7px 3px;border-radius:6px;white-space:nowrap}.message-text-button:hover{color:var(--blue);background:#526c7910}.message-text-button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.message-board .wall-notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding:34px 6px 20px;max-height:none;overflow:visible;align-items:start}.message-note{padding:23px 20px 21px;min-height:215px;box-shadow:0 8px 16px #483d2a12,inset 0 1px #ffffffa0;border:1px solid #fff5;border-radius:3px 3px 18px 3px;font-size:13px;line-height:1.9}.message-note:before{top:-8px;width:34px;height:16px;left:calc(50% - 17px);border-radius:1px;background:#f5ead9ad;box-shadow:none;transform:rotate(-3deg);backdrop-filter:blur(2px)}.message-note:after{width:20px;height:20px;background:#fff8}.message-author{display:flex;align-items:center;gap:10px;margin-bottom:17px}.message-initial{display:flex;align-items:center;justify-content:center;flex:none;width:33px;height:33px;border-radius:50%;background:#fff7;border:1px solid #fff9;font-size:13px;color:#6e654f}.message-author>div{min-width:0}.message-author strong{display:block;font:600 12px/1.7 var(--sans);overflow-wrap:anywhere}.message-author time{display:block;font:9px/1.7 var(--sans);color:#867e70;margin-top:2px;float:none}.message-note-content{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.95;margin:0}.message-clamped{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.message-expand{margin-top:6px;font-size:10px}.message-owner-reply{border-top:1px dashed #8b795b35;margin-top:18px;padding-top:13px}.message-owner-badge{display:inline-block;font:10px var(--sans);color:#597161;background:#627a5b10;border-radius:7px;padding:4px 7px}.message-owner-reply p{font-size:12px;white-space:pre-wrap;line-height:1.9;margin:9px 0 5px}.message-owner-reply time{font:9px var(--sans);color:#867e70;float:none}.message-list-footer{position:relative;text-align:center;z-index:1}.message-list-status{font-size:10px;line-height:1.8;color:var(--muted);margin:12px 0}.message-list-footer .pill-button{margin-top:7px}.message-composer{max-width:760px;margin:38px auto 0;padding:35px 40px;border-radius:25px}.message-form-heading .message-eyebrow{font-size:9px;letter-spacing:2.5px;margin:0 0 10px}.message-form-heading h2{font-size:24px;margin:0 0 8px;font-weight:500;letter-spacing:1px}.message-form-heading p{font-size:12px;color:var(--muted);margin-bottom:24px;line-height:1.8}.message-composer .field-label{font-size:12px;margin-top:20px}.message-optional{font-size:10px;font-weight:400;color:var(--muted);margin-left:6px}.message-composer .form-input{max-width:320px;font-size:13px}.message-composer .form-textarea{min-height:160px;line-height:1.9;padding:15px 17px;font-size:14px;resize:vertical}.message-composer .form-input:focus,.message-composer .form-textarea:focus{border-color:#bca782;box-shadow:0 0 0 3px #c5b18c16}.message-edit-tools{display:flex;align-items:center;gap:13px;margin-top:8px}.message-draft-hint{font-size:10px;color:var(--muted);flex:1}.message-composer .char-counter{font-size:10px;flex:none}.message-form-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.message-remember{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}.message-remember input{accent-color:var(--blue)}.message-help{font-size:10px;line-height:1.9;color:var(--muted);margin:15px 0 0}.message-help span{display:block;opacity:.8;margin-top:3px}.message-submit-status{font-size:12px;margin:12px 0 0;line-height:1.9;overflow-wrap:anywhere}.message-submit-status:empty{display:none}.message-status-success{color:#55715b;background:#698b6a0d;padding:12px 15px;border-radius:12px}.message-status-error{color:#9c694c;background:#bc956317;padding:12px 15px;border-radius:12px}.message-emoji-picker{margin-top:5px;gap:5px}.message-receipts{border-top:1px solid var(--line);margin-top:22px;padding-top:15px;font-size:11px}.message-receipts summary{cursor:pointer;color:var(--blue)}.message-receipts summary span{color:var(--muted);font-size:9px;margin-left:6px}.message-receipts article{padding:12px 0;border-bottom:1px dashed var(--line)}.message-receipts article span{font-size:9px;color:var(--muted)}.message-receipts article p{font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0}.message-receipts>p{font-size:10px;line-height:1.8;color:var(--muted);margin-top:12px}.message-empty{grid-column:1/-1;text-align:center;padding:30px 10px 24px;color:var(--muted);width:100%}.message-empty svg{width:61px;height:61px;opacity:.55;color:#9c8969}.message-empty h3{font-size:19px;color:var(--text);font-weight:400;margin:15px 0 8px}.message-empty p{font-size:12px;line-height:1.8}.message-loading{width:100%;display:grid;gap:15px;grid-column:1/-1}.message-loading-wall{grid-template-columns:repeat(3,1fr)}.message-skeleton{background:#ffffff55;border:1px solid #fff7;border-radius:6px 6px 18px 6px;padding:25px;height:170px}.message-skeleton i{display:block;background:#ab96761a;border-radius:6px;height:9px;margin-bottom:16px;width:85%}.message-skeleton i:first-child{height:25px;width:40%;margin-bottom:27px}.message-skeleton i:last-child{width:60%}.message-closing{text-align:center;font-size:12px;color:var(--muted);letter-spacing:2px;margin-top:30px}.message-comment-panel .message-board-heading{margin-bottom:10px}.message-comment-panel .message-board-heading h2{margin:0}.message-comment{padding:22px 0}.message-comment .message-author{margin-bottom:10px}.message-comment>.message-note-content{font-size:14px}.message-comment-panel .message-composer{padding:25px 0 0;margin-top:15px}.message-comment-panel .message-form-heading h2{font-size:21px}.message-comment-panel .message-owner-reply{padding:15px 18px;border:0;border-radius:13px;background:#a58a5d09;margin-left:43px}.dark .message-board{background:linear-gradient(135deg,#292a25ea,#202522d9);border-color:#ffffff12}.dark .message-board:before{border-color:#ffffff0c}.dark .message-note{--note:#363930!important;color:#e3dccd;border-color:#ffffff0b;background-image:none}.dark .message-note:before{background:#c4b18c3d}.dark .message-initial{background:#ffffff0a;color:#e3d6bf;border-color:#ffffff0e}.dark .message-author time,.dark .message-owner-reply time{color:#aaa593}.dark .message-owner-badge{color:#a4bd9e;background:#a4bd9e12}.dark .message-skeleton{background:#ffffff03;border-color:#ffffff08}.dark .message-skeleton i{background:#ffffff0a}.dark .message-status-success{color:#a4bd9e}.dark .message-status-error{color:#d2a278}
@media(max-width:900px){.message-board .wall-notes{grid-template-columns:repeat(2,minmax(0,1fr))}.message-loading-wall{grid-template-columns:repeat(2,1fr)}.message-loading-wall .message-skeleton:last-child{display:none}.message-composer{padding:30px}.message-page-heading .page-heading{font-size:36px}}
@media(max-width:540px){.message-page-heading{align-items:flex-start;gap:15px;margin-bottom:26px;flex-direction:column}.message-page-heading .message-eyebrow{font-size:8px;letter-spacing:2px}.message-page-heading .page-heading{font-size:32px;letter-spacing:3px;margin-bottom:12px}.message-page-heading .page-description{font-size:12px}.message-page-heading>.solid-button{align-self:flex-end;font-size:11px;padding:10px 16px;margin-top:-4px}.message-board{padding:23px 17px;border-radius:24px}.message-board-heading h2{font-size:16px}.message-board-heading p{font-size:10px;max-width:190px;line-height:1.8}.message-text-button{font-size:10px}.message-board .wall-notes{grid-template-columns:1fr;gap:24px;padding:28px 3px 10px}.message-note{min-height:175px;padding:23px 20px}.message-note-content{font-size:14px}.message-loading-wall{grid-template-columns:1fr}.message-loading-wall .message-skeleton:not(:first-child){display:none}.message-composer{padding:26px 22px;margin-top:25px}.message-form-heading h2{font-size:22px}.message-form-heading p{font-size:11px;margin-bottom:20px}.message-composer .form-textarea{font-size:16px;min-height:175px}.message-composer .form-input{font-size:16px;max-width:none}.message-form-bottom{gap:10px}.message-form-bottom .solid-button{font-size:11px;padding:12px 16px}.message-draft-hint{font-size:9px}.message-edit-tools{gap:8px}.message-optional{display:block;margin:5px 0 0;font-size:10px}.message-remember{font-size:9px}.message-empty{padding:23px 4px}.message-empty h3{font-size:18px}.message-empty p{font-size:11px}.message-owner-reply p{font-size:13px}.message-comment-panel .message-owner-reply{margin-left:0}.message-closing{font-size:10px;letter-spacing:1px}.message-composer .message-help span{display:none}}

.wall-form.message-composer[data-message-form=wall]{display:block;max-width:760px}.wall-form.message-composer[data-message-form=wall]>.form-textarea{min-height:170px}

/* Six original paintings rotate across cards; writing stays on a soft veil. */
:root{--reading-ink:#303b37;--reading-muted:#4e5a54}
:root.dark{--reading-ink:#f5f0e8;--reading-muted:#ddd9d1}
.painted-page{--ink:var(--reading-ink);--muted:var(--reading-muted);font-family:var(--sans)}
:root[data-day-phase] .painted-widget[data-paint-skin]{background:linear-gradient(115deg,color-mix(in srgb,var(--skin-profile) 90%,transparent),color-mix(in srgb,var(--skin-profile) 86%,transparent) 56%,color-mix(in srgb,var(--skin-profile) 66%,transparent)),var(--widget-art) center 70%/cover no-repeat,var(--skin-profile)!important}
:root[data-day-phase] .post-card[data-paint-skin]{background:linear-gradient(110deg,color-mix(in srgb,var(--skin-profile) 84%,transparent),color-mix(in srgb,var(--skin-profile) 81%,transparent) 57%,color-mix(in srgb,var(--skin-profile) 63%,transparent)),var(--widget-art) center 77%/cover no-repeat,var(--skin-profile)!important}
:root[data-day-phase] .article-panel[data-paint-skin]{background:linear-gradient(110deg,color-mix(in srgb,var(--paper) 97%,transparent),color-mix(in srgb,var(--paper) 96%,transparent) 75%,color-mix(in srgb,var(--paper) 91%,transparent)),var(--widget-art) right top/cover no-repeat,var(--paper)!important}
:root[data-day-phase] :is(.weather-card,.calendar-card.coast-calendar){background:linear-gradient(145deg,color-mix(in srgb,var(--skin-profile) 68%,transparent),color-mix(in srgb,var(--skin-profile) 84%,transparent) 52%,color-mix(in srgb,var(--skin-profile) 58%,transparent)),var(--skin-photo-weather) center/cover no-repeat,var(--skin-profile)!important;background-blend-mode:normal;color:var(--ink)}
:root[data-day-phase] .calendar-card.coast-calendar{background-image:linear-gradient(145deg,color-mix(in srgb,var(--skin-profile) 68%,transparent),color-mix(in srgb,var(--skin-profile) 84%,transparent) 52%,color-mix(in srgb,var(--skin-profile) 58%,transparent)),var(--skin-photo-calendar)!important}
:root[data-day-phase] .weather-card :is(.weather-title,.weather-title select,.weather-temperature,.weather-desc,.weather-hour small,.weather-hour strong,.weather-detail small,.weather-detail strong,.weather-credit,.weather-error){color:var(--ink);opacity:1}
.weather-hour{background:color-mix(in srgb,var(--paper) 35%,transparent)}
:root[data-day-phase] .calendar-card.coast-calendar :is(.calendar-title h3,.calendar-title button,.weekday,.calendar-day,.calendar-tip){color:var(--ink);font-weight:550}
:root[data-day-phase] .calendar-card.coast-calendar .calendar-day.today{background:var(--ink);color:var(--paper)}
:root[data-day-phase] .calendar-card.coast-calendar .calendar-day.has-post:not(.today){background:color-mix(in srgb,var(--ink) 15%,transparent)}
:root[data-day-phase] .calendar-card.coast-calendar .calendar-day:hover{background:color-mix(in srgb,var(--ink) 23%,transparent)}
.weather-card .paint-grain,.calendar-card .paint-grain{opacity:.16}
/* A gray glass backing keeps every typed letter legible over the snow. */
.hero .hero-subtitle{display:block;width:min(660px,calc(100vw - 36px));max-width:calc(100vw - 36px);min-height:56px;padding:11px 24px;border-radius:22px;border:1px solid #eef0f36b;background:linear-gradient(135deg,#4c5561d6,#69737bd1);color:#faf9f5;font:600 17px/1.8 var(--sans)!important;letter-spacing:.5px;text-shadow:0 1px 3px #1221318c;box-shadow:inset 0 1px 0 #ffffff40,0 9px 24px #14253426;backdrop-filter:blur(14px) saturate(.85);-webkit-backdrop-filter:blur(14px) saturate(.85);margin:18px auto 0}
.hero-subtitle [data-hero-typewriter]{overflow-wrap:anywhere}
.hero-subtitle .typing-cursor{color:#fff;letter-spacing:0}
/* The mobile drawer keeps its fixed position, focus trap and original links. */
.mobile-drawer{background:linear-gradient(160deg,color-mix(in srgb,var(--paper) 92%,transparent),color-mix(in srgb,var(--paper) 90%,transparent) 78%,color-mix(in srgb,var(--paper) 68%,transparent)),var(--drawer-art) center/cover no-repeat,var(--paper)!important;color:var(--ink);border-left:1px solid var(--card-edge);box-shadow:-14px 0 46px #14233145;isolation:isolate}
.mobile-drawer nav a{font:600 18px/1.7 var(--sans);padding:11px 14px;border-radius:13px;color:var(--ink)}
.mobile-drawer nav a.active{background:color-mix(in srgb,var(--paper) 65%,transparent);box-shadow:inset 0 1px 0 var(--card-edge),0 5px 13px #23333e14}
.mobile-drawer .drawer-brand{font-size:25px;color:var(--ink)}
.mobile-drawer #close-mobile{background:color-mix(in srgb,var(--paper) 55%,transparent);border-radius:50%;color:var(--ink)}
/* Interior-page type follows the clearer home-page reading sizes. */
.painted-page .page-heading{font-family:var(--serif);font-size:34px;font-weight:800}
.painted-page .page-description{font:500 16px/1.95 var(--sans);color:var(--ink)}
.painted-page :is(.project-card,.friend-card,.friend-intro,.moment-card,.about-body,.music-reflection) p{font:500 16px/1.95 var(--sans);color:var(--ink)}
.painted-page :is(.project-card,.friend-card,.friend-intro) h2{font:700 21px/1.65 var(--sans)}
.painted-page .project-icon{background:color-mix(in srgb,var(--accent) 65%,var(--skin-profile));color:var(--ink)}
.painted-page .archive-entry h3{font:700 20px/1.65 var(--sans)}
.painted-page .archive-entry time,.painted-page .archive-year small{font-size:13px;color:var(--muted)}
.painted-page .moment-meta time{font:650 14px/1.7 var(--sans);color:var(--ink)}
.painted-page .tag,.painted-page .filter{font:600 13px/1.7 var(--sans);color:var(--ink)}
.painted-page .tag{background:color-mix(in srgb,var(--paper) 65%,transparent);border:1px solid var(--line)}
.painted-page .about-body p{font-size:17px}.painted-page .about-body ul{font-size:16px;line-height:1.95}
.painted-page .about-tabs button{font:650 15px/1.6 var(--sans)}
.painted-page .activity-item p{font-size:16px;line-height:1.95}.painted-page .activity-item time{font-size:14px;color:var(--ink)}
.painted-page :is(.message-note-content,.message-comment .message-note-content){font:500 16px/1.95 var(--sans);color:var(--ink)}
.painted-page :is(.message-author,.field-label,.message-form-heading h3){font-size:16px;font-weight:650;color:var(--ink)}
.painted-page .message-author strong{font-size:16px;font-weight:650;color:var(--ink)}
.painted-page :is(.message-author time,.message-owner-reply time){font-size:12px;color:var(--muted)}
.painted-page .message-owner-reply p{font-size:15px;line-height:1.9;color:var(--ink)}
.painted-page :is(.music-eyebrow,.about-eyebrow,.message-eyebrow,.micro-title){font-size:12px;color:var(--muted)}
.painted-page .selected-song strong{font-size:17px}.painted-page .selected-song small{font-size:13px;color:var(--muted)}
.painted-page :is(.form-input,.form-textarea){font:500 16px/1.9 var(--sans)}
.painted-page :is(.message-help,.message-draft-hint,.message-remember,.message-text-button,.message-closing,.service-status){font-size:13px;color:var(--muted);line-height:1.8}
.painted-page .lyric-line{font-size:16px;color:var(--ink)}.painted-page .lyric-line.active{font-weight:750}
.painted-page .playlist-item{font-size:16px;color:var(--ink)}.painted-page .playlist-item small{font-size:13px;color:var(--muted)}
.painted-page .playlist-footer .muted{font-size:14px;line-height:1.9;color:var(--muted)}
.painted-page .album-button p,.painted-page .photo-tile span{font-size:15px;line-height:1.85;color:var(--ink)}
.painted-page .calendar-day{font-size:15px}
.painted-page .back-link,.painted-page .pill-button{font-size:14px}
.player-card .player-controls{gap:clamp(4px,.6vw,9px)}
.player-controls .small-control{flex-shrink:1;min-width:19px}.player-controls .play-button{flex-shrink:0}
.sound-control{position:relative}.sound-control.is-muted:after{content:"";position:absolute;width:21px;height:2px;background:currentColor;transform:rotate(-42deg);border-radius:2px}
.volume-control{flex-wrap:wrap;gap:10px}.volume-control input{flex:1;min-width:80px}.volume-control output{font:600 14px/1.5 var(--sans);min-width:36px;color:var(--ink)}
.mini-player>div{min-width:0}.mini-player .sound-control{flex-shrink:0}
@media(max-width:767px){.hero .hero-subtitle{font-size:15px!important;min-height:76px;padding:10px 15px;line-height:1.8!important;border-radius:18px}.painted-page .page-heading{font-size:29px}.painted-page :is(.project-card,.friend-card,.friend-intro,.moment-card,.about-body,.music-reflection) p{font-size:15px}.painted-page .archive-entry h3{font-size:18px}.painted-page .archive-entry-head{align-items:flex-start;flex-wrap:wrap;gap:6px}.painted-page .project-card h2{font-size:19px}}

/* Animation changes only transform/opacity. Artwork and layout remain static. */
:root[data-day-phase] .lazy-art:not(.art-ready),:root[data-day-phase] .lazy-art:not(.art-ready):before,:root[data-day-phase] .lazy-art:not(.art-ready):after,:root[data-day-phase] .lazy-art:not(.art-ready)>.paint-grain{background-image:none!important}
.post-cover picture,.article-cover picture,.about-cover picture{display:contents}
.post-cover,.article-cover,.about-cover{background-color:var(--skin-profile);overflow:hidden}
.post-cover img,.article-cover img,.about-cover img{aspect-ratio:16/9;object-fit:cover;transition:opacity .3s ease!important;transform:none!important}
.avatar-frame img,.mini-avatar img,.track-cover,.about-avatar{aspect-ratio:1;object-fit:cover}
.hero .hero-subtitle{background:linear-gradient(120deg,#ffffff20,#ffffff0d)!important;border:1px solid #ffffff59;backdrop-filter:blur(16px) saturate(.7);-webkit-backdrop-filter:blur(16px) saturate(.7);box-shadow:inset 0 1px 0 #ffffff33,0 7px 22px #15232c18;text-shadow:0 1px 5px #17262fbd,0 0 16px #17262f70}
.hero-wave .wave-flow use{animation:wave-right 20s linear infinite;fill:var(--paper);opacity:.38;transform-box:view-box}
.hero-wave .wave-flow use:nth-child(2){animation-duration:26s;animation-delay:-8s;opacity:.6}
.hero-wave .wave-flow use:nth-child(3){animation-duration:32s;animation-delay:-16s;opacity:.9}
@keyframes wave-right{from{transform:translateX(-720px)}to{transform:translateX(0)}}
.no-effect-wave .hero-wave use{animation:none!important}
.page-leaving{opacity:0;transition:opacity .15s ease!important;pointer-events:none}
.page-arriving{animation:page-in .25s ease both!important}
@keyframes page-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.motion-card{transition:transform .2s ease!important}
.motion-shadow{position:absolute;inset:0;border-radius:inherit;box-shadow:0 22px 40px #142a3329;opacity:0;pointer-events:none;z-index:-1;transition:opacity .2s ease}
@media(hover:hover){html:not(.no-effect-cardHover):not(.no-motion) :is(.post-card,.project-card,.friend-card,.album-button,.photo-tile).motion-card:hover{transform:translateY(-3px)!important}html:not(.no-effect-cardHover):not(.no-motion) .motion-card:hover>.motion-shadow{opacity:1}}
a:not(.post-card,.project-card,.friend-card,.album-button,.photo-tile,.avatar-frame,.mini-avatar,.brand,.solid-button,.pill-button){position:relative}
a:not(.post-card,.project-card,.friend-card,.album-button,.photo-tile,.avatar-frame,.mini-avatar,.brand,.solid-button,.pill-button):after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s ease;pointer-events:none}
html:not(.no-effect-linkUnderline):not(.no-motion) a:hover:after{transform:scaleX(1)}
button,.solid-button,.pill-button{transition:transform .08s ease!important}
html:not(.no-effect-buttonPress):not(.no-motion) :is(button,.solid-button,.pill-button):active{transform:scale(.97)!important}
.loading-image{background-color:var(--skin-profile);opacity:0;transition:opacity .3s ease!important}.loading-image.image-loaded,.loading-image.image-failed{opacity:1}
.hero-art.loading-image{opacity:1}
.no-effect-imageFade .loading-image,.no-motion .loading-image{opacity:1;transition:none!important}
.reveal-item:not(.revealed){opacity:0;transform:translateY(8px)}
.reveal-item.revealed{animation:reveal-in .25s ease var(--reveal-delay,0ms) both}
.entrance-reveal{animation:reveal-in .25s ease var(--reveal-delay,0ms) both}
@keyframes reveal-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.no-effect-scrollReveal .reveal-item{opacity:1;transform:none;animation:none!important}.no-effect-pageTransition #main{opacity:1;transform:none;animation:none!important;transition:none!important}
.player-status{font:500 12px/1.7 var(--sans);padding:6px 0;color:var(--ink)}.player-status[hidden]{display:none}
.player-progress:disabled{opacity:.45;cursor:default}
.letter-entrance{inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:var(--paper);color:var(--ink);overflow:hidden;box-shadow:none;animation:letter-in .3s ease both}
.letter-entrance::backdrop{background:transparent;backdrop-filter:none}
.letter-entrance .arrival-art{position:absolute;inset:0;z-index:-1;background:linear-gradient(120deg,color-mix(in srgb,var(--paper) 15%,transparent),#ffffff09),var(--canvas-scene) center/cover no-repeat;opacity:.93}
.letter-entrance .arrival-center{position:absolute;inset:36% 7% auto;text-align:center}
.letter-entrance h2{font:600 clamp(42px,7vw,80px)/1.5 var(--serif);letter-spacing:.25em;color:var(--ink);margin:0 0 20px;text-shadow:0 1px 18px var(--paper)}
.letter-entrance .arrival-note{font:550 clamp(15px,2vw,20px)/2 var(--sans);color:var(--ink);text-shadow:0 1px 8px var(--paper)}
.letter-entrance .arrival-skip{top:28px;right:32px;color:var(--ink);font-size:16px;padding:12px}
.letter-entrance .arrival-enter{position:absolute;right:8vw;bottom:12vh;width:146px;height:146px;border:2px dashed currentColor;outline:1px solid currentColor;outline-offset:5px;border-radius:50%;background:color-mix(in srgb,var(--paper) 52%,transparent);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transform:rotate(-8deg)}
.arrival-enter span{font-size:12px;letter-spacing:4px}.arrival-enter strong{font:650 20px/1.6 var(--serif)}.arrival-enter small{font:9px/1 var(--sans);letter-spacing:2px}
.arrival-date{position:absolute;bottom:28px;left:0;right:0;text-align:center;font:500 14px/1.8 var(--sans);letter-spacing:2px}
.letter-entrance.letter-closing{animation:letter-out .6s ease .08s both}.letter-closing .arrival-enter{animation:stamp-press .08s ease both}
@keyframes letter-in{from{opacity:0}to{opacity:1}}@keyframes letter-out{to{opacity:0}}@keyframes stamp-press{to{transform:rotate(-8deg) scale(.97)}}
.page-hidden *, .page-hidden *:before,.page-hidden *:after{animation-play-state:paused!important}
.no-motion .reveal-item{opacity:1;transform:none}.no-effect-entrance .letter-entrance{animation:none!important}
@media(max-width:767px){.letter-entrance .arrival-enter{width:118px;height:118px;right:11vw;bottom:15vh}.letter-entrance .arrival-center{top:30%}.letter-entrance .arrival-skip{top:14px;right:14px}.letter-entrance h2{letter-spacing:.14em}.letter-entrance .arrival-date{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-item,.loading-image{opacity:1!important;transform:none!important}}

.player-card .vinyl img{width:58%;height:58%;aspect-ratio:1;flex:none;object-fit:cover}

:root[data-day-phase="dawn"]:not(.dark){--paper:#deded1;--paper-end:#c3cabf;--ink:#34433f;--muted:#45564f;--accent:#617c70;--accent-bright:#7d9384;--blue:#647987;--wash-one:#a7b4a4;--wash-two:#b9aa91;--card-one:#e5e1d3;--card-two:#c6cbbc;--scene-sky:#b7c7bc;--scene-sun:#bba17b;--scene-back:#849d8f;--scene-front:#536d60;--scene-water:#96b0a7;--scene-snow:#e4e1cf;}
:root[data-day-phase="dawn"].dark{--paper:#27332f;--paper-end:#202a29;--ink:#e1e8dc;--muted:#b2c1b4;--accent:#acc0a1;--accent-bright:#92ab90;--blue:#a3bbc3;--wash-one:#3e5748;--wash-two:#5c5144;--card-one:#33443b;--card-two:#3e5043;--scene-sky:#344a43;--scene-sun:#c9b395;--scene-back:#6f8c7b;--scene-front:#48695c;--scene-water:#6d9284;--scene-snow:#b9c6b5;}
:root[data-day-phase="day"]:not(.dark){--paper:#dfd7c7;--paper-end:#c3b9a5;--ink:#47453c;--muted:#5f584a;--accent:#7d6851;--accent-bright:#a68b6b;--blue:#6b7b86;--wash-one:#b6bea9;--wash-two:#bea08b;--card-one:#e5ddce;--card-two:#ccc8b3;--scene-sky:#d0cfb8;--scene-sun:#bba381;--scene-back:#a1ad92;--scene-front:#728573;--scene-water:#96aaa3;--scene-snow:#ede5ce;}
:root[data-day-phase="day"].dark{--paper:#302f2b;--paper-end:#262823;--ink:#e9e3d5;--muted:#c3bba7;--accent:#c7b48f;--accent-bright:#b29c76;--blue:#a8bdbe;--wash-one:#4b5141;--wash-two:#60503e;--card-one:#3e4033;--card-two:#4b4c3d;--scene-sky:#424e46;--scene-sun:#cdb28a;--scene-back:#7e8b74;--scene-front:#526c5b;--scene-water:#7d9690;--scene-snow:#c4c6ad;}
:root[data-day-phase="dusk"]:not(.dark){--paper:#ddcfc9;--paper-end:#bda9af;--ink:#513d47;--muted:#674f5a;--accent:#916b79;--accent-bright:#b38a90;--blue:#717487;--wash-one:#b49b9d;--wash-two:#9aa590;--card-one:#e3d6ce;--card-two:#cdc0c7;--scene-sky:#c6afb5;--scene-sun:#b89383;--scene-back:#a590a5;--scene-front:#6e7783;--scene-water:#aa9cad;--scene-snow:#e6d4cc;}
:root[data-day-phase="dusk"].dark{--paper:#392e37;--paper-end:#2a2832;--ink:#ebdde3;--muted:#c7adb9;--accent:#d3aaa8;--accent-bright:#c198a0;--blue:#b7b1ca;--wash-one:#654750;--wash-two:#4b425e;--card-one:#493741;--card-two:#52404e;--scene-sky:#584454;--scene-sun:#d6ac96;--scene-back:#8d6e81;--scene-front:#61596f;--scene-water:#8e7b94;--scene-snow:#e3c7bb;}
:root[data-day-phase="night"]:not(.dark){--paper:#c9c5ca;--paper-end:#a7a1ae;--ink:#42394f;--muted:#574b64;--accent:#786682;--accent-bright:#96879f;--blue:#707992;--wash-one:#b6a3b3;--wash-two:#9fa9a1;--card-one:#dad4d5;--card-two:#c1b9c6;--scene-sky:#c2b5cc;--scene-sun:#bdb195;--scene-back:#9c8ca9;--scene-front:#756a8b;--scene-water:#aaa0b9;--scene-snow:#e2d9db;}
:root[data-day-phase="night"].dark{--paper:#504c58;--paper-end:#44434e;--ink:#efe5e2;--muted:#d3c4cd;--accent:#c4abb2;--accent-bright:#a48eaa;--blue:#bdc3ce;--wash-one:#716071;--wash-two:#565f74;--card-one:#68656d;--card-two:#74707e;--scene-sky:#59546d;--scene-sun:#cfbda3;--scene-back:#82728c;--scene-front:#514a68;--scene-water:#857d9c;--scene-snow:#d3c9ce;}
:root[data-day-phase="deepnight"]:not(.dark){--paper:#b9c3c7;--paper-end:#97a9b2;--ink:#263747;--muted:#3d5060;--accent:#50667b;--accent-bright:#6b8196;--blue:#5a6483;--wash-one:#819caa;--wash-two:#a9978b;--card-one:#d3d7d4;--card-two:#b4c2c7;--scene-sky:#9caeba;--scene-sun:#bba98e;--scene-back:#8097a8;--scene-front:#576f86;--scene-water:#94adba;--scene-snow:#d3d8d3;}
:root[data-day-phase="deepnight"].dark{--paper:#465560;--paper-end:#3b4958;--ink:#e5e1d6;--muted:#bdc7cb;--accent:#c2baa7;--accent-bright:#8b9fb0;--blue:#b4bace;--wash-one:#516677;--wash-two:#66626a;--card-one:#65747d;--card-two:#8998a1;--scene-sky:#536b80;--scene-sun:#c9c0ae;--scene-back:#758998;--scene-front:#4b6279;--scene-water:#637d95;--scene-snow:#c4cdce;}