:root{--c-primary:#2d5aa0;--c-primary-weak:#e8eef8;--c-bg:#f5f7f9;--c-surface:#fff;--c-text:#16202c;--c-sub:#5c6b7a;--c-border:#e2e6ea;--c-danger:#a63d3d;--c-danger-weak:#fbeeee;--c-ok:#2f6b4f;--c-ok-weak:#eaf6ef;--c-warn:#8a6a00;--c-warn-weak:#fff6d6;--radius:12px;--tap:44px;--nav-h:64px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--c-bg);min-width:375px;color:var(--c-text);-webkit-text-size-adjust:100%;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic UI,Meiryo,system-ui,sans-serif;font-size:16px;line-height:1.6}a{color:var(--c-primary)}.num{font-variant-numeric:tabular-nums}.page{max-width:640px;padding:0 16px calc(var(--nav-h) + 24px);margin:0 auto}.page--guest{padding-bottom:32px}.bar{z-index:5;background:var(--c-surface);border-bottom:1px solid var(--c-border);justify-content:space-between;align-items:center;gap:12px;min-height:64px;margin:0 -16px 12px;padding:8px 16px;display:flex;position:sticky;top:0}.bar h1{margin:0;font-size:20px}.bar .back{color:var(--c-text);font-weight:700;text-decoration:none}.sub{color:var(--c-sub);font-size:14px}.stack{flex-direction:column;gap:12px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row--between{justify-content:space-between}.grow{flex:1}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);flex-direction:column;gap:10px;padding:16px;display:flex}.card h2{margin:0;font-size:17px}.btn{min-height:var(--tap);min-width:var(--tap);border:1.5px solid var(--c-primary);background:var(--c-surface);color:var(--c-primary);font:inherit;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-weight:700;text-decoration:none;display:inline-flex}.btn--primary{background:var(--c-primary);color:#fff}.btn--danger{border-color:var(--c-danger);color:var(--c-danger)}.btn--quiet{border-color:var(--c-border);background:var(--c-bg);color:var(--c-sub)}.btn--block{width:100%}.btn--ok{background:var(--c-ok);border-color:var(--c-ok);color:#fff}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.btn:not(:disabled):active{transform:scale(.97)}.btn--done{border-color:var(--c-ok);background:var(--c-ok-weak);color:var(--c-ok)}.btn--done:disabled{opacity:1;cursor:default}.btn--flash{animation:.7s ease-out btn-flash}@keyframes btn-flash{0%{box-shadow:0 0 #2f6b4f8c}to{box-shadow:0 0 0 10px #2f6b4f00}}@media (prefers-reduced-motion:reduce){.btn--flash{outline:3px solid var(--c-ok);outline-offset:2px;animation:none}.btn:not(:disabled):active{transform:none}}.btn:focus-visible,.field input:focus-visible,.field textarea:focus-visible,.chip:focus-visible{outline-offset:2px;outline:3px solid #9bb7e4}.link-btn{min-height:var(--tap);font:inherit;color:var(--c-primary);cursor:pointer;background:0 0;border:none;padding:8px 4px;text-decoration:underline}.link-btn--danger{color:var(--c-danger)}.link-btn--sub{color:var(--c-sub);padding:8px 6px;font-size:14px}.link-btn--ok{color:var(--c-ok)}.link-btn:disabled{opacity:.5;cursor:default}.pill{min-height:var(--tap);min-width:var(--tap);font:inherit;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.pill__face{border:1.5px solid var(--c-primary);background:var(--c-surface);height:32px;color:var(--c-primary);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.pill--done .pill__face{border-color:var(--c-ok);background:var(--c-ok-weak);color:var(--c-ok)}.pill:disabled{cursor:default}.pill:disabled .pill__face{opacity:.5}.pill:focus-visible,.img-icon:focus-visible,.link-btn:focus-visible{outline-offset:2px;border-radius:999px;outline:3px solid #9bb7e4}.icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none}.field{flex-direction:column;gap:6px;display:flex}.field label{font-size:15px;font-weight:700}.field input,.field textarea,.field select{font:inherit;min-height:var(--tap);color:inherit;background:#fff;border:1px solid #c9d1da;border-radius:10px;padding:10px 12px;font-size:16px}.field textarea{resize:vertical;min-height:96px}.field .error{color:var(--c-danger);font-size:14px}.field .hint{color:var(--c-sub);font-size:13px}.badge{background:var(--c-border);color:var(--c-text);border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-size:13px;font-weight:700;display:inline-flex}.badge--primary{background:var(--c-primary-weak);color:var(--c-primary)}.badge--ok{background:var(--c-ok-weak);color:var(--c-ok)}.badge--warn{background:var(--c-warn-weak);color:var(--c-warn);border:1px solid #d8b24a}.badge--danger{background:var(--c-danger-weak);color:var(--c-danger)}.note{border-radius:10px;padding:10px 14px;font-size:15px}.note--info{background:var(--c-primary-weak);color:var(--c-primary);border:1px solid #b9cbe8}.note--warn{background:var(--c-warn-weak);color:var(--c-warn);border:1px solid #d8b24a}.note--danger{background:var(--c-danger-weak);color:var(--c-danger);border:1px solid #e3b4b4}.note--ok{background:var(--c-ok-weak);color:var(--c-ok);border:1px solid #b6d8c5}.access-banner{flex-direction:column;gap:8px;margin:12px 0;display:flex}.access-banner p{margin:0}.steps{grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 12px;padding:0;list-style:none;display:grid}.steps li{text-align:center;background:var(--c-border);color:var(--c-sub);border-radius:999px;padding:6px 4px;font-size:14px}.steps li[aria-current=step]{background:var(--c-primary);color:#fff;font-weight:700}.post-box{white-space:pre-wrap;word-break:break-word;border:1px solid var(--c-border);background:#fff;border-radius:10px;padding:12px}.label-sub{color:var(--c-sub);font-size:14px}.post-text{white-space:pre-wrap;word-break:break-word;margin:0}.thread-part{border-left:3px solid var(--c-border);padding-left:10px}.copy-n{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.source-peek{gap:6px}.source-peek__closed{align-items:flex-start;gap:10px;display:flex}.source-peek__text{min-width:0;color:var(--c-sub);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.source-peek__img{object-fit:cover;border:1px solid var(--c-border);background:#f3f3f3;border-radius:6px;flex:none;width:72px;height:44px}.source-peek__toggle{min-height:var(--tap);color:var(--c-primary);font:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-size:14px;font-weight:700}.btn--small{min-height:36px;padding:4px 12px;font-size:13px}.thumbs{flex-wrap:wrap;gap:6px;display:flex}.thumbs img{object-fit:cover;border:1px solid var(--c-border);background:#f3f3f3;border-radius:8px;width:96px;height:96px}.thumbs.thumbs--large{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px;display:grid}.thumbs.thumbs--large img{object-fit:contain;width:100%;height:auto;max-height:70vh}.clamp{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.nav{z-index:10;height:var(--nav-h);background:var(--c-surface);border-top:1px solid var(--c-border);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.nav a{min-height:var(--tap);color:var(--c-sub);justify-content:center;align-items:center;font-size:14px;text-decoration:none;display:flex}.nav a[aria-current=page]{color:var(--c-primary);font-weight:700}.dialog-backdrop{z-index:20;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.dialog{background:var(--c-surface);border-radius:16px 16px 0 0;flex-direction:column;gap:12px;width:100%;max-width:560px;max-height:90vh;padding:20px 16px 24px;display:flex;overflow:auto}@media (min-width:600px){.dialog-backdrop{align-items:center}.dialog{border-radius:16px}}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{min-height:var(--tap);font:inherit;cursor:pointer;background:#fff;border:1.5px solid #c9d1da;border-radius:999px;padding:8px 14px}.chip[aria-pressed=true],.chip[aria-selected=true]{border-color:var(--c-primary);color:var(--c-primary);background:var(--c-primary-weak);font-weight:700}.board-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:12px;display:grid}.board-tabs .chip{white-space:nowrap;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:4px 2px;line-height:1.25;display:flex}.board-tabs__count{color:var(--c-sub);font-size:12px;font-weight:400}.chip:disabled{color:#9aa6b2;cursor:not-allowed}.toast{left:50%;bottom:calc(var(--nav-h) + 16px);z-index:30;background:var(--c-text);color:#fff;border-radius:10px;max-width:calc(100% - 32px);padding:10px 16px;position:fixed;transform:translate(-50%)}.x-preview{border:1px solid var(--c-border);background:#fff;border-radius:12px;padding:12px}.x-preview .who{font-size:14px;font-weight:700}.x-preview .reply{border-left:2px solid var(--c-border);margin-top:10px;margin-left:18px;padding-left:12px}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--c-border);vertical-align:top;padding:8px 4px}.dialog-scrim{cursor:pointer;background:#16202c8c;border:0;margin:0;padding:0;position:absolute;inset:0}.dialog{position:relative}fieldset.chips{border:0;min-width:0;margin:0;padding:0}fieldset.chips legend{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.btn{white-space:nowrap}.actions-3{grid-template-columns:1.4fr 1fr 1fr;gap:8px;display:grid}.actions-3 .btn{padding-left:8px;padding-right:8px}.nav a{white-space:nowrap;font-size:13px}.copy-3{grid-template-columns:1fr 1fr 1.25fr;gap:6px;display:grid}.copy-3 .btn{white-space:normal;padding:6px 4px;font-size:13px;line-height:1.3}.draft-image{border:1px solid var(--c-border);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#f3f3f3;border-radius:10px;width:100%;height:auto;display:block}.draft-image-wrap{position:relative}.img-icons{gap:0;display:flex;position:absolute;bottom:4px;right:4px}.img-icon{width:var(--tap);height:var(--tap);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.img-icon+.img-icon{margin-left:-2px}.img-icon__face{width:36px;height:36px;color:var(--c-text);background:#ffffffbf;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 0 0 1px #16202c2e}.img-icon--done .img-icon__face{box-shadow:0 0 0 1.5px var(--c-ok);color:var(--c-ok);background:#eaf6efeb}.img-icon:disabled{cursor:default}.img-icon:disabled .img-icon__face{opacity:.5}.admin{min-height:100vh}.admin-bar{color:#fff;background:#1c2330;padding:0 16px}.admin-bar__inner{flex-wrap:wrap;align-items:center;gap:8px 24px;max-width:1200px;min-height:56px;margin:0 auto;display:flex}.admin-bar__title{font-weight:700}.admin-tabs{flex-wrap:wrap;gap:4px;display:flex}.admin-tabs a{color:#d5dbe5;border-radius:8px;padding:10px 14px;text-decoration:none}.admin-tabs a[aria-current=page]{color:#fff;background:#33405a}.admin-bar__end{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-left:auto;display:flex}.admin-bar__who{color:#b9c2d0;font-size:13px}.admin-bar__back{color:#fff;border:1px solid #5b6b85;border-radius:8px;align-items:center;min-height:44px;padding:0 14px;text-decoration:none;display:inline-flex}.admin-main{max-width:1200px;margin:0 auto;padding:24px 16px 48px}.admin-flags{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.admin-flag{border:1px solid var(--c-border);border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.admin-pill{color:var(--c-ok);background:var(--c-ok-weak);border-radius:999px;align-self:flex-start;padding:2px 10px;font-weight:700}.admin-pill--stop{color:var(--c-danger);background:var(--c-danger-weak)}.admin-table{border-collapse:collapse;width:100%;font-size:14px}.admin-table th,.admin-table td{text-align:left;border-top:1px solid var(--c-border);padding:8px 10px}.admin-ok{color:var(--c-ok);font-weight:700}.admin-ng{color:var(--c-danger);font-weight:700}.admin-scroll{overflow-x:auto}.admin-meter{background:var(--c-border);border-radius:999px;height:8px}.admin-meter>div{background:var(--c-primary);border-radius:999px;height:8px}.admin-sort{border-radius:6px;padding:4px 8px;text-decoration:none}.admin-sort--on{background:var(--c-primary-weak);font-weight:700}.admin-chart{border-bottom:1px solid var(--c-border);align-items:flex-end;gap:4px;min-width:560px;height:180px;display:flex}.admin-chart__col{flex-direction:column;flex:1 1 0;justify-content:flex-end;height:100%;display:flex}.admin-swatch{border-radius:2px;width:10px;height:10px;margin-right:4px;display:inline-block}.admin-swatch--claude{background:#2457a6}.admin-swatch--image{background:#e07b39}.admin-swatch--x_collect{background:#7fa7db}.admin-swatch--x_other{background:#9aa4b2}.guide{margin-bottom:12px;scroll-margin-top:76px}.guide p{margin:0}.guide-list{flex-direction:column;gap:6px;margin:0;padding-left:1.4em;display:flex}.guide-figure{flex-direction:column;gap:4px;margin:0;display:flex}.guide-img{border:1px solid var(--c-border);border-radius:8px;max-width:100%;height:auto;display:block}.guide-page{max-width:640px}.guide-band{background:var(--c-primary);color:#fff;margin:0 -16px 12px;padding:16px}.guide-band h1{color:#fff;margin:0;font-size:20px}.guide-lead{margin:0 0 4px;font-size:18px}.guide-summary{margin:0 0 16px}.guide-crumb{margin:0 0 8px}.guide-cards{grid-template-columns:minmax(0,1fr);gap:12px;margin:0 0 16px;padding:0;list-style:none;display:grid}.guide-card{height:100%;color:var(--c-text);margin:0;text-decoration:none}.guide-card strong{display:block}.guide-steps-wrap{margin-bottom:16px;position:relative;overflow-x:auto}.guide-steps{gap:4px;width:max-content;margin:0;padding:0;list-style:none;display:flex}.guide-step{background:var(--c-primary-weak);color:var(--c-text);white-space:nowrap;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%,12px 50%);padding:10px 16px 10px 22px;font-size:14px;text-decoration:none;display:block}.guide-step--now,.guide-step[aria-current=step]{background:var(--c-primary);color:#fff;font-weight:700}.guide-toc{margin-bottom:12px}.guide-layout{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.guide-main{min-width:0}.guide-menu{display:none}.guide-menu ol{margin:0;padding-left:0;list-style:none}.guide-menu li{margin-bottom:6px}.guide-menu a[aria-current=step]{color:var(--c-text);font-weight:700}.guide-next{margin-bottom:16px}@media (min-width:600px){.guide-cards{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (min-width:860px){.guide-page{max-width:960px}.guide-layout{grid-template-columns:minmax(0,1fr) 220px;align-items:start}.guide-menu{display:block;position:sticky;top:16px}}
