:root{--bg-base:#f4fdfd;--bg-paper:#fff;--line-default:#e4d9c7;--text-primary:#389ebf;--text-muted:#6d6559;--brand-main:#73c8e1;--brand-assort:#c8ec78;--brand-accent:#f2b6a0;--accent-main:#73c8e1;--accent-soft:#c8ec78;--text-on-accent:#1f1c16;--ink:#1f1c16;--ok:#237f4e;--footer-height:56px;--footer-height-mobile:48px;--modal-vh:100vh;--modal-safe-top:max(12px,env(safe-area-inset-top));--modal-safe-right:max(12px,env(safe-area-inset-right));--modal-safe-bottom:max(12px,env(safe-area-inset-bottom));--modal-safe-left:max(12px,env(safe-area-inset-left))}@supports (height:100dvh){:root{--modal-vh:100dvh}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--ink);background:radial-gradient(circle at 6% 0%,#73c8e140 0%,transparent 32%),radial-gradient(circle at 94% 4%,#c8ec7852 0%,transparent 34%),linear-gradient(180deg,#faffff 0%,var(--bg-base)100%);font-family:Hiragino Kaku Gothic ProN,Yu Gothic UI,sans-serif}body.no-scroll{overflow:hidden}a{color:inherit}.wrap{width:min(1240px,94vw);margin:0 auto}.site-shell{min-height:100vh;padding-bottom:calc(var(--footer-height) + env(safe-area-inset-bottom))}.desktop-only{display:block}.mobile-only{display:none}.hero-splash{z-index:220;background:var(--bg-base);opacity:1;place-items:center;padding:24px;transition:opacity .8s;display:grid;position:fixed;inset:0}.hero-splash.is-exiting{opacity:0}.hero-title{letter-spacing:.01em;margin:0;font-size:clamp(30px,5vw,56px);font-weight:700;line-height:1.2}.hero-logo-image{object-fit:cover;border-radius:8px;width:200px;height:200px}.global-header{z-index:60;border-bottom:1px solid var(--line-default);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffed;position:sticky;top:0}.global-header-inner{justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.brand-area{align-items:center;gap:20px;min-width:0;display:flex}.brand-link{flex-shrink:0;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.logo-image{object-fit:cover;background:var(--bg-paper);border-radius:8px;width:62px;height:62px}.brand-title{color:var(--text-primary);font-size:24px;font-weight:700;line-height:1}.site-nav{flex-wrap:wrap;gap:12px;display:flex}.nav-item{color:var(--text-muted);border-bottom:2px solid #0000;padding:6px 2px;font-size:19px;line-height:1;text-decoration:none}.nav-item:hover{color:var(--text-primary)}.nav-item.active{color:var(--text-primary);border-color:var(--text-primary);font-weight:700}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.cheer-btn{border:1px solid var(--line-default);background:var(--accent-soft);cursor:default;border-radius:999px;width:30px;height:30px;font-size:14px;line-height:1;display:none}.auth-badge{border:1px solid var(--line-default);color:var(--text-muted);background:#fff;border-radius:999px;padding:6px 10px;font-size:11px}.btn-primary,.btn-secondary,.btn-ghost{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;font-weight:700;line-height:1.1;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent-main);color:var(--text-on-accent);padding:9px 16px;font-size:12px}.btn-primary:hover{background:var(--brand-accent)}.btn-secondary{background:var(--bg-paper);border:1px solid var(--line-default);color:var(--text-muted);padding:8px 13px;font-size:12px}.btn-secondary:hover{background:#f5ffea}.report-btn{display:none}.btn-ghost{color:var(--text-muted);background:0 0;padding:8px 10px;font-size:12px;font-weight:500}.btn-ghost:hover{color:var(--text-primary)}.oauth-btn{align-items:center;gap:6px;display:inline-flex}.oauth-btn-x{display:none}.oauth-icon{flex:none;width:14px;height:14px}.oauth-btn-x .oauth-icon{color:#111}.btn-primary:disabled,.btn-secondary:disabled,.btn-ghost:disabled,.bookmark-btn:disabled,.mobile-menu-btn:disabled,.icon-btn:disabled{opacity:.58;cursor:not-allowed}.mobile-topbar{z-index:70;border-bottom:1px solid var(--line-default);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffed;position:sticky;top:0}.mobile-topbar-inner{justify-content:space-between;align-items:center;gap:10px;padding:5px 0;display:flex}.mobile-brand-link{align-items:center;gap:8px;text-decoration:none;display:inline-flex}.mobile-logo-image{object-fit:cover;border-radius:8px;width:50px;height:50px}.mobile-brand-title{color:var(--text-primary);font-size:18px;font-weight:700}.mobile-menu-btn{border:1px solid var(--line-default);background:var(--bg-paper);width:34px;height:34px;color:var(--text-muted);border-radius:10px;font-size:16px;line-height:1}.drawer-overlay{z-index:160;background:#1f1c168c;display:none;position:fixed;inset:0}.drawer-overlay.show{display:block}.drawer-panel{background:var(--bg-paper);border-right:1px solid var(--line-default);flex-direction:column;width:min(280px,100vw - 64px);height:100%;display:flex}.drawer-header{border-bottom:1px solid var(--line-default);color:var(--text-primary);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.drawer-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:18px;font-weight:700}.drawer-nav{gap:4px;padding:10px 12px;display:grid}.drawer-nav-item{color:var(--text-muted);background:var(--bg-paper);border:1px solid #0000;border-radius:10px;padding:12px 16px;text-decoration:none}.drawer-nav-item.active{color:var(--text-primary);font-weight:700}.drawer-auth{border-top:1px solid var(--line-default);gap:8px;margin-top:6px;padding:16px;display:grid}.drawer-bottom-cheer{text-align:center;margin-top:auto;padding:0 0 16px;font-size:20px;display:none}.page-main{padding:12px 0 30px}.page-header{background:var(--bg-paper);border:1px solid var(--line-default);border-radius:12px;margin-bottom:12px;padding:12px}.page-header-voices{justify-content:space-between;align-items:center;gap:14px;display:flex}.page-header-main{min-width:0}.page-header h1{color:var(--text-primary);margin:0;font-size:clamp(28px,4vw,34px);line-height:1.2}.meta{color:var(--text-muted);margin:6px 0 0;font-size:14px}.page-header-cta{justify-items:end;gap:6px;display:grid}.page-header-cta p{color:var(--text-muted);text-align:right;margin:0;font-size:13px}.data-state{margin:8px 0 0;font-size:12px;font-weight:700}.data-state.ok{color:#3f6f4f}.data-state.warn{color:#8a4f08}.section-heading{border:1px solid var(--line-default);background:var(--bg-paper);border-radius:12px;margin:0 0 10px;padding:12px}.section-heading h2{color:var(--text-primary);margin:0;font-size:20px}.section-heading-link{color:inherit;text-decoration:none}.section-heading-link:hover{text-decoration:underline}.section-heading-link-nav{display:inline-block}.section-actions{justify-content:center;margin:8px 0 16px;display:flex}.voice-intro{border:1px solid var(--line-default);background:var(--bg-paper);border-radius:12px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:10px;padding:12px;display:flex}.voice-intro-copy h2{color:var(--text-primary);margin:0;font-size:20px}.voice-intro-copy p{color:var(--text-muted);margin:6px 0 0;font-size:13px}.voice-intro-action{justify-items:end;gap:6px;display:grid}.voice-intro-action p{color:var(--text-muted);margin:0;font-size:13px}.voice-filter{border:1px solid var(--line-default);background:var(--bg-paper);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;padding:12px;display:flex}.tabs{flex-wrap:wrap;gap:8px;display:flex}.tab{border:1px solid var(--line-default);color:#544d41;cursor:pointer;background:#fff;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700}.tab.active{background:var(--accent-soft);border-color:var(--accent-main);color:var(--ink)}.feed{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-bottom:10px;display:grid}.empty-card{background:var(--bg-paper);border:1px dashed var(--line-default);width:100%;color:var(--text-muted);border-radius:14px;padding:22px 14px;font-size:13px;display:block}.card{background:var(--bg-paper);border:1px solid var(--line-default);cursor:pointer;border-radius:14px;flex-direction:column;width:100%;margin:0;transition:border-color .16s,background-color .16s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 20px #291f0e0d}.card:after{content:"";border-radius:inherit;pointer-events:none;border:2px solid #0000;transition:border-color .16s;position:absolute;inset:0}.card:hover,.card:focus-within{border-color:var(--accent-soft);background:#f9fef6}.card:hover:after,.card:focus-within:after{border-color:var(--accent-main)}.tweet-cover{border-bottom:1px solid var(--line-default);background:linear-gradient(130deg,#d7f2fb 0%,#f1fadf 100%),repeating-linear-gradient(45deg,#ffffff2e 0 8px,#fff0 8px 16px);position:relative;overflow:hidden}.tweet-cover:after{content:"";pointer-events:none;background:#73c8e100;transition:background-color .16s;position:absolute;inset:0}.card:hover .tweet-cover:after,.card:focus-within .tweet-cover:after{background:#73c8e129}.tweet-cover-image{object-fit:cover;width:100%;height:100%;display:block}.card-body{flex-direction:column;flex:1;padding:11px;display:flex}.chip-row{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.chip{color:#75470f;background:#fff7eb;border:1px solid #f0d5ae;border-radius:999px;padding:2px 8px;font-size:11px;transition:border-color .16s,background-color .16s}.card:hover .chip,.card:focus-within .chip{background:#fff2df;border-color:#e6c091}.memo{color:var(--ink);margin:0;font-size:13px;line-height:1.5}.xlink{color:#7f7567;margin:9px 0 0;font-size:12px}.xlink a{color:#7f7567;word-break:break-all;text-decoration-line:underline;text-decoration-color:#0000;text-decoration-thickness:1px}.xlink a:hover{text-decoration-color:currentColor}.card-actions{justify-content:flex-end;margin-top:auto;padding-top:8px;display:flex}.bookmark-btn{border:1px solid var(--line-default);color:#7a6f5f;cursor:pointer;background:#fff;border-radius:999px;padding:4px 9px;font-size:11px}.bookmark-btn.active,.btn-primary.bookmark-active,.bookmark-filter-btn.active{background:var(--accent-soft);border-color:var(--accent-main);color:var(--ink)}.pagination-row{justify-content:center;padding:8px 0 18px;display:flex}.official-links{margin:2px 0 24px}.official-link-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;display:grid}.official-link-card{border:1px solid var(--line-default);background:var(--bg-paper);border-radius:12px;padding:10px 12px}.official-link-card a{color:var(--text-primary);font-weight:700;text-decoration:none}.official-link-card a:hover{text-decoration:underline}.official-link-card p{color:var(--text-muted);word-break:break-all;margin:8px 0 6px;font-size:12px;line-height:1.4}.official-link-card span{color:var(--text-muted);font-size:11px}.intro-lead,.intro-cta{border:1px solid var(--line-default);background:var(--bg-paper);border-radius:12px;padding:12px}.intro-lead{margin-bottom:10px}.intro-lead h2{color:var(--text-primary);margin:0;font-size:20px}.intro-lead p{color:var(--text-muted);margin:8px 0 0;font-size:13px}.intro-cta{justify-content:space-between;align-items:center;gap:10px;display:flex}.intro-cta p{color:var(--text-muted);margin:0;font-size:13px}.global-footer{z-index:55;border-top:1px solid var(--line-default);background:var(--bg-paper);color:var(--text-muted);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 16px #1f1c1614}.global-footer .wrap{padding:10px 0 12px}.footer-inner{align-items:center;gap:10px;display:flex}.footer-desktop,.footer-mobile{margin:0;font-size:12px}.footer-mobile{display:none}.footer-x-link{border:1px solid var(--line-default);color:#111;background:#fff;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;margin-left:auto;text-decoration:none;display:inline-flex}.footer-x-link:hover{background:#f5ffea}.footer-x-icon{flex:none;width:14px;height:14px}.overlay{z-index:260;padding:var(--modal-safe-top)var(--modal-safe-right)var(--modal-safe-bottom)var(--modal-safe-left);background:#1e170f85;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.overlay.show{display:flex}.modal{width:min(700px,calc(100vw - var(--modal-safe-left) - var(--modal-safe-right)));max-height:calc(var(--modal-vh) - var(--modal-safe-top) - var(--modal-safe-bottom));background:var(--bg-paper);border:1px solid var(--line-default);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;-moz-text-size-adjust:100%;text-size-adjust:100%;border-radius:16px;overflow:auto;box-shadow:0 22px 38px #16110942}.modal-head{border-bottom:1px solid var(--line-default);background:#eef9fd;justify-content:space-between;align-items:center;padding:13px 14px;display:flex}.modal-title{margin:0;font-size:18px}.icon-btn{border:1px solid var(--line-default);cursor:pointer;background:#fff;border-radius:8px;width:32px;height:32px;font-weight:700}.modal-body{padding:14px}.detail-grid{gap:12px;display:grid}.embed-box{border:1px dashed var(--line-default);color:#5d564b;background:#f9fcff;border-radius:12px;min-height:180px;padding:8px;font-size:13px}.embed-box .twitter-tweet{margin:0 auto!important}.tweet-embed-container{min-height:120px}.detail-grid .embed-hint{color:var(--text-muted);margin:8px 4px 0;font-size:11px;line-height:1.6}.detail-grid .meta-row{color:var(--text-muted);font-size:11px;line-height:1.6}.btn-row{flex-wrap:wrap;gap:8px;display:flex}.anchor-btn{align-items:center;text-decoration:none;display:inline-flex}.flow-note{color:var(--text-muted);margin:0;font-size:13px}.flow-section{padding:4px}.flow-section h3{margin:0 0 8px;font-size:18px}.form-grid{gap:10px;display:grid}.field label{margin-bottom:5px;font-size:12px;font-weight:700;display:block}.field input:not([type=checkbox]),.field textarea{border:1px solid var(--line-default);background:#fff;border-radius:10px;width:100%;padding:10px;font-size:13px}.field textarea{resize:vertical;min-height:88px}.auth-form{gap:10px;display:grid}.auth-error{color:#b4361b;margin-top:10px;font-size:12px;font-weight:700}.tag-inputs{flex-wrap:wrap;gap:8px 10px;display:flex}.tag-inputs label{border:1px solid var(--accent-soft);color:var(--ink);white-space:nowrap;cursor:pointer;background:#f7fcff;border-radius:999px;align-items:center;gap:5px;margin:0;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.tag-inputs input[type=checkbox]{width:14px;height:14px;accent-color:var(--accent-main);flex:none;margin:0;padding:0}.ok{color:var(--ok);font-size:12px;font-weight:700}.guide{color:var(--text-muted);margin-top:7px;font-size:12px}.top-space{margin-top:10px}@media (max-width:900px){.site-shell{padding-bottom:calc(var(--footer-height-mobile) + env(safe-area-inset-bottom))}.desktop-only{display:none}.mobile-only{display:block}.page-main{padding-top:10px}.page-header h1{font-size:28px}.page-header-voices{gap:10px;display:grid}.page-header-cta{justify-items:start}.page-header-cta p{text-align:left}.voice-intro{gap:10px;display:grid}.voice-intro-action{justify-items:start}.intro-cta{justify-items:start;gap:10px;display:grid}.feed{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.footer-desktop{display:none}.footer-mobile{display:block}}@media (max-width:760px){.hero-splash{padding:14px}.hero-title{font-size:clamp(24px,9vw,38px)}.modal{width:100%}.feed{grid-template-columns:1fr;gap:12px}}