:root{--ink:#302a24;--paper:#f7f1e6;--wood:#76533d;--wood-dark:#4e3528;--blue:#738b98}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow:hidden}body{font-family:ui-sans-serif,system-ui,-apple-system,"Noto Sans SC",sans-serif;color:var(--ink);background:#d7cabb}.room{position:relative;display:grid;place-items:center;height:100vh;min-height:620px;padding:42px;background:linear-gradient(125deg,#eee5d7 0%,#d9cdbc 48%,#c8b9a8 100%)}.room:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(255,255,255,.5),transparent 40%),repeating-linear-gradient(0deg,transparent 0 90px,rgba(91,65,47,.025) 91px 92px);pointer-events:none}.ambient{position:absolute;width:70vw;height:70vh;background:rgba(255,226,168,.4);filter:blur(90px);border-radius:50%}.window{position:relative;width:min(1120px,88vw);filter:drop-shadow(0 28px 28px rgba(51,34,24,.25))}.window-frame{position:relative;height:min(68vh,690px);min-height:430px;padding:22px;border:10px solid var(--wood-dark);border-radius:9px 9px 3px 3px;background:linear-gradient(90deg,#5c3d2d,#9a7354 12%,#6e4b37 45%,#9d7658 83%,#583b2d);box-shadow:inset 0 0 0 4px rgba(255,255,255,.16),inset 0 0 14px #342218}.landscape{position:relative;width:100%;height:100%;overflow:hidden;background-position:center;background-size:cover;border:5px solid #35251e;box-shadow:inset 0 0 40px rgba(16,31,35,.25);transition:background-image .8s ease}.landscape:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(255,255,255,.12),transparent 28%,transparent 70%,rgba(18,24,26,.1));pointer-events:none}.glass-shine{position:absolute;z-index:2;inset:-20% 58% 25% -18%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);pointer-events:none}.sky-glow{position:absolute;z-index:1;top:-80px;right:12%;width:240px;height:240px;border-radius:50%;background:rgba(255,242,184,.35);filter:blur(45px)}.bar{position:absolute;z-index:8;display:block;background:linear-gradient(90deg,#543829,#9c7455,#523629);box-shadow:0 2px 7px rgba(0,0,0,.3)}.bar.vertical{left:50%;top:20px;bottom:20px;width:18px;transform:translateX(-50%)}.bar.horizontal{left:20px;right:20px;top:52%;height:17px;background:linear-gradient(#523629,#987052,#513529)}.scene-caption{position:absolute;z-index:6;left:30px;bottom:25px;padding:11px 15px;color:#fff;background:rgba(29,39,38,.42);border:1px solid rgba(255,255,255,.3);border-radius:10px;backdrop-filter:blur(10px)}.scene-caption span,.scene-caption small{display:block}.scene-caption span{font-family:ui-serif,Georgia,"Noto Serif SC",serif;font-size:18px;font-weight:700}.scene-caption small{margin-top:3px;opacity:.78}.weather-card{position:absolute;z-index:6;right:30px;top:25px;display:flex;align-items:center;gap:11px;padding:10px 14px;color:#fff;background:rgba(29,39,38,.4);border:1px solid rgba(255,255,255,.3);border-radius:12px;backdrop-filter:blur(10px)}.weather-icon{font-size:25px}.weather-card strong,.weather-card small{display:block}.weather-card strong{font-size:17px}.weather-card small{font-size:10px;opacity:.78}.refresh-scene{position:absolute;z-index:12;right:31px;bottom:31px;width:36px;height:36px;border:1px solid rgba(255,255,255,.55);border-radius:50%;color:#fff;background:rgba(31,40,39,.4);font-size:20px;cursor:pointer;backdrop-filter:blur(8px);transition:.25s}.refresh-scene:hover{transform:rotate(45deg);background:rgba(31,40,39,.65)}.sill{position:relative;z-index:14;display:flex;align-items:center;height:84px;margin:-2px -35px 0;padding:0 52px;background:linear-gradient(#a58163,#78533e 22%,#5b3c2e 88%);border:5px solid #4d3327;border-radius:2px 2px 9px 9px;box-shadow:0 14px 20px rgba(53,35,25,.3),inset 0 2px rgba(255,255,255,.2)}.identity{margin-left:24px}.identity small,.identity strong{display:block;color:#f8ebdc}.identity small{font-size:9px;letter-spacing:.18em;opacity:.7}.identity strong{font-family:ui-serif,Georgia,"Noto Serif SC",serif;font-size:20px}.open-notes{display:flex;align-items:center;justify-content:space-between;width:164px;margin-left:auto;padding:12px 14px;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#f8eee3;background:#40352e;cursor:pointer}.open-notes:hover b{transform:translateX(4px)}.open-notes b{transition:.2s}.plant{position:relative;width:62px;height:74px;margin-top:-29px}.plant span{position:absolute;bottom:0;left:15px;width:38px;height:31px;background:#b86d4f;border-radius:4px 4px 12px 12px;box-shadow:inset -6px -4px rgba(93,48,37,.15)}.plant i{position:absolute;z-index:2;bottom:25px;left:31px;width:17px;height:42px;background:#527254;border-radius:100% 0 100% 0;transform-origin:bottom}.plant i:nth-child(1){transform:rotate(-38deg)}.plant i:nth-child(2){height:50px;transform:rotate(-5deg)}.plant i:nth-child(3){transform:rotate(35deg) scaleX(-1)}.mug{position:relative;width:40px;height:38px;margin-left:30px;background:#d8c6ad;border-radius:4px 4px 12px 12px;box-shadow:inset -6px -4px rgba(78,56,43,.12)}.mug span{position:absolute;right:-14px;top:8px;width:18px;height:18px;border:5px solid #d8c6ad;border-radius:50%}.curtain{position:absolute;z-index:20;top:-25px;width:13%;height:77%;background:repeating-linear-gradient(90deg,#d8c3a7 0 18%,#bba587 32%,#e0cdb2 48%);filter:drop-shadow(5px 5px 5px rgba(49,36,26,.18));clip-path:polygon(0 0,100% 0,83% 100%,18% 96%)}.curtain-left{left:-9%}.curtain-right{right:-9%;transform:scaleX(-1)}.hint{position:absolute;bottom:12px;margin:0;color:rgba(64,49,39,.55);font-family:ui-serif,Georgia,"Noto Serif SC",serif;font-size:12px;letter-spacing:.1em}.weather-layer{position:absolute;z-index:5;inset:0;overflow:hidden;pointer-events:none}.particle{position:absolute;top:-10%;animation:fall linear infinite}.particle.petal{width:10px;height:7px;background:#ffd9e4;border-radius:80% 20% 70% 30%;box-shadow:0 0 4px rgba(255,255,255,.5)}.particle.leaf{width:12px;height:8px;background:#d77735;border-radius:100% 0 100% 0}.particle.rain{width:1px;height:34px;background:linear-gradient(transparent,rgba(225,242,255,.75));animation-name:rain}.particle.drift{width:15px;height:15px;border:2px solid rgba(255,255,255,.65);border-radius:50%;animation-name:drift}@keyframes fall{to{transform:translate(80px,120vh) rotate(720deg)}}@keyframes rain{to{transform:translate(-80px,120vh)}}@keyframes drift{to{transform:translate(45px,110vh) scale(.2);opacity:0}}.scrim{position:fixed;z-index:39;inset:0;background:rgba(31,27,23,.42);opacity:0;visibility:hidden;backdrop-filter:blur(3px);transition:.35s}.scrim.show{opacity:1;visibility:visible}.notes-drawer{position:fixed;z-index:40;top:0;right:0;width:min(490px,100vw);height:100vh;padding:34px;background:var(--paper);box-shadow:-24px 0 60px rgba(36,28,22,.25);transform:translateX(105%);transition:.45s cubic-bezier(.22,.8,.24,1);overflow:auto}.notes-drawer.open{transform:none}.drawer-head{display:flex;justify-content:space-between;align-items:start}.drawer-head small{font-size:9px;letter-spacing:.2em;color:#9a765c}.drawer-head h1{margin:5px 0 0;font-family:ui-serif,Georgia,"Noto Serif SC",serif;font-size:33px}.drawer-head button{border:0;background:transparent;font-size:30px;color:#857364;cursor:pointer}.search{display:flex;gap:9px;margin-top:27px;padding:11px 13px;border:1px solid #ddd0bf;border-radius:9px;background:#fffaf2}.search input{width:100%;border:0;outline:0;background:transparent}.filters{display:flex;gap:7px;margin:17px 0}.filters button{padding:6px 10px;border:1px solid #ddd0bf;border-radius:20px;background:transparent;color:#806e60;cursor:pointer;font-size:11px}.filters button.active{color:#fff;background:#6c5848;border-color:#6c5848}.note-list{border-top:1px solid #ddd0bf}.note{position:relative;display:block;width:100%;padding:20px 46px 20px 3px;border:0;border-bottom:1px solid #ddd0bf;background:transparent;text-align:left;cursor:pointer}.note:hover{padding-left:10px;background:rgba(255,255,255,.5)}.note em,.note strong,.note span{display:block}.note em{color:#a36e4e;font-size:10px;font-style:normal}.note strong{margin:5px 0;font-family:ui-serif,Georgia,"Noto Serif SC",serif;font-size:18px}.note span{color:#88776a;font-size:12px}.note time{position:absolute;right:2px;top:22px;color:#aa9b8f;font-size:10px}.empty{text-align:center;color:#9b8b7e}dialog{width:min(830px,calc(100vw - 30px));max-height:calc(100vh - 30px);padding:0;border:0;border-radius:14px;color:#342e29;background:#faf6ed;box-shadow:0 30px 90px rgba(24,19,16,.35)}dialog::backdrop{background:rgba(32,27,23,.55);backdrop-filter:blur(7px)}dialog article{width:min(650px,calc(100% - 42px));margin:auto;padding:48px 0 85px}.back{padding:0;border:0;background:transparent;color:#92765e;cursor:pointer}.article-meta{margin-top:50px;color:#a46e49;font-size:11px}.article-meta+ h1{margin:12px 0 16px;font-family:ui-serif,Georgia,"Noto Serif SC",serif;font-size:clamp(35px,6vw,54px);line-height:1.15}.lead{color:#7c7066;font-size:17px;line-height:1.8}.article-body{margin-top:42px;padding-top:30px;border-top:1px solid #ddd2c3;line-height:1.9}.article-body h2{margin-top:36px;font-family:ui-serif,Georgia,"Noto Serif SC",serif}.article-body pre{overflow:auto;padding:18px;border-radius:8px;color:#e9e6df;background:#302f2c;line-height:1.65}.article-body blockquote{margin:30px 0;padding-left:18px;border-left:3px solid #b6805d;color:#78685c;font-family:ui-serif,Georgia,serif;font-size:18px}@media(max-width:700px){.room{min-height:560px;padding:16px}.window{width:94vw}.window-frame{height:64vh;min-height:390px;padding:11px;border-width:7px}.bar.vertical{width:12px;top:11px;bottom:11px}.bar.horizontal{left:11px;right:11px;height:12px}.weather-card{right:16px;top:15px}.scene-caption{left:15px;bottom:15px}.curtain{display:none}.sill{height:76px;margin:0 -10px;padding:0 20px}.identity{margin-left:8px}.identity small{display:none}.identity strong{font-size:16px}.plant{transform:scale(.8)}.mug{display:none}.open-notes{width:130px}.hint{display:none}.notes-drawer{padding:25px 20px}}@media(prefers-reduced-motion:reduce){.particle{display:none}.notes-drawer,.landscape{transition:none}}