:root{--bg:#f4eddd;--paper:#fffdf4;--ink:#33302a;--ink-faint:#8a8272;--accent:#c73e3a;--accent-deep:#9e2b28;--gold:#a8842c;--indigo:#2a3550;--border:#ddd2b8;--shadow:0 4px 20px #503c141f}@media (prefers-color-scheme:dark){:root{--bg:#161a29;--paper:#212639;--ink:#e9e1cc;--ink-faint:#9a94a8;--accent:#e0605c;--accent-deep:#c74844;--gold:#d4af5a;--indigo:#a9b6d8;--border:#383e58;--shadow:0 4px 24px #00000073}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);letter-spacing:.04em;margin:0;font-family:Yu Mincho,YuMincho,Hiragino Mincho ProN,Noto Serif JP,serif;line-height:1.8}#root{min-height:100dvh}.site{flex-direction:column;min-height:100dvh;display:flex}a{color:var(--accent)}button{letter-spacing:inherit;cursor:pointer;font-family:inherit}.site-header{text-align:center;padding:2.2rem 1rem 1.2rem;position:relative}.noren{gap:6px;height:14px;padding:0 4px;display:flex;position:absolute;inset:0 0 auto}.noren span{background:var(--accent);opacity:.85;border-radius:0 0 6px 6px;flex:1}.noren span:nth-child(2n){background:var(--indigo);height:11px}.site-title{color:var(--ink);text-decoration:none;display:inline-block}.title-main{letter-spacing:.35em;text-indent:.35em;color:var(--ink);font-size:2.6rem;font-weight:600;display:block}.title-sub{color:var(--ink-faint);letter-spacing:.2em;font-size:.8rem;display:block}.site-nav{justify-content:center;gap:1.4rem;margin-top:.8rem;font-size:.9rem;display:flex}.site-nav a{color:var(--ink);border-bottom:2px solid #0000;padding-bottom:2px;text-decoration:none}.site-nav a[aria-current]{border-bottom-color:var(--accent);color:var(--accent)}.demo-banner{text-align:center;max-width:640px;color:var(--ink-faint);border:1px dashed var(--border);border-radius:8px;margin:0 auto;padding:.4rem .8rem;font-size:.78rem}.site-main{flex:1;width:100%;max-width:640px;margin:0 auto;padding:1.2rem 1.2rem 3rem}.view-title{text-align:center;letter-spacing:.3em;text-indent:.3em;margin:1rem 0 .4rem;font-size:1.6rem;font-weight:600}.view-title:after{content:"";background:linear-gradient(90deg, var(--accent), var(--gold));border-radius:2px;width:46px;height:3px;margin:.5rem auto 0;display:block}.view-lead{text-align:center;color:var(--ink-faint);margin-bottom:2rem;font-size:.92rem}.hero{text-align:center}.hero-lanterns{width:min(320px,80%);margin:0 auto;display:block}.sway{transform-origin:top;animation:4.5s ease-in-out infinite sway}.sway.s2{animation-delay:-1.6s}.sway.s3{animation-delay:-3.1s}@keyframes sway{0%,to{transform:rotate(2.2deg)}50%{transform:rotate(-2.2deg)}}.hero-copy{margin:1.4rem 0 2.2rem;font-size:1rem}.hero-copy strong{color:var(--accent);font-weight:600}.door-list{flex-direction:column;gap:1rem;display:flex}.door{background:var(--paper);border:1px solid var(--border);color:var(--ink);box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:1rem;padding:1.1rem 1.2rem;text-decoration:none;transition:transform .18s,border-color .18s;display:flex}.door:hover{border-color:var(--accent);transform:translateY(-3px)}.door-mark{border:2px solid var(--accent);width:54px;height:54px;color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;font-size:1.5rem;font-weight:600;display:grid}.door-body{flex-direction:column;min-width:0;display:flex}.door-kana{color:var(--gold);letter-spacing:.25em;font-size:.7rem}.door-title{font-size:1.15rem;font-weight:600}.door-desc{color:var(--ink-faint);font-size:.82rem}.door-arrow{color:var(--accent);margin-left:auto;font-size:1.2rem}.home-note{text-align:center;color:var(--ink-faint);margin-top:2rem;font-size:.8rem}.omikuji-stage{place-items:center;padding:1.5rem 0 2.5rem;display:grid}.envelope{color:var(--ink);background:0 0;border:none;flex-direction:column;align-items:center;gap:.8rem;display:flex}.envelope-svg{filter:drop-shadow(0 6px 14px #50281440);width:170px;transition:transform .25s;animation:3s ease-in-out infinite breathe}.envelope:hover .envelope-svg{transform:translateY(-6px)rotate(-2deg)}@keyframes breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.envelope-label{letter-spacing:.3em;text-indent:.3em;border-bottom:1px solid var(--gold);padding-bottom:2px;font-size:1rem}.mood{text-align:center;color:var(--gold);margin-bottom:1.2rem;font-size:1.02rem}.revisit-note,.comeback{text-align:center;color:var(--ink-faint);font-size:.85rem}.comeback{margin-top:1.6rem}.lantern-loading{color:var(--ink-faint);flex-direction:column;align-items:center;gap:.6rem;padding:2.5rem 0;font-size:.9rem;display:flex}.lantern{background:radial-gradient(circle at 50% 42%, var(--gold), var(--accent) 75%);width:44px;height:56px;box-shadow:0 0 26px 4px color-mix(in srgb, var(--gold) 55%, transparent);border-radius:50%/46%;animation:1.4s ease-in-out infinite glow}@keyframes glow{0%,to{opacity:.75;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}.item-card{background:var(--paper);border:1px solid var(--border);box-shadow:var(--shadow);text-align:center;border-radius:14px;padding:1.4rem 1.3rem 1.2rem;position:relative}.rise{animation:.55s cubic-bezier(.22,1,.36,1) both rise}@keyframes rise{0%{opacity:0;transform:translateY(22px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.greeting{color:var(--ink-faint);margin:0 0 1rem;font-size:.92rem}.stamp{background:var(--accent);color:#fff8ee;letter-spacing:.08em;border:2px solid color-mix(in srgb, #fff 35%, var(--accent));border-radius:50%;place-items:center;width:58px;height:58px;font-size:1.05rem;font-weight:600;display:grid;position:absolute;top:-14px;right:14px;transform:rotate(8deg);box-shadow:0 3px 10px #96281e66}.item-image{aspect-ratio:1;background:var(--bg);border:1px solid var(--border);border-radius:10px;width:min(260px,70vw);margin:0 auto 1rem;overflow:hidden}.item-image img{object-fit:cover;width:100%;height:100%}.item-name{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 .6rem;font-size:1rem;font-weight:600;display:-webkit-box;overflow:hidden}.stamp-message{color:var(--ink-faint);margin:0 0 .9rem;font-size:.85rem}.item-meta{justify-content:center;align-items:baseline;gap:1rem;margin-bottom:1rem;display:flex}.item-price{color:var(--accent);font-size:1.5rem;font-weight:600}.item-price .yen{margin-left:2px;font-size:.9rem}.item-shop{color:var(--ink-faint);white-space:nowrap;text-overflow:ellipsis;max-width:12em;font-size:.75rem;overflow:hidden}.item-cta{background:linear-gradient(135deg, var(--accent), var(--accent-deep));color:#fff8ee;letter-spacing:.12em;border-radius:999px;padding:.7rem 2.2rem;font-size:1rem;text-decoration:none;transition:transform .15s;display:inline-block;box-shadow:0 4px 14px #a0322859}.item-cta:hover{transform:translateY(-2px)}.pr-note{color:var(--ink-faint);margin:.7rem 0 0;font-size:.68rem}.musubi-question{text-align:center}.question-count{color:var(--gold);letter-spacing:.5em;font-size:.8rem}.question-text{margin:.4rem 0 1.4rem;font-size:1.2rem;font-weight:600}.option-list{flex-direction:column;gap:.8rem;display:flex}.option-button{background:var(--paper);border:1px solid var(--border);color:var(--ink);box-shadow:var(--shadow);border-radius:10px;padding:.95rem 1rem;font-size:1rem;transition:border-color .15s,transform .15s}.option-button:hover{border-color:var(--accent);transform:translateY(-2px)}.result-actions{flex-direction:column;align-items:center;gap:.7rem;margin-top:1.4rem;display:flex}.share-button{border:1.5px solid var(--indigo);color:var(--indigo);background:var(--paper);border-radius:999px;padding:.5rem 1.6rem;font-size:.9rem;text-decoration:none;display:inline-block}.share-button:hover{border-color:var(--accent);color:var(--accent)}.sozoro-stage{place-items:center;padding:2rem 0;display:grid}.walk-button{background:var(--paper);border:2px solid var(--accent);color:var(--accent);letter-spacing:.18em;box-shadow:var(--shadow);border-radius:999px;padding:.85rem 2.4rem;font-size:1.05rem;transition:background .15s,color .15s,transform .15s}.walk-button:hover{background:var(--accent);color:#fff8ee;transform:translateY(-2px)}.stroll-path{text-align:center;color:var(--gold);margin-bottom:1rem;font-size:.9rem}.walk-count{color:var(--ink-faint);margin:0;font-size:.78rem}.notice{text-align:center;color:var(--ink-faint);padding:2rem 0}.text-button{color:var(--accent);background:0 0;border:none;margin-left:.5em;font-size:.9rem;text-decoration:underline}.site-footer{border-top:1px solid var(--border);text-align:center;color:var(--ink-faint);padding:1.6rem 1rem 2rem;font-size:.75rem}.site-footer p{margin:.25rem 0}.site-footer .credit{color:var(--gold)}.site-footer nav{margin:.5rem 0}.copyright{letter-spacing:.15em}.about-body{font-size:.92rem}.about-body h3{color:var(--accent);margin:1.8rem 0 .4rem;font-size:1.05rem}.about-body .credit{text-align:center;color:var(--gold);margin-top:2rem}@media (prefers-reduced-motion:reduce){.sway,.envelope-svg,.lantern{animation:none}.rise{animation-duration:10ms}}