/* Scanned stationery theme. Layout, storage and recording interactions are unchanged. */
:root{--green:#4f80a6;--muted:#8e8476;--line:#d9cebb;--paper:#faf5ea;--soft:#e5e6d6;--grain:url('./paper-grain.svg');color:#292d34;background:#f1e9db;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif}
body{background:#f1e9db var(--grain)}
.sidebar{background:#e9e1cf var(--grain);border-right:0;padding-top:42px;isolation:isolate}
.sidebar:after{content:'';position:absolute;right:-6px;top:0;bottom:0;width:12px;background:#e9e1cf var(--grain);clip-path:polygon(0 0,70% 0,96% 3%,64% 7%,87% 11%,61% 15%,99% 20%,71% 25%,90% 32%,62% 38%,98% 44%,69% 49%,91% 56%,62% 62%,100% 68%,70% 76%,91% 83%,65% 90%,98% 96%,71% 100%,0 100%);z-index:-1}
.brand{font-weight:750;color:#292d34;letter-spacing:.3px}.brand b{font-weight:700}.brand small{color:#81776b;letter-spacing:2.1px;font-family:'Courier New',monospace}
.brand-icon{background:#4f80a6 var(--grain);border-radius:4px;transform:rotate(-5deg);box-shadow:1px 2px 0 #0000000b;color:#fff9ef}
.sidebar-note{color:#827768;letter-spacing:.6px;font-size:12px;line-height:2.2;position:relative;margin-top:44px}
.sidebar-note:before{content:'';display:block;width:40px;height:4px;background:#d7a33d var(--grain);transform:rotate(-4deg);margin-bottom:19px}
.nav-item{border-radius:3px;color:#746e65;font-weight:500;position:relative;font-size:13px;letter-spacing:.7px}
.nav-item.active{background:#d8bb7c var(--grain);color:#292d34;transform:rotate(-1deg);font-weight:650;clip-path:polygon(0 3%,10% 1%,28% 4%,52% 0,74% 3%,99% 0,100% 94%,84% 100%,63% 97%,39% 100%,20% 96%,0 100%)}
.nav-item:hover{background:#e0d2b6 var(--grain)}.local-badge{border-color:#cfbea2;color:#766e5d;line-height:1.7}.local-badge small{color:#978b76}.local-badge>span{background:#7c8d70}
.main-wrap{position:relative}#topbar{border-color:#d4c7b0;color:#938878;font-family:'Courier New',monospace;letter-spacing:.2px}
.device-status{background:#e7e9d9 var(--grain);border:1px solid #c8cdb4;color:#667353;border-radius:3px;transform:rotate(1deg);padding:7px 12px}.device-status i{background:#7a8d60}
.page-heading{padding-top:38px;padding-bottom:30px}.eyebrow{color:#94816a;font-family:'Courier New',monospace;letter-spacing:2px;font-size:10px}
h1{font-size:35px;font-weight:800;letter-spacing:-1.1px;color:#292d34;position:relative;z-index:0;width:fit-content}
.page-heading h1:after{content:'';position:absolute;left:0;right:5px;bottom:2px;height:10px;background:#d7a33d var(--grain);opacity:.55;z-index:-1;clip-path:polygon(0 35%,14% 10%,37% 24%,55% 0,78% 22%,100% 4%,98% 90%,77% 85%,53% 100%,26% 88%,0 100%);transform:rotate(-1deg)}
.page-heading p{color:#8c8170;font-size:12px;line-height:1.8;letter-spacing:.5px}
.button{border-radius:24px;letter-spacing:.5px}.button.primary{background:#292d34;color:#fffaf0;border:1px solid #292d34}.button.primary:hover{background:#424751}.button.quiet{background:#f7f0e4 var(--grain);border-color:#bcad93;color:#655d52}.button.quiet:hover{background:#e9dec9 var(--grain)}
.section-label{color:#6d6355;font-family:'Courier New',monospace;font-size:12px}.section-label>span+span{color:#9a8b76}.home-layout{gap:32px}
.event-list{background:#fbf7ee var(--grain);border:0;border-radius:2px;box-shadow:0 2px 4px #5e432410;clip-path:polygon(0 .7%,3% 0,8% .5%,17% .1%,26% .6%,36% .2%,48% .6%,59% 0,70% .5%,82% 0,92% .5%,99.5% 0,100% 6%,99.5% 20%,100% 37%,99.6% 52%,100% 70%,99.5% 89%,100% 99.5%,89% 99.1%,78% 100%,65% 99.4%,51% 100%,40% 99.4%,28% 100%,15% 99.4%,4% 100%,0 99.4%,.4% 85%,0 63%,.5% 47%,0 30%,.5% 13%)}
.event-row{min-height:86px;padding:20px 24px;gap:17px}.event-row+.event-row{border-top:1px dashed #d9cdb845}.event-name{font-size:13px;font-weight:550;color:#494740;letter-spacing:.2px}
.event-icon{border-radius:3px;background-image:var(--grain);transform:rotate(-4deg);box-shadow:0 1px 1px #51452d10;font-size:24px;position:relative}.event-row:nth-child(even) .event-icon{transform:rotate(4deg)}
.count-button{border-radius:25px;background:#eee5d5 var(--grain);border-color:#d1bfa2;color:#5f6f78;font-size:18px;min-width:60px;height:38px}.count-button:hover{background:#dce4e5 var(--grain)}.count-button:active,.count-button.holding{background:#b8cbd7 var(--grain)}.count-button.recorded,.count-button.recorded:hover{background:#496446 var(--grain);border-color:#496446;color:#fff9ee}
.add-event{background:#e5dfc8 var(--grain);border-color:#b9aa8f;border-radius:2px;color:#7d705c;transform:rotate(-.25deg);font-weight:550}.add-event:hover{background:#ded3b7 var(--grain)}
.under-list{color:#a19078;font-size:10px;font-family:'Courier New',monospace;letter-spacing:.4px}
.home-aside{padding-top:31px}.moment-card{background:#e9d5b6 var(--grain);border:0;border-radius:2px;padding:0 0 24px;position:relative;overflow:visible;box-shadow:1px 3px 5px #5b3b1c15;transform:rotate(1.2deg);min-height:0}
.moment-card:before{content:'';position:absolute;top:-12px;left:calc(50% - 42px);width:84px;height:26px;background:#c9ab75a8 var(--grain);opacity:.85;transform:rotate(-5deg);z-index:2;clip-path:polygon(2% 4%,100% 0,97% 94%,0 100%);box-shadow:0 1px 1px #55381a0b}
.moment-card .tiny-label{position:absolute;top:23px;left:21px;color:#655947;font-size:9px;letter-spacing:1.5px;background:#f6ecd2c9;padding:6px 10px;transform:rotate(-3deg);z-index:1}
.botanical{margin:0;height:315px;overflow:hidden;clip-path:polygon(0 1%,9% 0,21% .5%,41% 0,68% .7%,87% 0,100% .6%,100% 98%,85% 100%,69% 98.6%,48% 100%,30% 98.5%,12% 100%,0 99%)}
.botanical img{width:100%;height:100%;object-fit:cover;object-position:center 48%;display:block}
.moment-card h2{margin:24px 22px 13px;font-size:21px;font-weight:750;line-height:1.65;letter-spacing:.1px;color:#373a3d}.moment-card p{margin:0 22px;font-size:11px;line-height:2;color:#83715a}.moment-card .card-rule{margin:19px 22px 14px;width:35px;border-color:#b79a74}.moment-card small{display:block;margin:0 22px;color:#9a8468;font-family:'Courier New',monospace;letter-spacing:0;font-size:9px}
.privacy-note{color:#6e6e5a;padding-top:27px}.privacy-note p{color:#958671}.privacy-note>svg{color:#9c834e}.privacy-note a{color:#4f80a6}.privacy-note a svg{color:#4f80a6}
.desktop-footer{background:#c6a27b var(--grain);margin-top:48px;padding:25px 22px;color:#5b4938;border:0;clip-path:polygon(0 5%,5% 1%,14% 4%,25% 0,39% 5%,55% 1%,72% 5%,88% 1%,100% 4%,100% 100%,0 100%);font-family:'Courier New',monospace;font-size:10px}.desktop-footer span{color:#3d3b38;font-size:14px;font-family:'Segoe Print','Comic Sans MS',cursive;transform:rotate(-5deg)}
.panel{background:#faf5ea var(--grain);border-color:#d7c8af;border-radius:3px;box-shadow:0 2px 3px #62472a08}.calendar-panel{background:#faf7ee var(--grain);border:0}.calendar-cell{background:#faf7ee var(--grain);border-color:#ded3bf}.calendar-cell.blank{background:#ede5d5 var(--grain)}.calendar-cell:hover{background:#ede3cc var(--grain)}.calendar-grid{border-color:#ded3bf}.day-number{color:#766f60}.today .day-number{background:#4f80a6 var(--grain);color:#fff}.weekdays{color:#96846c}.calendar-mark{border-radius:2px;background-image:var(--grain)}.calendar-hint{color:#9a8870}.month-summary>div{background:#e7e7d8 var(--grain);border:0;border-radius:3px;color:#6d675a}.month-summary b{color:#4f80a6}
.stats-intro{background:#d9e3e5 var(--grain);border-radius:2px;border:0;transform:rotate(-.4deg);position:relative;margin-top:10px}.stats-intro:before,.settings-panel:before{content:'';position:absolute;width:65px;height:22px;top:-11px;left:calc(50% - 32px);background:#c5a97bab var(--grain);transform:rotate(-6deg);z-index:1}.stats-intro>span{background:#b4c7cf var(--grain);color:#4d6f81;border-radius:3px;transform:rotate(8deg)}.stats-intro h2{color:#343c43}.stats-intro p{color:#7b8587}.stat-row{padding:20px 24px}.stat-row+.stat-row{border-color:#e0d5c2}.stat-number{color:#4f80a6}.stat-number small{color:#9e8e75}.stat-row>svg{color:#b4a68e}
.settings-panel{position:relative;overflow:visible;border:0;background:#f9f2e6 var(--grain);margin-top:12px;margin-bottom:27px;border-radius:2px}.settings-panel:nth-child(2){background:#dce4e5 var(--grain);transform:rotate(.3deg)}.settings-panel:nth-child(3){background:#dfe4d4 var(--grain)}.section-title,.section-title h2{color:#454b48}.settings-panel p{color:#8b806d}.backup-date{background:#fbf6ec88 var(--grain);color:#7d7b6b;border-radius:2px}.status-row{color:#827d6a}.status-row b{color:#5f765c}.install-card{background:#e4c68d var(--grain);border-radius:2px;transform:rotate(-.6deg)}.install-card h2{color:#46433b}.install-card p{color:#8c795b}.install-card small{color:#947f5f}.local-warning{color:#8c7d65;background:transparent}
dialog{background:#faf5ea var(--grain);color:#363a3f;border:1px solid #e0d3bd;border-radius:5px;box-shadow:0 14px 65px #46371f2a}dialog::backdrop{background:#352f264f;backdrop-filter:blur(3px)}.dialog-head h2{font-weight:750;color:#30363c}.dialog-head p{color:#97856d}.dialog-head .icon-button{background:#e7dec9 var(--grain);border-radius:50%;color:#8b7c62}
label{color:#8d7f69}input:not([type=file]),select,textarea{background:#fffcf5 var(--grain);border-color:#cfc1a8;color:#464947;border-radius:5px}input::placeholder,textarea::placeholder{color:#b0a18c}.icon-button{background:#ebe1cc var(--grain);color:#88785c;border-radius:4px}.icon-button:hover{background:#ddcba9 var(--grain)}.hint{color:#a08f75}.emoji-category{background:#efe8d9 var(--grain);border-color:#d3c3a7;color:#8c7a60}.emoji-category[aria-pressed=true]{background:#4f80a6 var(--grain);border-color:#4f80a6;color:#fff9ec}.emoji-option{background:#e4dfc9 var(--grain);border-radius:3px}.emoji-option:hover{background:#d4cfb7 var(--grain)}.emoji-option[aria-pressed=true]{background:#d9bd7f var(--grain);box-shadow:inset 0 0 0 2px #b08a44}
.upload-button{background:#e4e7d7 var(--grain);border-color:#b5b79b;border-radius:3px;color:#7d8067}.upload-button span{color:#98957c}.record-card{background:#fffaf0 var(--grain);border-color:#e0d2b9;border-radius:3px}.record-card-head b{color:#5c5b50}.record-card-head small{color:#a18f76}.record-text{color:#6b695c}.record-link{color:#4f80a6}.day-counts span{background:#e6ddc5 var(--grain);color:#8a795b;border-radius:2px}.notice{background:#ede0b9 var(--grain);border-color:#d7c499;color:#8a7753;border-radius:3px}.removal-option{background:#e4e8d7 var(--grain);border-color:#c6cbb1;border-radius:3px}.removal-option b{color:#5e6e53}.removal-option span{color:#8d917b}.removal-option.destructive{background:#f0dbcc var(--grain);border-color:#d9b9a8}.import-summary{background:#e1e5d3 var(--grain);color:#7d8267;border-radius:3px}
.text-button{color:#4f80a6}.text-button.danger{color:#aa6b56}#toast{background:#292d34;color:#f9f2e4;border-radius:4px}#toast button{color:#e5bf6a;border-color:#a29a85}.button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#bd943f}
@media(max-width:1100px){.event-row{padding:18px 18px;min-height:82px}.home-layout{gap:24px}.botanical{height:290px}.moment-card h2{font-size:18px;margin:21px 18px 12px}.moment-card p,.moment-card small{margin-left:18px;margin-right:18px}.moment-card .tiny-label{left:14px;font-size:8px}.page-heading h1{font-size:31px}}
@media(max-width:800px){.home-aside{display:none}.home-layout{display:block}.settings-layout>aside .install-card{height:100%}.sidebar-note{font-size:10px}}
@media(max-width:600px){body{background:#f1e9db var(--grain)}.main-wrap{padding:0 20px}.page-heading{padding-top:30px;padding-bottom:25px}.page-heading h1{font-size:28px;letter-spacing:-1px}.page-heading h1:after{height:8px;bottom:1px}.page-heading .button{font-size:10px;background:#f6efdf var(--grain);border-radius:20px}#topbar{height:70px}.event-row{padding:18px 17px;min-height:79px;gap:14px}.event-name{font-size:13px}.event-icon{width:39px;height:39px;font-size:23px}.count-button{min-width:54px;height:36px;font-size:17px}.add-event{height:48px;font-size:11px}.section-label{font-size:11px}.section-label>span+span{font-size:9px}.mobile-nav{background:#e8dfccf5 var(--grain);border-color:#cdbd9f;box-shadow:0 -1px 6px #67532e08}.mobile-nav .nav-item{color:#958468}.mobile-nav .nav-item.active{background:none;color:#4f80a6;clip-path:none;transform:none}.mobile-nav .nav-item.active:before{background:#4f80a6}.mobile-nav .nav-item:hover{background:transparent}.home-aside{display:block;padding-top:24px}.moment-card{display:grid;grid-template-columns:42% minmax(0,1fr);padding:0;min-height:180px;transform:rotate(.4deg)}.moment-card .botanical{grid-column:1;grid-row:1 / 5;height:100%;min-height:180px;clip-path:none}.moment-card .botanical img{object-position:center}.moment-card .tiny-label{display:none}.moment-card h2{grid-column:2;margin:25px 15px 7px;font-size:17px;line-height:1.6}.moment-card p{grid-column:2;margin:0 15px;font-size:10px;line-height:1.9}.moment-card .card-rule{display:none}.moment-card small{grid-column:2;margin:12px 15px 20px;font-size:8px}.moment-card:before{left:30%;width:60px;height:20px;top:-8px}.privacy-note{display:none}.desktop-footer{display:none}.settings-panel{padding:22px 18px}.calendar-cell{background:#faf7ee var(--grain)}.stats-intro{padding:22px 18px}.stat-row{padding:19px 16px}.calendar-toolbar select{font-size:10px}dialog{border-radius:6px;padding:24px 20px}.emoji-search-label input{font-size:16px}}
.page-heading p{color:#756956}.section-label>span+span{color:#8c7a60}.settings-panel p{color:#7d715f}.hint{color:#8b7b63}.record-card-head small{color:#8b775e}