:root{--cream:#fbf1df;--peach:#f6dcc0;--paper:#fffaf0;--ink:#3a2a1c;--muted:#7b6652;--red:#c8372d;--red-dark:#9c2a22;--wood:#b6844d;--line:#e7d3b4;--radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:linear-gradient(180deg, var(--peach) 0%, var(--cream) 55%);min-height:100dvh;color:var(--ink);flex-direction:column;margin:0;font-family:system-ui,-apple-system,Segoe UI,Hiragino Sans,sans-serif;line-height:1.45;display:flex}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-header{padding:calc(10px + env(safe-area-inset-top)) 16px 10px;justify-content:space-between;align-items:center;gap:12px;display:flex}.logo{color:var(--red);letter-spacing:-.01em;font-size:1.25rem;font-weight:800;text-decoration:none}.tabs{background:#ffffff8c;border-radius:999px;gap:4px;padding:3px;display:flex}.tab{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:40px;padding:8px 16px;font-weight:600}.tab[aria-selected=true]{background:var(--red);color:#fff}main{flex:1;width:100%;max-width:520px;margin:0 auto;padding:8px 16px 24px}.site-footer{text-align:center;color:var(--muted);padding:12px 16px calc(16px + env(safe-area-inset-bottom));font-size:.8rem}.site-footer p{margin:0}.today{text-align:center}.greeting{color:var(--red);margin:4px 0 0;font-size:2rem;font-weight:800}.date{color:var(--muted);margin:0 0 8px}.box-wrap{width:190px;margin:0 auto;position:relative}.torii{opacity:.35;pointer-events:none;z-index:0;position:absolute;inset:-30px -50px auto}.box{z-index:1;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:16px;width:190px;padding:0;display:block;position:relative}.box:focus-visible{outline:3px solid var(--red);outline-offset:4px}.box svg{pointer-events:none;width:100%;height:auto;display:block}.box .stick{transition:transform .2s}.hold-progress{z-index:1;background:#00000014;border-radius:3px;height:6px;position:absolute;bottom:-10px;left:10%;right:10%;overflow:hidden}.hold-progress:after{content:"";background:var(--red);width:0;height:100%;display:block}.box-wrap.holding .hold-progress:after{width:100%;transition:width .6s linear}.box-wrap.holding .box{transform:scale(.98)}.box-wrap.rattling .box{animation:.9s ease-in-out rattle}.box-wrap.rattling .stick{animation:.5s ease-out .6s forwards stick-out}@keyframes rattle{0%,to{transform:rotate(0)}10%{transform:rotate(-9deg)translateY(-6px)}25%{transform:rotate(8deg)translateY(2px)}40%{transform:rotate(-8deg)translateY(-5px)}55%{transform:rotate(7deg)translateY(2px)}70%{transform:rotate(-5deg)translateY(-3px)}85%{transform:rotate(3deg)}}@keyframes stick-out{to{transform:translateY(-26px)}}.hint{min-height:1.5em;color:var(--muted);margin:18px 0 8px}.link-btn{color:var(--red-dark);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;min-height:44px;padding:10px 12px;font-weight:600;text-decoration:underline}.link-btn:disabled{color:var(--muted);text-decoration:none}.primary-btn{background:var(--red);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:999px;min-height:48px;padding:12px 22px;font-weight:700}.primary-btn:hover{background:var(--red-dark)}.primary-btn:focus-visible,.link-btn:focus-visible,.tab:focus-visible{outline:3px solid var(--red);outline-offset:2px}.secondary-btn{border:2px solid var(--red);background:var(--paper);color:var(--red-dark);font:inherit;cursor:pointer;border-radius:999px;min-height:48px;padding:10px 22px;font-weight:700}.secondary-btn:hover{background:#fff}.secondary-btn:disabled{color:var(--muted);border-color:var(--line);cursor:default}.secondary-btn:focus-visible{outline:3px solid var(--red);outline-offset:2px}.shake-panel{flex-direction:column;align-items:center;gap:6px;margin-top:6px;display:flex}.shake-panel.leaving{pointer-events:none;animation:.35s ease-in forwards shake-leave}.shake-note{color:var(--muted);max-width:28ch;margin:0;font-size:.85rem}.shake-ready{color:var(--red-dark);margin:6px 0 0;font-weight:700;animation:.6s ease-out shake-ready-in}@keyframes shake-leave{to{opacity:0;transform:translateY(-10px)scale(.96)}}@keyframes shake-ready-in{0%{opacity:0;transform:translateY(8px)}50%{opacity:1;transform:translateY(0)rotate(-3deg)}70%{transform:rotate(3deg)}to{transform:rotate(0)}}.paper{text-align:left;background:var(--paper);border:1px solid var(--line);border-top:6px solid var(--red);border-radius:var(--radius);transform-origin:top;margin:8px 0 12px;padding:16px;box-shadow:0 6px 24px #5a32141f}.paper.animate{animation:.7s ease-out unroll}@keyframes unroll{0%{opacity:0;transform:scaleY(.2)}to{opacity:1;transform:scaleY(1)}}.step{margin:0 0 14px}.paper.animate:not(.skip) .step{opacity:0;animation:.5s ease-out forwards fade-in;animation-delay:calc(.5s + var(--i) * .35s)}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.guardian{align-items:center;gap:14px;display:flex}.guardian-art{object-fit:cover;object-position:top;border:2px solid var(--line);background:#eee;border-radius:12px;flex:none;width:96px;height:96px}.guardian-text{min-width:0}.badge{border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:700;display:inline-block}.badge-new{background:var(--red);color:#fff}.badge-back{color:var(--ink);background:#f2d6a5}.guardian-name{margin:4px 0 0;font-size:1.35rem;line-height:1.15}.guardian-series{color:var(--muted);margin:0;font-size:.9rem}.guardian-intro{margin:4px 0 0;font-size:.9rem;font-style:italic}.repeat-label{color:var(--muted);margin:0 0 4px;font-size:.85rem}.advice{border-left:4px solid var(--red);margin:0;padding-left:12px;font-size:1.2rem;font-weight:600;line-height:1.4}.luck{text-align:center;padding:8px 0}.luck-kanji{color:var(--red);font-family:Hiragino Mincho ProN,Yu Mincho,serif;font-size:3rem;font-weight:700;line-height:1.1;display:block}.luck-english{color:var(--muted);letter-spacing:.02em;font-weight:600;display:block}.comfort-line{background:#f3ecdc;border-radius:10px;margin:10px 0 0;padding:8px 12px;font-weight:600}.label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-right:4px;font-size:.75rem;font-weight:700}.theme,.item,.action{margin-top:0}.readings{gap:8px;margin:0 0 14px;display:grid}.readings dt{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.75rem;font-weight:700}.readings dd{margin:0}.paper-footer{text-align:center;margin-bottom:4px}.ending-note{color:var(--muted);margin:0;font-weight:600}.paper.folding{animation:.8s ease-in-out fold}.paper.tying{animation:.9s ease-in-out tie}@keyframes fold{50%{transform:scale(.97)rotate(-.6deg)}}@keyframes tie{40%{transform:translateY(6px)scale(.98)}70%{transform:translateY(-4px)rotate(.6deg)}}.tip-slot:empty{display:none}.inapp-tip{text-align:left;background:#fff4d6;border:1px solid #ecd28a;border-radius:12px;margin-bottom:12px;padding:10px 14px}.inapp-tip p{margin:0 0 2px}.tree{max-width:300px;margin:12px auto 0}.tree svg{width:100%;height:auto;display:block}.ribbon-new{animation:.8s ease-out .2s backwards ribbon-in}@keyframes ribbon-in{0%{opacity:0;transform:translateY(-14px)}}.knot{animation:.8s ease-out knot-in}@keyframes knot-in{0%{opacity:0}}.countdown{color:var(--muted);font-variant-numeric:tabular-nums;min-height:1.4em;margin:4px 0}.demo-bar{border:1px dashed var(--muted);color:var(--muted);background:#fff;border-radius:10px;margin-top:12px;padding:8px 12px;font-size:.85rem}@media (prefers-reduced-motion:reduce){.box-wrap.rattling .box{animation:.5s ease-in-out soft-fade}.box-wrap.rattling .stick{animation:none}.paper.animate{animation:.4s ease-out soft-fade}.paper.animate:not(.skip) .step{animation:.3s ease-out forwards soft-fade;animation-delay:calc(var(--i) * 80ms)}.paper.folding,.paper.tying,.ribbon-new,.knot{animation:.4s ease-out soft-fade}.box-wrap.holding .hold-progress:after{transition:none}.shake-panel.leaving{animation:.15s ease-in forwards shake-leave-fade}.shake-ready{animation:.3s ease-out soft-fade}}@keyframes shake-leave-fade{to{opacity:0}}@keyframes soft-fade{0%{opacity:0}to{opacity:1}}.share-note{color:var(--muted);min-height:1.2em;margin:0;font-size:.85rem}.share-bar{flex-direction:column;align-items:center;gap:10px;margin-top:6px;display:flex}.share-manual{width:100%;max-width:32ch;font:inherit;border:1px solid var(--line);color:var(--ink);resize:none;background:#fff;border-radius:10px;padding:8px;font-size:.85rem}.share-manual[hidden]{display:none}.share-title{color:var(--red-dark);margin:0;font-weight:700}.share-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.share-icon-btn{background:var(--brand-bg,#fff);width:44px;height:44px;color:var(--ink);cursor:pointer;box-shadow:0 1px 0 var(--line);border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;text-decoration:none;display:inline-flex}.share-icon{color:#fff;background:var(--brand);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.share-icon-btn:hover .share-icon{filter:brightness(1.1)}.share-icon-btn:disabled{opacity:.5;cursor:default}.share-icon-btn:focus-visible{outline:3px solid var(--red);outline-offset:2px}.paper-footer{flex-direction:column;align-items:center;gap:2px;display:flex}.book-title{color:var(--red);text-align:center;margin:4px 0 0;font-size:1.6rem}.book{text-align:left}.book .date{text-align:center}.book-page{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:12px;padding:14px}.book-page.unmet{opacity:.75;align-items:center;gap:12px;display:flex}.book-page-head{align-items:flex-start;gap:12px;display:flex}.book-page .guardian-art{width:72px;height:72px}.silhouette{filter:brightness(0)opacity(.35)}.book-name{margin:0;font-size:1.1rem}.book-sub{color:var(--muted);margin:0;font-size:.85rem}.book-count{color:var(--red-dark);margin:4px 0 0;font-size:.85rem;font-weight:700}.book-entries{gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.book-entry{border-top:1px solid var(--line);padding-top:8px}.book-entry-head{color:var(--muted);justify-content:space-between;gap:8px;font-size:.85rem;font-weight:600;display:flex}.book-advice{margin:4px 0 0;font-weight:600}.book-theme{color:var(--muted);margin:2px 0 0;font-size:.8rem}