:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.map-btn{font-family:inherit;transition:background .2s,box-shadow .2s}.map-btn:hover{background:#fff2c0;box-shadow:0 4px 16px #0000001f}.map-modal-bg{animation:fadein-bg .3s}.map-modal-content{animation:fadein-modal .3s;background:#fff;border-radius:16px;box-shadow:0 4px 24px #0000002e;padding:1.5em;width:90vw;max-width:640px;box-sizing:border-box;margin:0 auto;max-height:80vh;position:relative;display:flex;flex-direction:column;gap:1em;border:1px solid #dddddd}.modal-tabs{display:flex;flex-wrap:wrap;gap:.6em;justify-content:center}.modal-tabs button{padding:.7em 1.2em;border-radius:10px 10px 16px;border:1px solid #e2c799;background:#fffdf3;color:#8a6b3a;box-shadow:0 2px 6px #00000014,0 6px 0 -2px #e2c79933 inset;position:relative;transition:transform .08s ease,box-shadow .2s ease,background .2s ease}.modal-tabs button:after{content:"";position:absolute;right:-6px;top:-6px;width:16px;height:16px;background:radial-gradient(circle at 50% 50%,#ffef99,#f7da6f);border-radius:50%;box-shadow:0 2px 4px #00000026}.modal-tabs button:hover{background:#fff9e6;box-shadow:0 4px 10px #0000001f}.modal-tabs button:active{transform:translateY(1px)}.modal-tabs .active{background:#ffeec0;color:#d26b3c;box-shadow:0 4px 12px #0000001f;border-color:#e0bfae}.modal-scroll{width:100%;max-height:60vh;overflow:auto;padding:.5em}.modal-scroll::-webkit-scrollbar{display:none}.modal-scroll{scrollbar-width:none}.map-scroll{width:100%;overflow:hidden;padding:0}.map-frame{width:100%;aspect-ratio:16 / 9;background:#fff;border:1px solid #dddddd;border-radius:12px;box-shadow:0 2px 8px #0000000f;position:relative;overflow:hidden}.map-frame img{width:100%;height:100%;object-fit:cover;object-position:center 45%}.map-tools{display:flex;gap:.6em;justify-content:center;margin-top:.6em}.map-tools button{padding:.4em .9em;border-radius:8px;border:1px solid #e2c799;background:#fffdf3;color:#8a6b3a;cursor:pointer}.album-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(max-width:600px){.album-grid{grid-template-columns:1fr;gap:10px}}.album-card{background:#fffef7;border:1px solid #e2c799;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:.8em}.album-card h3{font-size:1rem;margin:0 0 .4em;color:#a8783c}.album-card .meta{font-size:.85rem;color:#8a7a6a}@keyframes fadein-bg{0%{opacity:0}to{opacity:1}}@keyframes fadein-modal{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.bg-story-list{max-height:220px;overflow-y:auto;margin-top:1.2em;display:flex;flex-direction:column;gap:.7em}.bg-story-box{position:relative;background:#fffbe9ee;border-radius:12px 12px 18px 18px;box-shadow:0 2px 8px #bfae8a33;padding:.7em 1.2em;border-bottom:2px solid #e2c799;margin:.5em auto 1.2em;max-width:320px;z-index:20;font-family:Segoe UI,Hiragino Sans,Meiryo,sans-serif;text-align:left}.bg-story-date{font-size:.95rem;color:#a88;margin-bottom:.2em}.bg-story-title{font-size:1.12rem;color:#e08c3c;font-weight:700;margin-bottom:.2em}.bg-story-body{font-size:1.02rem;color:#444;white-space:pre-line}.notebook-datebox{background:#fffbe9ee;border-radius:12px 12px 18px 18px;box-shadow:0 2px 8px #bfae8a33;padding:.3em 1.2em .2em;border-bottom:2px solid #e2c799;display:flex;flex-direction:column;align-items:center;min-width:180px;z-index:10;font-family:Segoe UI,Hiragino Sans,Meiryo,sans-serif;margin-bottom:.2em}.notebook-date{font-size:1.08rem;color:#a88;font-weight:700;letter-spacing:.04em;margin-bottom:.1em}.notebook-time{font-size:1.25rem;color:#e08c3c;font-family:Segoe UI,Hiragino Sans,Meiryo,monospace;font-weight:700;letter-spacing:.08em}@keyframes heart-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}body{background:linear-gradient(135deg,#e2c799,#f7e9d7);font-family:Segoe UI,Hiragino Sans,Meiryo,sans-serif;margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center}.cat-idle-app{width:98vw;margin:0 auto;background:repeating-linear-gradient(180deg,#fffbe9 0 38px,#f7ecd7 38px 40px);border-radius:18px;box-shadow:0 2px 12px #0001;padding:2rem 1rem 1.5rem;text-align:center}.cat-img-wrap{margin:1.5rem 0 1rem}.cat-img{width:340px;height:120px;display:block;padding:0;margin:0 auto;box-sizing:border-box;background:none;border:none;position:relative;overflow:visible;transition:transform .18s cubic-bezier(.7,1.7,.7,1.1)}.cat-img.anim1{transform:scale(1.12) rotate(-2deg);filter:brightness(1.1)}.cat-img.anim2{animation:cat-jump .7s}.cat-img.anim3{animation:cat-shake .7s}.cat-img.anim4{transform:scale(1.05) skew(8deg);filter:blur(.5px)}.cat-img.anim5{animation:cat-eat .7s}.cat-img.anim6{animation:cat-flip .7s}.cat-img.anim7{animation:cat-bounce .7s}.cat-img.anim8{animation:cat-wiggle .7s}.cat-img.anim9{animation:cat-runoff 1.2s}.cat-img.anim10{animation:cat-spin 1.1s}.cat-img.anim11{animation:cat-zoom 1.1s}@keyframes cat-flip{0%{transform:scaleX(1)}40%{transform:scaleX(-1)}60%{transform:scaleX(-1.2)}to{transform:scaleX(1)}}@keyframes cat-bounce{0%{transform:translateY(0)}30%{transform:translateY(-16px)}50%{transform:translateY(8px)}70%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes cat-wiggle{0%{transform:rotate(0)}25%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}to{transform:rotate(0)}}@keyframes cat-runoff{0%{transform:translate(0)}20%{transform:translate(40px) scale(1.1)}40%{transform:translate(120px) scale(1.2)}60%{transform:translate(320px) scale(1.3);opacity:1}80%{opacity:.5}to{opacity:0;transform:translate(600px) scale(1.4)}}@keyframes cat-spin{0%{transform:rotate(0) scale(1)}30%{transform:rotate(180deg) scale(1.2)}60%{transform:rotate(360deg) scale(1.3)}to{transform:rotate(0) scale(1)}}@keyframes cat-zoom{0%{transform:scale(1) translateY(0)}40%{transform:scale(1.5) translateY(-40px)}60%{transform:scale(1.8) translateY(-80px);opacity:1}80%{opacity:.5}to{opacity:0;transform:scale(2.2) translateY(-120px)}}} @keyframes cat-jump{0%{transform:translateY(0)}30%{transform:translateY(-24px) scale(1.1)}60%{transform:translateY(-8px) scale(1.05)}100%{transform:translateY(0)}}@keyframes cat-shake{0%{transform:rotate(0)}20%{transform:rotate(-8deg)}40%{transform:rotate(8deg)}60%{transform:rotate(-6deg)}80%{transform:rotate(6deg)}to{transform:rotate(0)}}@keyframes cat-eat{0%{transform:scale(1) translateY(0)}20%{transform:scale(1.08) translateY(4px)}40%{transform:scale(1.12) translateY(-2px)}60%{transform:scale(1.05) translateY(2px)}80%{transform:scale(1.1) translateY(-2px)}to{transform:scale(1) translateY(0)}}} .cat-idle-app::before{content:"";position:absolute;left:-18px;top:32px;width:12px;height:calc(100% - 64px);background:repeating-linear-gradient(to bottom,#bfae8a 0 8px,#fffbe9 8px 16px);border-radius:8px;box-shadow:2px 0 6px #bfae8a33;z-index:2}.cat-idle-app:after{content:"";width:20px;height:20px;background:radial-gradient(circle at 10px 10px,#fffbe9 60%,#bfae8a);border-radius:50%;box-shadow:0 40px #fffbe9,0 80px #fffbe9,0 120px #fffbe9,0 160px #fffbe9;z-index:3;box-shadow:none;object-fit:contain;position:absolute;left:0;top:auto;bottom:-8px;background:#f3e9e1}.cat-text{font-family:Segoe UI,Hiragino Sans,Meiryo,sans-serif;font-size:3.5rem;color:#222;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center}.cat-text{font-family:Segoe UI,Hiragino Sans,Meiryo,sans-serif;font-size:3.5rem;color:#222;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.point-view{font-size:1.5rem;font-weight:700;margin:1.2rem 0;color:#e08c3c;background:#fffbe9cc;border-radius:8px;padding:.3em 1.2em;box-shadow:0 1px 4px #bfae8a22;display:inline-block}.feed-btn{background:#f7c873;color:#fff;font-size:1.1rem;border:none;border-radius:8px;padding:.7em 2.2em;margin-bottom:1.2rem;cursor:pointer;box-shadow:0 1px 4px #0001;transition:background .2s}.feed-btn:hover{background:#e08c3c}.desc{color:#888;font-size:.98rem;margin-top:.5rem}@media(max-width:480px){.cat-idle-app{max-width:98vw;background:#fffbe9cc;border-radius:8px;padding:.5em 1em;box-shadow:0 1px 4px #bfae8a22;display:inline-block;padding:1.2rem .2rem}.cat-img{width:90px;height:90px}.point-view{font-size:1.2rem}.feed-btn{font-size:1rem;padding:.6em 1.5em}}