:root{--pp-100: #f3e8ff;--pp-200: #dec5fa;--pp-300: #b89def;--pp-500: #7c5dcf;--pp-700: #3d2778;--pp-900: #1a0f3d;--gold: #d4a017;--gold-soft: #f0c75e;--gold-pale: #fde9b6;--pink-50: #fff5f8;--pink-100: #ffe1ec;--pink-200: #ffc4d8;--pink-300: #ffa3c1;--pink-500: #e76590;--bg-page: #fff8fc;--paper: #fffdf9;--ink: #3d2778;--ink-mid: #5d4d80;--ink-light: #9b8db5;--rule: rgba(222, 197, 250, .55);--seal: #c9476f}*{box-sizing:border-box}html,body{margin:0;padding:0}body.bbs{font-family:Klee One,"Noto Serif JP",serif;color:var(--ink);line-height:1.9;font-feature-settings:"palt";-webkit-font-smoothing:antialiased;background:radial-gradient(1200px 500px at 85% -10%,rgba(255,196,216,.35),transparent 60%),radial-gradient(900px 400px at -10% 30%,rgba(222,197,250,.3),transparent 60%),var(--bg-page)}.bbs a{color:var(--pink-500)}.bbs-wrap{max-width:780px;margin:0 auto;padding:0 16px}.bbs-mincho{font-family:Shippori Mincho,serif}.bbs-hero{padding:48px 0 28px;position:relative}.bbs-crumb{font-size:12px;color:var(--ink-mid);letter-spacing:.05em;margin:0 0 14px}.bbs-crumb a{text-decoration:none}.bbs-script{font-family:Sacramento,cursive;font-size:30px;color:var(--pink-300);margin:0;line-height:1}.bbs-h1{font-family:Shippori Mincho,serif;font-weight:800;font-size:clamp(24px,5vw,36px);line-height:1.45;margin:6px 0 12px;color:var(--pp-900);letter-spacing:.02em}.bbs-lead{color:var(--ink-mid);font-size:14.5px;margin:0;max-width:34em}.seals{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none}.seal{display:inline-flex;align-items:center;gap:6px;padding:6px 14px 6px 8px;border-radius:999px;text-decoration:none;font-size:13px;color:var(--ink)!important;background:#ffffffbf;border:1px solid var(--pink-200);transition:transform .2s,background .2s}.seal:before{content:"";width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e87a9c,var(--seal) 60%,#9c2f52);box-shadow:inset 0 0 0 2px #ffffff40}.seal:hover{transform:translateY(-2px);background:#fff}.seal[aria-current=page]{background:var(--pp-700);color:#fff!important;border-color:var(--pp-700)}.seal .n{font-size:11px;opacity:.65}.letters{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:18px}.letter{position:relative;display:block;text-decoration:none;color:var(--ink)!important;background:var(--paper);border-radius:4px 18px;padding:22px 24px 18px 28px;box-shadow:0 1px #3d27780f,0 14px 30px -18px #3d277859;border-left:3px solid var(--pink-200);transition:transform .25s ease,box-shadow .25s ease;animation:rise .5s both}.letters li:nth-child(2) .letter{animation-delay:.05s}.letters li:nth-child(3) .letter{animation-delay:.1s}.letters li:nth-child(4) .letter{animation-delay:.15s}.letters li:nth-child(n+5) .letter{animation-delay:.2s}.letter:hover{transform:translateY(-3px) rotate(-.3deg);box-shadow:0 1px #3d27780f,0 22px 36px -18px #3d277873}.letter-tag{font-size:11px;letter-spacing:.12em;color:var(--seal)}.letter-title{display:block;font-family:Shippori Mincho,serif;font-weight:700;font-size:17px;line-height:1.6;margin:2px 0 6px;color:var(--pp-900)}.letter-body{display:block;font-size:13.5px;color:var(--ink-mid);line-height:2}.letter-meta{display:flex;gap:14px;margin-top:8px;font-size:11.5px;color:var(--ink-light)}.letter-meta .count{color:var(--pink-500)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.empty{margin:28px 0 0;padding:28px;text-align:center;color:var(--ink-mid);background:#fff9;border:1px dashed var(--pink-200);border-radius:16px;font-size:14px}.bbs-h2{font-family:Shippori Mincho,serif;font-size:19px;font-weight:700;color:var(--pp-900);margin:44px 0 4px;display:flex;align-items:center;gap:10px}.bbs-h2:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--pink-200),transparent)}.pr-box{margin:36px 0 0;padding:20px;border-radius:18px;background:linear-gradient(135deg,#fff 0%,var(--pink-50) 100%);border:1px solid var(--pink-100)}.pr-head{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:13.5px;color:var(--ink-mid)}.pr-head img{width:36px;height:36px;border-radius:50%}.pr-label{font-size:10px;letter-spacing:.1em;color:var(--ink-light);border:1px solid var(--pp-200);border-radius:4px;padding:0 5px;margin-left:auto;white-space:nowrap}.pr-cards{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.pr-card{display:flex;gap:12px;align-items:center;padding:12px;background:#fff;border-radius:14px;text-decoration:none;color:var(--ink)!important;border:1px solid var(--pp-100);transition:transform .2s,border-color .2s}.pr-card:hover{transform:translateY(-2px);border-color:var(--pink-300)}.pr-card img{width:56px;height:56px;border-radius:10px;object-fit:cover;flex-shrink:0}.pr-name{display:block;font-family:Shippori Mincho,serif;font-weight:700;font-size:14.5px;line-height:1.5}.pr-bonus{display:inline-block;font-size:12px;font-weight:600;color:#8a5a00;background:var(--gold-pale);border-radius:4px;padding:0 6px;margin:2px 0}.pr-meta{display:block;font-size:11px;color:var(--ink-light);line-height:1.6}.pr-note{margin:10px 0 0;font-size:10.5px;color:var(--ink-light);text-align:right}.compose{margin:32px 0 0;border-radius:20px;background:#fffc;border:1px solid var(--pp-100);box-shadow:0 18px 40px -28px #3d277880;overflow:hidden}.compose>summary{list-style:none;cursor:pointer;padding:18px 22px;display:flex;align-items:center;gap:12px;font-family:Shippori Mincho,serif;font-weight:700;font-size:16px;color:var(--pp-900)}.compose>summary::-webkit-details-marker{display:none}.compose>summary .quill{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--pp-700);color:#fff;font-size:16px}.compose>summary .hint{margin-left:auto;font-family:Klee One,serif;font-weight:400;font-size:12px;color:var(--ink-light)}.compose[open]>summary{border-bottom:1px solid var(--pp-100)}.bbs-form{padding:18px 22px 22px;display:grid;gap:14px}.bbs-form label{display:grid;gap:4px;font-size:13px;color:var(--ink-mid)}.bbs-form input[type=text],.bbs-form select,.bbs-form textarea{font:inherit;font-size:15px;color:var(--ink);width:100%;border:1px solid var(--pp-200);border-radius:10px;padding:10px 12px;background:#fff}.bbs-form textarea{min-height:190px;resize:vertical;line-height:32px;padding-top:4px;background:repeating-linear-gradient(to bottom,transparent 0 31px,var(--rule) 31px 32px),var(--paper);background-attachment:local}.bbs-form input:focus,.bbs-form select:focus,.bbs-form textarea:focus{outline:2px solid var(--pink-300);outline-offset:1px}.bbs-form .row{display:grid;gap:14px;grid-template-columns:1fr 1fr}.bbs-form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.bbs-form .agree{display:flex;gap:8px;align-items:flex-start;font-size:12.5px}.bbs-form .agree input{margin-top:6px}.bbs-form .caution{margin:0;font-size:12px;color:var(--ink-light);line-height:1.8}.bbs-form button{justify-self:start;font:inherit;font-family:Shippori Mincho,serif;font-weight:700;font-size:15px;color:#fff;background:linear-gradient(135deg,var(--pp-700),var(--pink-500));border:0;border-radius:999px;padding:12px 30px;cursor:pointer;box-shadow:0 10px 20px -10px #e76590cc}.bbs-form button:disabled{opacity:.5;cursor:wait}.form-msg{margin:0;font-size:13.5px;padding:10px 14px;border-radius:10px}.form-msg.ok{background:#effaf3;color:#256b43}.form-msg.ng{background:#fff0f3;color:#b0284f}.form-msg:empty{display:none}.lifeline{margin:40px 0 0;padding:16px 18px;border-radius:14px;background:#f7f4ff;font-size:12.5px;color:var(--ink-mid);line-height:1.9}.lifeline strong{color:var(--pp-900)}.lifeline ul{margin:6px 0 0;padding-left:1.2em}.bbs-footer{margin-top:64px;padding:28px 16px 40px;text-align:center;font-size:12px;color:var(--ink-light);background:#ffffff80}.bbs-footer p{margin:4px 0}.bbs-footer a{color:var(--ink-mid)}@media(max-width:560px){.bbs-form .row{grid-template-columns:1fr}.letter{padding:18px 18px 14px 20px}.compose>summary .hint{display:none}}@media(prefers-reduced-motion:reduce){.letter,.seal,.pr-card{animation:none;transition:none}}