:root{--season:#e8340a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden}body{color:#2c2c2c;background:#3a3530;font-family:Zen Kaku Gothic New,Noto Sans JP,sans-serif}#app{perspective:1200px;flex-direction:column;height:100dvh;display:flex}.book-wrap{touch-action:pan-y;flex:1;justify-content:center;align-items:center;padding:8px 0 52px;display:flex;position:relative;overflow:hidden}.sheet{filter:drop-shadow(0 6px 24px #00000059);width:90vw;max-width:380px;height:calc(100dvh - 80px);max-height:680px;transform-style:preserve-3d;cursor:pointer;transition:transform .35s cubic-bezier(.22,.61,.36,1);position:relative}.sheet.turn-fwd{filter:drop-shadow(0 4px 16px #00000040)brightness(.97);transform:rotateY(-12deg)scale(.94)}.sheet.turn-bwd{filter:drop-shadow(0 4px 16px #00000040)brightness(.97);transform:rotateY(12deg)scale(.94)}.sheet:after{content:"";pointer-events:none;z-index:3;background:linear-gradient(90deg,#0000000f,#0000);border-radius:3px 0 0 3px;width:16px;position:absolute;top:2%;bottom:2%;left:0}.sheet-under{z-index:-1;filter:drop-shadow(0 2px 6px #0000000f);background:#f0ece6;border-radius:4px;position:absolute;inset:2px -4px -4px 4px}.page-face{-webkit-overflow-scrolling:touch;background:#faf8f5;background-image:repeating-linear-gradient(transparent, transparent 29px, #e6e2da 29px, #e6e2da 30px), repeating-conic-gradient(#f5f2ed 0% 25%, transparent 0% 50%) 0 0 / 3px 3px;border-radius:4px;padding:22px 18px 18px;position:absolute;inset:0;overflow:hidden auto}.dogear{z-index:4;pointer-events:none;filter:drop-shadow(-1px 1px 2px #0000000a);border-top:0 solid #0000;border-bottom:18px solid #e8e4dc;border-left:18px solid #0000;border-right:0 solid #0000;width:0;height:0;position:absolute;bottom:0;right:0}.is-blank .dogear{display:none}.month-cap{color:var(--season);border-bottom:2px solid var(--season);align-items:center;gap:6px;margin-bottom:10px;padding-bottom:4px;font-family:Kiwi Maru,serif;font-size:1rem;display:flex}.month-cap .cnt{color:#bbb;font-size:.62rem;font-weight:400}.who{color:#c0b8b0;margin-left:auto;font-family:Kiwi Maru,serif;font-size:.6rem}.ev{border-left:2px solid var(--season);cursor:pointer;border-radius:0 3px 3px 0;margin-bottom:8px;padding:5px 0 5px 8px;position:relative}.ev:active{background:#00000005}.ev .ed{color:var(--season);font-size:.6rem;font-weight:500}.ev .et{font-size:.82rem;font-weight:500;line-height:1.3}.ev .eo{color:#c0b8b0;font-size:.55rem;position:absolute;top:3px;right:0}.ev .em{color:#999;margin-top:1px;font-size:.63rem}.ev .ec{color:#a09080;border-left:2px solid #e8dcd0;margin-top:3px;padding-left:4px;font-size:.65rem;font-style:italic;line-height:1.3}.ev-badges{margin-top:3px}.ev-sticker{float:left;background:#f5f0ea;border:1px solid #e0dcd4;border-radius:3px;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;margin-right:8px;font-size:1.4rem;display:flex;overflow:hidden;transform:rotate(-2deg);box-shadow:1px 1px 4px #0000001a}.ev-sticker img{object-fit:cover;width:100%;height:100%}.ev-photos{gap:5px;margin-top:6px;padding:2px 0;display:flex;overflow-x:auto}.ev-photo{cursor:pointer;background:#f5f0ea;border:1px solid #eee;border-radius:3px;justify-content:center;align-items:center;width:60px;min-width:60px;height:60px;font-size:1.2rem;display:flex;position:relative;overflow:hidden}.ev-photo:nth-child(2n){transform:rotate(1.5deg)}.ev-photo:nth-child(3n){transform:rotate(-1.5deg)}.ev-photo img{object-fit:cover;width:100%;height:100%}.ev-photo .cap{color:#fff;text-align:center;background:#0006;padding:1px 3px;font-size:.45rem;position:absolute;bottom:0;left:0;right:0}.ev-memo{color:#888;border-left:2px solid var(--season);background:#e8340a0a;border-radius:3px;margin-top:5px;padding:5px 8px;font-size:.68rem;line-height:1.4;position:relative}.ev-memo:before{content:"📝";font-size:.55rem;position:absolute;top:-6px;left:-4px}.badge{border-radius:3px;align-items:center;gap:2px;margin-right:2px;padding:1px 5px;font-size:.5rem;display:inline-flex}.badge-flyer{color:var(--season);background:#fff0e8}.badge-photo{color:#4060a0;background:#e8f0ff}.badge-done{color:#2a6a3a;background:#e8f5e8}.empty{color:#d0ccc6;justify-content:center;align-items:center;height:50%;font-family:Kiwi Maru,serif;font-size:.78rem;display:flex}.blank{flex-direction:column;gap:6px;display:flex}.blank-title{color:var(--season);text-align:center;margin-bottom:4px;font-family:Kiwi Maru,serif;font-size:1.1rem}.url-box{background:#f8f6f2;border:1px solid #e0dcd4;border-radius:6px;padding:8px}.url-box label{color:#bbb;margin-bottom:4px;font-family:Kiwi Maru,serif;font-size:.62rem;display:block}.url-row{gap:4px;display:flex}.url-row input{background:#fff;border:1px solid #d8d0c8;border-radius:4px;outline:none;flex:1;padding:7px 8px;font-family:Zen Kaku Gothic New,sans-serif;font-size:.78rem}.url-row input:focus{border-color:var(--season)}.url-row button{color:#faf8f5;white-space:nowrap;cursor:pointer;background:#2c2c2c;border:none;border-radius:4px;padding:7px 12px;font-family:Kiwi Maru,serif;font-size:.7rem}.url-row button:active{background:var(--season)}.url-row button:disabled{opacity:.4}.url-msg{text-align:center;margin-top:3px;font-size:.62rem}.url-msg.ok{color:var(--season)}.url-msg.err{color:#c00}.frm{flex-direction:column;gap:4px;display:flex}.frm label{color:#bbb;margin-top:2px;font-family:Kiwi Maru,serif;font-size:.65rem}.frm input,.frm textarea{color:#2c2c2c;-webkit-appearance:none;background:#fcfaf8;border:1px solid #e0dcd4;border-radius:5px;outline:none;width:100%;padding:8px 10px;font-family:Zen Kaku Gothic New,sans-serif;font-size:.82rem}.frm input:focus,.frm textarea:focus{border-color:var(--season);background:#fff}.frm textarea{resize:vertical;min-height:50px}.frm-row{grid-template-columns:1fr 1fr;gap:4px;display:grid}.frm-btn{color:#faf8f5;cursor:pointer;background:#2c2c2c;border:none;border-radius:5px;margin-top:4px;padding:10px;font-family:Kiwi Maru,serif;font-size:.8rem}.frm-btn:active{background:var(--season)}.frm-btn:disabled{opacity:.4}.frm-msg{text-align:center;margin-top:2px;font-size:.68rem}.frm-msg.ok{color:var(--season)}.frm-msg.err{color:#c00}.modal-bg{z-index:20;opacity:0;pointer-events:none;background:#0006;transition:opacity .25s;position:fixed;inset:0}.modal-bg.open{opacity:1;pointer-events:auto}.modal{z-index:21;background:#faf8f5;border-radius:14px 14px 0 0;max-height:80dvh;padding:20px 20px 32px;transition:transform .3s cubic-bezier(.22,.61,.36,1);position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.modal.open{transform:translateY(0)}.modal-handle{background:#e0dcd4;border-radius:2px;width:36px;height:4px;margin:0 auto 16px}.modal-date{color:var(--season);margin-bottom:4px;font-size:.7rem;font-weight:500}.modal-title{margin-bottom:6px;font-size:1.05rem;font-weight:700;line-height:1.3}.modal-loc{color:#888;margin-bottom:8px;font-size:.78rem}.modal-charm{color:#a09080;background:#00000005;border-left:2px solid #e8dcd0;border-radius:0 4px 4px 0;margin-bottom:10px;padding:6px 10px;font-size:.78rem;font-style:italic;line-height:1.4}.modal-photos{gap:8px;margin-bottom:10px;padding:2px 0;display:flex;overflow-x:auto}.modal-photo{background:#f5f0ea;border:1px solid #eee;border-radius:4px;justify-content:center;align-items:center;width:90px;min-width:90px;height:90px;font-size:2rem;display:flex;position:relative;overflow:hidden}.modal-photo:nth-child(2n){transform:rotate(1.5deg)}.modal-photo:nth-child(3n){transform:rotate(-1.5deg)}.modal-photo img{object-fit:cover;width:100%;height:100%}.modal-photo .cap{color:#fff;text-align:center;background:#00000080;padding:2px 4px;font-size:.5rem;position:absolute;bottom:0;left:0;right:0}.modal-memo{color:#888;border-left:2px solid var(--season);background:#e8340a0a;border-radius:4px;margin-top:6px;padding:8px 10px;font-size:.75rem;line-height:1.5}.modal-tags{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.modal-tag{color:#999;background:#f0ece6;border-radius:6px;padding:2px 8px;font-size:.55rem}.modal-close{color:#faf8f5;cursor:pointer;background:#2c2c2c;border:none;border-radius:6px;width:100%;margin-top:16px;padding:10px;font-family:Kiwi Maru,serif;font-size:.8rem}.modal-close:active{background:var(--season)}.dock{z-index:10;-webkit-backdrop-filter:blur(8px);background:#faf8f5ed;border-top:1px solid #e0dcd4;justify-content:center;align-items:center;gap:12px;height:44px;display:flex;position:fixed;bottom:0;left:0;right:0}.dock button{color:#888;cursor:pointer;background:0 0;border:none;border-radius:18px;padding:4px 16px;font-family:Kiwi Maru,serif;font-size:.75rem}.dock button:active{background:#0000000f}.dock button:disabled{opacity:.3}.dock .pn{color:#bbb;font-size:.6rem}