:root{--bg: #f3f7fb;--bg-2: #e4eef8;--surface: #ffffff;--surface-2: #eef5fb;--text: #1e2433;--muted: #5a6578;--accent: #2f8f9a;--accent-2: #5b6fd6;--accent-3: #3ecfaf;--accent-hover: #247a84;--border: #d5e2ef;--shadow: 0 10px 30px rgba(40, 70, 110, .08);--shadow-lift: 0 18px 40px rgba(40, 70, 110, .14);--glow: 0 0 0 4px rgba(47, 143, 154, .18);--radius: 20px;--radius-sm: 14px;--font: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", system-ui, sans-serif;--max: 980px;--board-stripe: linear-gradient(90deg, #2f8f9a, #5b6fd6 55%, #7c8cf0)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font);color:var(--text);line-height:1.75;display:flex;flex-direction:column;background:radial-gradient(900px 500px at 8% -8%,rgba(120,190,210,.35),transparent 58%),radial-gradient(700px 420px at 96% 4%,rgba(140,160,230,.32),transparent 55%),radial-gradient(800px 480px at 78% 100%,rgba(90,170,180,.2),transparent 55%),linear-gradient(180deg,var(--bg) 0%,#eaf1f8 52%,#e8eef8 100%);background-attachment:fixed}a{color:var(--accent);text-decoration:none;transition:color .15s ease}a:hover{color:var(--accent-hover)}img{max-width:100%;height:auto;display:block}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(180,200,220,.65);background:#f3f7fbe0;-webkit-backdrop-filter:blur(12px) saturate(1.15);backdrop-filter:blur(12px) saturate(1.15);box-shadow:inset 0 3px 0 0 transparent}.site-header:before{content:"";display:block;height:3px;background:var(--board-stripe)}.site-header__inner,.site-footer__inner,.container{width:min(100% - 2rem,var(--max));margin-inline:auto}.site-header__inner{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;gap:1rem}.logo{display:inline-flex;align-items:center;gap:.65rem;color:var(--text);font-weight:800;font-size:1.15rem;letter-spacing:.02em}.logo:hover{color:var(--text)}.logo__img{width:40px;height:40px;border-radius:50%;box-shadow:0 4px 12px #5a321e26;transition:transform .25s ease}.logo:hover .logo__img{transform:rotate(-6deg) scale(1.05)}.site-badge{display:inline-flex;align-items:center;margin-left:.15rem;padding:.15rem .55rem;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.04em;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 4px 12px #2f8f9a47;vertical-align:middle}.logo .site-badge{margin-left:.35rem}.nav{display:flex;gap:.35rem;flex-wrap:wrap}.nav a{color:var(--muted);font-size:.9rem;font-weight:600;padding:.4rem .75rem;border-radius:999px;transition:background .15s ease,color .15s ease}.nav a:hover{color:var(--text);background:#ffffffc7}.nav a[aria-current=page]{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 6px 16px #2f8f9a47}main{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.8rem 1.45rem;border-radius:999px;font-weight:800;font-size:.95rem;border:none;cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease}.btn--primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;width:fit-content;box-shadow:0 10px 22px #2f8f9a4d}.btn--primary:hover{color:#fff;transform:translateY(-2px) scale(1.02);box-shadow:0 14px 28px #5b6fd659}.btn--ghost{background:#ffffffc7;color:var(--muted);border:1px solid var(--border)}.btn--ghost:hover{color:var(--text);border-color:#b8cce0;background:#fff}.page{padding:2.25rem 0 4rem}.page h1{margin:0 0 .75rem;font-size:clamp(1.7rem,4vw,2.1rem);font-weight:900;letter-spacing:.02em}.page>.container>p:first-of-type{margin-top:0}.page h2{margin:2rem 0 .75rem;font-size:1.15rem;font-weight:800}.page p,.page li{color:var(--muted)}.page ul{padding-left:1.25rem}.contact-box p{margin-top:0}.contact-lead{margin:0;font-size:1.05rem}.contact-note{margin:0;color:var(--muted);font-size:.92rem}.faq{display:grid;gap:.55rem;margin:.25rem 0 .15rem}.faq h2{margin:0 0 .35rem;font-size:1.15rem;font-weight:800}.faq details{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.15rem .95rem}.faq details[open]{padding-bottom:.75rem}.faq summary{cursor:pointer;list-style:none;font-weight:800;font-size:.95rem;padding:.75rem 0;color:var(--text)}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:"▸";display:inline-block;margin-right:.45rem;color:var(--accent-2);transition:transform .15s ease}.faq details[open] summary:before{transform:rotate(90deg)}.faq details p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.75}.faq__foot{margin:.35rem 0 0!important;font-size:.9rem;color:var(--muted)}.faq-link{margin:.35rem 0 0;font-size:.92rem;font-weight:700}.contact-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-top:.25rem}.card-list{display:grid;gap:1rem;margin-top:1.25rem}.card-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.note{font-size:.8rem;margin:0;color:var(--muted)}.breadcrumb{font-size:.85rem;color:var(--muted);margin:0 0 1rem;font-weight:600}.status-ready{font-size:1.4rem;font-weight:900;color:var(--text);margin:0 0 .5rem;background:linear-gradient(120deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.site-footer{border-top:1px solid rgba(240,220,200,.8);padding:1.5rem 0;margin-top:auto;background:#ffffff73}.site-footer__inner{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;justify-content:space-between;align-items:center;color:var(--muted);font-size:.85rem;font-weight:600}.site-footer nav{display:flex;gap:1rem}.site-footer a{color:var(--muted)}.site-footer a:hover{color:var(--text)}@media(max-width:720px){.site-header__inner{flex-direction:column;align-items:flex-start}.nav{gap:.25rem}.nav a{font-size:.82rem;padding:.35rem .6rem}}@media(prefers-reduced-motion:reduce){.btn{transition:none}}.board-hero{margin-bottom:1.25rem}.board-hero__lead{margin:.4rem 0 0;color:var(--muted);max-width:36rem}.board-banner{border-radius:var(--radius-sm);padding:1rem 1.15rem;margin-bottom:1.25rem;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.board-banner strong{display:block;margin-bottom:.35rem;font-weight:800}.board-banner p{margin:0;color:var(--muted);font-size:.95rem}.board-banner--setup{background:linear-gradient(135deg,#fff8e8,#ffeef5);border-color:#f0d4b0}.board-banner--error{background:#fff5f5;border-color:#f5c4c8}.board-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.35rem 1.45rem;box-shadow:var(--shadow);margin-bottom:1.35rem}.board-panel h2{margin:0 0 1rem;font-size:1.15rem}.board-form{display:grid;gap:.9rem}.board-field{display:grid;gap:.35rem;font-weight:700;font-size:.88rem;color:var(--muted)}.board-field input,.board-field textarea{width:100%;font:inherit;font-weight:500;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:.7rem .85rem;resize:vertical;transition:border-color .15s ease,box-shadow .15s ease}.board-field input:focus,.board-field textarea:focus{outline:none;border-color:#f0a8b8;box-shadow:var(--glow);background:#fff}.board-form__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.board-form__status{margin:0;font-size:.9rem;color:var(--muted);font-weight:600}.board-empty{margin:0;color:var(--muted);padding:.5rem 0 .25rem}.board-thread-list{display:grid;gap:.65rem}.board-thread{display:grid;gap:.25rem;padding:.95rem 1.05rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.board-thread:hover{color:var(--text);transform:translateY(-2px);border-color:#b8cce0;box-shadow:var(--shadow)}.board-thread__title{font-weight:800;font-size:1.02rem;line-height:1.45}.board-thread__meta{display:flex;flex-wrap:wrap;gap:.35rem;font-size:.82rem;color:var(--muted);font-weight:600}.board-thread-head{margin-bottom:1.1rem}.board-thread-head h1{margin-bottom:.35rem}.board-thread-head__meta{margin:0;color:var(--muted);font-size:.9rem;font-weight:600;display:flex;flex-wrap:wrap;gap:.35rem}.board-post-list{display:grid;gap:.85rem;margin-bottom:1.35rem}.board-post{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem 1.1rem;box-shadow:var(--shadow)}.board-post__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-bottom:.55rem;font-size:.85rem}.board-post__no{font-weight:800;color:var(--accent-2);font-variant-numeric:tabular-nums}.board-post__nick{font-weight:800;color:var(--text)}.board-post__time{color:var(--muted);font-weight:600;margin-left:auto}.board-post__body{color:var(--text);white-space:pre-wrap;word-break:break-word;line-height:1.7}.board-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.25rem}.board-chip{font:inherit;font-size:.88rem;font-weight:700;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:.4rem .9rem;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease}.board-chip:hover{color:var(--text);border-color:#b8cce0;background:#fff}.board-chip.is-active{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--accent-2),#9b8cff);box-shadow:0 6px 16px #7c6cf047}.board-thread__tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.15rem}.board-tag{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.02em;color:var(--accent-2);background:#7c6cf01f;border-radius:999px;padding:.15rem .55rem}.board-hero__hub{margin:.85rem 0 0}.board-field select{width:100%;font:inherit;font-weight:500;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:.7rem .85rem;transition:border-color .15s ease,box-shadow .15s ease}.board-field select:focus{outline:none;border-color:#f0a8b8;box-shadow:var(--glow);background:#fff}.board-cta{margin:1.5rem 0 1rem;padding:1.25rem 1.35rem;background:linear-gradient(135deg,#fff8f1,#f3efff);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.board-cta h2{margin:0 0 .4rem;font-size:1.15rem}.board-cta p{margin:0 0 .9rem;color:var(--muted)}.board-cta__actions{display:flex;flex-wrap:wrap;gap:.65rem}.hub-card:nth-child(6):after{background:radial-gradient(circle,rgba(124,108,240,.22),transparent 70%)}.hub-card:nth-child(6) .hub-card__icon{color:#6a5ce0;background:#7c6cf024}.board-nick-row{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.board-nick-row input{flex:1 1 12rem;min-width:0}.board-nick-random{flex:0 0 auto;white-space:nowrap;font-size:.88rem;padding:.55rem .9rem}.board-field__hint{display:block;margin-top:.2rem;font-size:.78rem;font-weight:600;color:var(--muted);line-height:1.45}.board-mention-hint{margin:0;font-size:.85rem;font-weight:600;color:var(--muted)}.board-participants{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .65rem;padding:.55rem .7rem;background:linear-gradient(135deg,#fff8f1,#f8f0ff);border:1px solid var(--border);border-radius:12px}.board-participants__label{font-size:.78rem;font-weight:800;color:var(--muted)}.board-participants__list{display:flex;flex-wrap:wrap;gap:.4rem}.board-participant-chip{font:inherit;font-size:.82rem;font-weight:700;color:var(--accent-2);background:#7c6cf01a;border:1px solid rgba(124,108,240,.22);border-radius:999px;padding:.25rem .7rem;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .12s ease}.board-participant-chip:hover{background:#7c6cf02e;border-color:#7c6cf066;transform:translateY(-1px)}button.board-post__nick{font:inherit;font-weight:800;color:var(--text);background:transparent;border:none;border-radius:6px;padding:.05rem .25rem;margin:0 -.25rem;cursor:pointer;transition:background .15s ease,color .15s ease}button.board-post__nick:hover,button.board-post__nick:focus-visible{color:var(--accent-2);background:#7c6cf01f;outline:none}.board-mention{display:inline;font-weight:800;color:#6b5ad8;background:#7c6cf024;border-radius:.35em;padding:.05em .28em}.board-add-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.45rem}.board-add-row input{flex:1 1 10rem;min-width:0;font:inherit;font-weight:500;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:.65rem .85rem}.board-add-row input:focus{outline:none;border-color:#f0a8b8;box-shadow:var(--glow);background:#fff}.board-add-btn{flex:0 0 auto;padding:.55rem .95rem;font-size:.88rem}.board-tag-picker{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.35rem;min-height:2.2rem}.board-tag-pick{font:inherit;font-size:.84rem;font-weight:700;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:.35rem .8rem;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .12s ease}.board-tag-pick:hover{color:var(--text);border-color:#e8c4a8;transform:translateY(-1px)}.board-tag-pick.is-selected{color:#fff;background:linear-gradient(135deg,var(--accent-2),#9b8cff);border-color:transparent;box-shadow:0 6px 14px #7c6cf040}.board-tag-pick.is-pending{border-style:dashed}.board-field__hint.is-warn{color:var(--accent);font-weight:700}.board-field__hint.is-ok{color:#2aaf95;font-weight:700}