*{box-sizing:border-box}body{margin:0;background:#f8f7f3;color:#292d27;font-family:Arial,'PingFang SC',sans-serif}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:transparent;border:1px solid #d9d9cf;border-radius:6px;padding:10px 15px}button:hover{background:#e7e8de}header{max-width:1280px;margin:auto;padding:28px 42px;border-bottom:1px solid #deded3;display:flex;justify-content:space-between;align-items:center}.brand{color:inherit;text-decoration:none;font-family:serif;font-weight:bold;font-size:26px}.brand i{font:10px Arial;letter-spacing:2px;margin-left:14px}header button{border:0;font-size:12px}main{max-width:1196px;margin:auto;padding:42px 0 65px}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:38px}small{font-size:10px;letter-spacing:2px;color:#787b6d}h1{font-family:serif;font-size:29px;font-weight:500;margin:12px 0}p{font-size:13px;line-height:1.9;color:#818376}.primary{background:#344c3e;color:#fff;border-color:#344c3e;padding:13px 24px}.primary:hover{background:#203b2b}nav{display:flex;justify-content:space-between;margin-bottom:24px;align-items:center}.tabs{display:flex;gap:4px}.tabs button{border:0;font-size:13px;padding:9px 21px}.tabs .active{background:#e3e7dc;color:#334c3c}.monthnav{display:flex;gap:8px;align-items:center}.monthnav button{border:0}.monthnav input{border:0;background:transparent;font-size:13px;color:#575c50;width:134px}.layout{display:grid;grid-template-columns:minmax(0,810px) 1fr;gap:45px}.paper{padding:34px 38px 28px;background-color:#e9e1cf;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23695d42' opacity='.12' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");box-shadow:0 10px 28px #45402d0e;color:#272b24}.paper-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;border-bottom:1px solid #7779644d;padding-bottom:15px}.year{text-align:center;font-family:Georgia,serif;font-size:24px;margin-top:24px}h2{text-align:center;font:clamp(35px,6vw,78px)/1 Georgia,serif;letter-spacing:-3px;margin:5px 0 25px}.stats{display:flex;justify-content:center;gap:65px;text-align:center;margin-bottom:29px}.stat b{display:block;font:32px Georgia}.stat span{font-size:9px;letter-spacing:1.5px;display:block;margin-top:5px}.week,#calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.week{font:bold 12px Georgia;text-align:center;margin-bottom:14px}.day{position:relative;aspect-ratio:.72;border:0;background:#8b8c7520;border-radius:5px;padding:0;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#777968;font:20px Georgia}.day:hover{background:#8b8c7540}.day.today{outline:1px solid #6d8062;outline-offset:2px}.day.blank{background:transparent;cursor:default}.day img,.cover{width:100%;height:100%;object-fit:cover}.cover{display:flex;flex-direction:column;justify-content:space-between;padding:11px 7px;text-align:left;color:#efe8d2;background:#40534b;font: bold 15px/1.25 Georgia,serif;border:4px double #dcd0ae80}.cover.game{background:#695846}.cover.film{background:#444958}.cover small{color:inherit;font:7px Arial;letter-spacing:1px}.cover .motif{font-size:29px;text-align:center;font-weight:400;opacity:.7}.badge{position:absolute;bottom:4px;right:4px;font:9px Arial;background:#f4efdf;color:#394739;border-radius:10px;padding:3px 5px}.daynum{position:absolute;top:3px;left:4px;font:9px Arial;background:#eee8d5dd;padding:2px 4px;border-radius:3px}.paper footer{display:flex;justify-content:space-between;align-items:end;margin-top:34px;font-size:10px;line-height:1.8}.paper footer i{font:12px Georgia;color:#777967}.paper footer b{text-align:center;font:21px Georgia,serif}aside{padding-top:8px}.aside-title{display:flex;align-items:center;justify-content:space-between}.aside-title h3{font:19px serif;margin:0}.aside-title span{font-size:11px;color:#8d907f}.muted{font-size:11px;margin-bottom:25px}.item{display:flex;gap:13px;padding:17px 0;border-bottom:1px solid #dddfd4;cursor:pointer}.thumb{width:48px;height:68px;flex-shrink:0;border-radius:2px;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.thumb .cover{font-size:9px;padding:4px}.thumb .motif{font-size:14px}.thumb small{font-size:5px}.item h4{font-size:13px;margin:3px 0 7px}.item p{font-size:10px;margin:0;line-height:1.7}.item .stars{color:#917e50}.aside-bottom{margin-top:32px}.aside-bottom button{display:block;width:100%;margin:10px 0;font-size:12px}.aside-bottom p{font-size:10px}.empty{padding:35px 10px;border:1px dashed #c7cbbd;text-align:center;font-size:12px;line-height:2;color:#7b836f}dialog{border:1px solid #d4d5c8;border-radius:12px;background:#faf9f3;padding:26px;width:440px;max-width:94vw;max-height:90dvh;color:#303c30}dialog::backdrop{background:#15201466;backdrop-filter:blur(4px)}.dialoghead{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dialoghead h3{margin:0;font:23px serif}.close{border:0;padding:5px}label{display:block;font-size:12px;margin:15px 0}label input,label select{display:block;width:100%;margin-top:7px;padding:10px;background:#fffef9;border:1px solid #d5d7ca;border-radius:5px;color:#343e30}label small{font-size:10px;letter-spacing:0;display:block;margin-top:6px}.row{display:flex;gap:13px}.row label{flex:1;min-width:0}.actions{display:flex;justify-content:space-between;gap:10px;margin-top:22px}#delete{color:#9a5a49;border:0}.import{padding:10px;border:1px dashed #adb6a2}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#334c3e;color:white;padding:12px 25px;border-radius:8px;font-size:13px;display:none;z-index:10}@media(max-width:900px){header{padding:20px}main{padding:28px 20px}.layout{grid-template-columns:minmax(0,1fr) 240px;gap:24px}.paper{padding:25px 20px}.stats{gap:40px}}@media(max-width:650px){.brand i{font-size:8px;letter-spacing:1px}.intro{display:block;margin-bottom:24px}h1{font-size:24px}.intro p{font-size:11px}.intro .primary{margin-top:10px;padding:10px 18px}.layout{display:block}main{padding:24px 14px}.tabs button{padding:8px 12px}.monthnav{gap:0}.monthnav input{width:115px;font-size:12px}.paper{padding:22px 15px}h2{font-size:45px;letter-spacing:-2px}.year{font-size:19px}.stats{gap:40px}.stat b{font-size:27px}.stat span{font-size:8px}.week,#calendar{gap:5px}.week{font-size:9px}.cover{font-size:10px;padding:5px 3px;border-width:2px}.cover .motif{font-size:19px}.cover small{font-size:5px}.day{font-size:15px}.paper-top{font-size:6px;letter-spacing:1px}aside{margin-top:35px}.paper footer{margin-top:27px}}