:root{--accent:#b0322a;--ink:#2a251f;--ink-soft:#6b6055;--line:#e3d4c4}body{color:var(--ink);background:#ede6da;margin:0;font-family:Zen Kaku Gothic New,Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic UI,Yu Gothic,Meiryo,Noto Sans JP,system-ui,sans-serif;line-height:1.7}.font-display{font-family:Shippori Mincho B1,Hiragino Mincho ProN,Yu Mincho,Noto Serif JP,serif}.logo-mark{border-radius:.6rem;flex:none;width:2.2rem;height:2.2rem;display:block}.sheet{background:repeating-linear-gradient(0deg,#0000 0 27px,#2a251f08 27px 28px),#f7f1e8;max-width:66rem;min-height:100vh;margin:0 auto;display:grid}@media (min-width:1024px){.sheet{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}.masthead{border-top:3px solid var(--ink);border-bottom:3px double var(--ink);grid-column:1/-1;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 1rem;display:flex}.masthead a{color:inherit;align-items:center;gap:.55rem;text-decoration:none;display:flex}.masthead strong{letter-spacing:.06em;font-size:1.05rem}.masthead span{color:var(--ink-soft);letter-spacing:.14em;text-align:right;font-size:.72rem}.sheet__left{border-right:1px solid var(--line);flex-direction:column;justify-content:flex-start;gap:1.75rem;padding:2.5rem 2.75rem 3rem;display:flex}@media (min-width:1024px){.sheet__left{justify-content:center;min-height:calc(100vh - 3.4rem);padding:2.75rem 2.5rem 3rem}}.sheet__right{justify-content:center;align-items:center;padding:2.5rem 1.5rem 4rem;display:flex}.field{border:1px solid var(--line);min-height:3rem;font:inherit;color:var(--ink);box-sizing:border-box;background:#fffdfb;border-radius:.5rem;width:100%;padding:0 .95rem;transition:border-color .15s,box-shadow .15s}.field:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #b0322a1f}.google-btn{border:1px solid var(--line);min-height:3rem;color:var(--ink);background:#fffdfb;border-radius:.5rem;justify-content:center;align-items:center;gap:.6rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.google-btn:hover{border-color:var(--ink-soft);background:#fff}.google-btn:before{content:"G";color:#4285f4;border-radius:50%;place-items:center;width:1.4rem;height:1.4rem;font-size:1.05rem;font-weight:900;display:grid}.submit-btn{background:var(--accent);color:#fff;min-height:3rem;font:inherit;cursor:pointer;box-shadow:4px 4px 0 var(--ink);border:0;border-radius:2px;font-size:.95rem;font-weight:800;transition:transform .12s,box-shadow .12s}.submit-btn:hover{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.kicker{border-bottom:2px solid var(--accent);color:var(--ink-soft);letter-spacing:.22em;margin:0;padding-bottom:.3rem;font-size:.75rem;font-weight:800;display:inline-block}.headline em{-webkit-text-emphasis:filled dot var(--accent);text-emphasis:filled dot var(--accent);font-style:normal}.lead{max-width:24rem;color:var(--ink-soft);line-height:2}.mock-frame{border:1px solid var(--line);background:#fffdfb;width:100%;max-width:24rem;padding:1rem;transform:rotate(-1.2deg);box-shadow:10px 12px #2a251f1f}.mock{color:var(--ink);background:#fffdfb;border:1px solid #e3d4c4;font-size:.88rem}.mock__head{border-bottom:2px dashed #e3d4c4;justify-content:space-between;align-items:center;padding:.8rem .9rem;display:flex}.mock__head strong{font-size:1.05rem}.mock__lang{border:1px solid color-mix(in srgb, var(--accent) 65%, white);color:var(--accent);background:#fff;border-radius:999px;padding:.22rem .65rem;font-size:.75rem;font-weight:700}.mock__tabs{border-bottom:1px dashed #e3d4c4;flex-wrap:wrap;gap:.45rem;padding:.65rem .9rem .75rem;display:flex}.mock__tab{color:#6b6055;background:#fff;border:1px solid #eee7e2;border-radius:999px;padding:.32rem .8rem;font-size:.8rem;font-weight:700}.mock__tab.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.mock__items{gap:.55rem;padding:.85rem .9rem;display:grid}.mock__item{background:#fff;border:1px solid #e3d4c4;border-radius:2px;justify-content:space-between;align-items:center;gap:.55rem;padding:.7rem .75rem;display:flex;box-shadow:2px 2px #2a251f12}.mock__item strong{font-size:.88rem;font-weight:700;line-height:1.35}.mock__item .price{color:var(--accent);white-space:nowrap;margin-left:auto;font-size:.88rem;font-weight:800}.mock__item .add{background:var(--accent);color:#fff;border-radius:2px;flex:none;place-items:center;width:1.65rem;height:1.65rem;font-size:1.05rem;font-weight:900;display:grid}.mock__cart{border-top:2px dashed #e3d4c4;justify-content:space-between;align-items:center;gap:.55rem;padding:.85rem .9rem;display:flex}.mock__cart span{color:#6b6055;font-size:.8rem}.mock__cart b{font-size:.98rem}.mock__cart button{background:var(--accent);color:#fff;border:0;border-radius:2px;padding:.55rem 1rem;font-size:.82rem;font-weight:800;box-shadow:2px 2px #2a251f2e}.photo-caption{color:var(--ink-soft);align-items:baseline;gap:.7rem;margin-top:1.35rem;font-size:.8rem;display:flex}.photo-caption:before{content:"◆";color:var(--accent);font-size:.55rem}.merit{border-bottom:1px dashed var(--line);align-items:baseline;gap:.9rem;padding:.8rem 0;display:flex}.merit:last-child{border-bottom:0}.merit dt{border:1.5px solid var(--accent);width:1.9rem;height:1.9rem;color:var(--accent);flex:none;place-items:center;font-size:.68rem;font-weight:800;display:grid;transform:rotate(-6deg)}.merit dd{margin:0}.merit strong{font-size:.9rem;display:block}.merit span{color:var(--ink-soft);margin-top:.1rem;font-size:.74rem;display:block}body.auth-google{background:#fff}.auth-google .logo-mark{border-radius:.7rem;width:2.4rem;height:2.4rem}.auth-google .field{background:#fff;border-radius:.85rem;padding:0 1rem;transition:none}
