:root{--bg:#fff;--bg-panel:#f7f9f9;--bg-input:#eff3f4;--bg-hover:#0f141908;--border:#dde3e7;--text:#0f1419;--text-sub:#536471;--accent:#1d9bf0;--accent-dim:#1d9bf01a;--green:#00a06c;--yellow:#d97706;--red:#f4212e}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;font-size:15px;line-height:1.5}a{color:var(--accent);text-decoration:none}button{font-family:inherit}.app{max-width:1000px;min-height:100vh;margin:0 auto;display:flex}.sidebar{border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:240px;height:100vh;padding:12px 16px;display:none;position:sticky;top:0}.main{border-right:1px solid var(--border);border-left:1px solid var(--border);flex:1;min-width:0;padding-bottom:72px}@media (min-width:768px){.sidebar{display:flex}.main{border-left:none;padding-bottom:24px}.bottom-nav{display:none!important}}.logo{align-items:center;gap:8px;padding:12px;font-size:20px;font-weight:800;display:flex}.logo .mark{color:var(--accent);font-size:24px}.nav-item{cursor:pointer;color:var(--text);border-radius:9999px;align-items:center;gap:16px;padding:12px;font-size:18px;transition:background .15s;display:flex}.nav-item:hover{background:var(--bg-panel)}.nav-item.active{font-weight:700}.nav-item .icon{justify-content:center;align-items:center;width:26px;display:flex}.bottom-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);z-index:100;background:#ffffffeb;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:var(--text-sub);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:1px;padding:6px 0 5px;font-size:9px;display:flex}.bottom-nav .icon svg{width:18px;height:18px}.bottom-nav a.active{color:var(--text);font-weight:700}.header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#ffffffd9;padding:10px 16px;position:sticky;top:0}.header h1{font-size:18px;font-weight:800}.header-logo{align-items:center;gap:6px;font-size:17px;font-weight:800;display:none}.header-logo .mark{color:var(--accent);font-size:20px}@media (max-width:767px){.header{padding:6px 12px}.header h1{display:none}.header-logo{font-size:21px;line-height:32px;display:flex}.header-logo .mark{font-size:24px}}.search-area{border-bottom:1px solid var(--border);padding:12px 16px}.search-box{background:var(--bg-input);border:1px solid #0000;border-radius:9999px;align-items:center;gap:10px;padding:10px 16px;display:flex}.search-box:focus-within{border-color:var(--accent);background:var(--bg)}.search-box input{color:var(--text);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:15px}.search-box input::placeholder{color:var(--text-sub)}.chips{scrollbar-width:none;gap:8px;margin-top:10px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;appearance:none;background:0 0;border-radius:9999px;flex-shrink:0;padding:6px 14px;font-family:inherit;font-size:13px;transition:background .15s,border-color .15s,color .15s}.chip:hover{border-color:var(--accent);color:var(--accent)}.chip.on{background:var(--accent-dim);border-color:var(--accent);color:var(--accent);font-weight:700}select.chip{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23536471'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:26px}select.chip.on{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%231d9bf0'/%3E%3C/svg%3E");background-color:var(--accent-dim);background-position:right 10px center;background-repeat:no-repeat}.date-row{color:var(--text-sub);flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;font-size:13px;display:flex}.date-row input[type=date]{background:var(--bg-input);color:var(--text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border:1px solid #0000;border-radius:9999px;outline:none;padding:6px 12px;font-family:inherit;font-size:13px;transition:border-color .15s,background .15s}.date-row input[type=date]:hover{border-color:var(--border)}.date-row input[type=date]:focus{border-color:var(--accent);background:var(--bg)}.date-range{align-items:center;gap:8px;display:inline-flex}.seg{border:1px solid var(--border);isolation:isolate;border-radius:9999px;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;position:relative;overflow:hidden}.seg:before{content:"";background:var(--accent);z-index:0;border-radius:9999px;width:50%;height:100%;transition:transform .25s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.seg:has(button:nth-child(2).on):before{transform:translate(100%)}.seg button{z-index:1;color:var(--text-sub);cursor:pointer;text-align:center;white-space:nowrap;background:0 0;border:none;padding:6px 12px;font-size:12px;transition:color .25s;position:relative}.seg button.on{color:#fff;font-weight:700}@media (max-width:767px){.search-area{padding:8px 12px}.search-box{gap:8px;padding:7px 12px}.search-box input{font-size:14px}.date-row{gap:6px;margin-top:8px;font-size:12px}.date-range{flex-basis:100%;gap:6px}.date-range input[type=date]{flex:1;min-width:0}.date-row input[type=date]{padding:4px 8px;font-size:12px}.seg button{padding:5px 10px;font-size:11px}.chips{gap:6px;margin-top:8px}.chip{padding:4px 10px;font-size:12px}}.result-bar{align-items:center;gap:8px;padding:10px 16px 6px;display:flex}.result-bar .meta{color:var(--text-sub);margin-right:auto;font-size:13px}.post{border-bottom:1px solid var(--border);padding:12px 16px;transition:background .15s}.post:hover{background:var(--bg-hover)}.avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:800;display:flex}.post-primary{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.p-badge{border-radius:9999px;align-items:center;gap:5px;padding:4px 12px;font-size:15px;font-weight:800;display:inline-flex}.p-badge.date{color:var(--accent);background:var(--accent-dim);border:1px solid #1d9bf080}.p-badge.store{color:var(--green);background:#00ba7c14;border:1px solid #00ba7c80}.p-badge.none{color:var(--text-sub);border:1px dashed var(--border);font-size:13px;font-weight:400}.post{position:relative}.post-actions.pc{grid-template-columns:auto auto;gap:6px;display:grid;position:absolute;top:12px;right:16px}.post-actions.pc .copy-store{grid-column:1/-1;width:100%;min-width:0}@media (min-width:768px){.post-primary,.post-sub{padding-right:260px}}.post-actions.sp{display:none}@media (max-width:767px){.post-actions.pc{display:none}.post-actions.sp{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.post-actions.sp .open-x,.post-actions.sp .copy-url,.post-actions.sp .copy-store{justify-content:center;width:100%;min-width:0;height:38px;font-size:14px}.post-actions.sp .copy-store{grid-column:1/-1}}.open-x,.copy-url,.copy-store{font:inherit;color:#fff;cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:5px;height:28px;padding:0 14px;font-size:13px;font-weight:700;line-height:1;transition:background .25s,opacity .15s,transform .1s;display:inline-flex}.open-x{background:#24292f}.copy-url{background:var(--accent);min-width:140px}.copy-store{background:var(--green);min-width:180px}.open-x:hover,.copy-url:hover,.copy-store:hover{opacity:.85}.open-x:active,.copy-url:active,.copy-store:active{transform:scale(.96)}.copy-url.copied{background:var(--green);animation:.35s cubic-bezier(.34,1.56,.64,1) copy-pop}.copy-store.copied{background:#007a52;animation:.35s cubic-bezier(.34,1.56,.64,1) copy-pop}@keyframes copy-pop{0%{transform:scale(1)}40%{transform:scale(.92)}to{transform:scale(1)}}.post-sub{color:var(--text-sub);flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;font-size:14px;display:flex}.post-sub span{align-items:center;display:inline-flex}.avatar-mini{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:800;display:inline-flex}.post-sub .name{color:var(--text);font-weight:700}.post-text{white-space:pre-line;word-break:break-word;color:var(--text-sub);margin-top:6px;font-size:13px}@media (max-width:767px){.post-text{-webkit-line-clamp:10;line-clamp:10;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}.sel-toggle{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:9999px;padding:5px 14px;font-family:inherit;font-size:12px;font-weight:700;transition:background .15s,border-color .15s,color .15s}.sel-toggle:hover{border-color:var(--accent);color:var(--accent)}.sel-toggle.on{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.post.selectable{cursor:pointer;padding-left:48px}.post.selected{background:var(--accent-dim)}.sel-check{border:2px solid var(--border);background:var(--bg);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:background .15s,border-color .15s;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.sel-check.on{background:var(--accent);border-color:var(--accent)}.sel-bar{left:50%;bottom:calc(52px + env(safe-area-inset-bottom));z-index:150;white-space:nowrap;background:var(--bg);border:1px solid var(--border);border-radius:9999px;align-items:center;gap:10px;width:calc(100% - 24px);max-width:520px;padding:8px 10px 8px 18px;animation:.3s cubic-bezier(.32,1.25,.5,1) both sel-up;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 4px 24px #0f141926}.sel-copy,.sel-all{font:inherit;cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:5px;height:34px;padding:0 12px;font-size:13px;font-weight:700;line-height:1;transition:background .25s,opacity .15s,transform .1s,border-color .15s,color .15s;display:inline-flex}.sel-all{border:1px solid var(--border);color:var(--text);background:0 0;flex-shrink:0}.sel-all:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.sel-copy{color:#fff;background:var(--green);flex:1;min-width:0}.sel-copy:hover:not(:disabled){opacity:.85}.sel-copy:active:not(:disabled),.sel-all:active:not(:disabled){transform:scale(.97)}.sel-copy:disabled,.sel-all:disabled{opacity:.4;cursor:default}@media (min-width:768px){.sel-bar{bottom:20px}}@keyframes sel-up{0%{opacity:0;transform:translate(-50%,70px)}to{opacity:1;transform:translate(-50%)}}.sel-count{color:var(--text-sub);font-size:12px;font-weight:700}.sel-bar .btn:disabled{opacity:.4;cursor:default}.ptr{justify-content:center;align-items:center;display:flex;overflow:hidden}.ptr.settle{transition:height .25s}.ptr-icon{color:var(--text-sub);opacity:.7;display:inline-flex}.ptr-icon.ready{color:var(--accent);opacity:1}.ptr-icon.spin{color:var(--accent);opacity:1;animation:.8s linear infinite ptr-spin}@keyframes ptr-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ig-overlay{z-index:300;background:#0f141973;justify-content:center;align-items:flex-end;animation:.25s both ig-fade;display:flex;position:fixed;inset:0}.ig-overlay.closing{animation:.28s both ig-fade-out}.ig-sheet{background:var(--bg);width:100%;max-width:420px;padding:10px 20px calc(20px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;animation:.38s cubic-bezier(.32,1.25,.5,1) both ig-up}.ig-overlay.closing .ig-sheet{animation:.28s both ig-down}.ig-grip{background:var(--border);border-radius:2px;width:36px;height:4px;margin:0 auto 14px}.ig-title{text-align:center;white-space:nowrap;font-size:17px;font-weight:800}.ig-lead{color:var(--text-sub);text-align:center;margin:6px 0 16px;font-size:13px}.ig-step{opacity:0;align-items:flex-start;gap:12px;padding:10px 0;animation:.4s forwards ig-step-in;display:flex}.ig-step:first-of-type{animation-delay:.15s}.ig-step:nth-of-type(2){animation-delay:.3s}.ig-step:nth-of-type(3){animation-delay:.45s}.ig-step:nth-of-type(4){animation-delay:.6s}.ig-num{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:800;display:flex}.ig-body{flex:1;min-width:0}.ig-text{font-size:14px}.ig-text b{color:var(--accent)}.ig-visual{background:var(--bg-panel);border:1px solid var(--border);color:var(--text);border-radius:12px;justify-content:space-between;align-items:center;margin-top:8px;padding:10px 18px;font-size:14px;display:flex}.ig-visual .ig-dim{color:var(--text-sub);opacity:.55;font-size:17px}.ig-share{color:var(--accent);font-size:16px;font-weight:800;animation:1.6s ease-in-out .6s infinite ig-pulse;display:inline-flex}.ig-pill{background:var(--bg);border:1px solid var(--border);color:var(--text-sub);text-align:center;white-space:nowrap;text-overflow:ellipsis;border-radius:9999px;flex:1;margin:0 10px;padding:4px 10px;font-size:11px;overflow:hidden}.ig-toggle{background:#34c759;border-radius:12px;flex-shrink:0;width:40px;height:24px;position:relative}.ig-toggle:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;position:absolute;top:2px;right:2px;box-shadow:0 1px 3px #00000040}.ig-row{gap:8px}.ig-row svg{color:var(--text-sub);flex-shrink:0}.ig-add{color:var(--accent);font-weight:700}.ig-check{color:var(--text-sub);cursor:pointer;align-items:center;gap:8px;margin:14px 0 12px;font-size:13px;display:flex}.ig-check input{width:16px;height:16px;accent-color:var(--accent)}.ig-close{width:100%}@keyframes ig-fade{0%{opacity:0}to{opacity:1}}@keyframes ig-fade-out{0%{opacity:1}to{opacity:0}}@keyframes ig-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes ig-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes ig-step-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ig-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}@media (min-width:768px){.ig-overlay{align-items:center}.ig-sheet{border-radius:20px;animation-name:ig-fade}.ig-grip{display:none}}.section{padding:8px 16px 16px}.section h2{padding:8px 0;font-size:16px;font-weight:800}.alert{cursor:pointer;background:#d9770612;border:1px solid #d9770659;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;margin:0 16px 8px;padding:12px 16px;font-size:14px;display:flex}.alert b{color:var(--yellow)}.sync-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 0;font-size:14px;display:flex}.sync-row:last-child{border-bottom:none}.dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot.ok{background:var(--green)}.dot.warn{background:var(--yellow)}.dot.none{background:var(--border)}.sync-row .when{color:var(--text-sub);margin-left:auto;font-size:13px}.add-row{border-bottom:1px solid var(--border);padding:16px}.btn{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:9999px;padding:10px 20px;font-size:14px;font-weight:700}.btn:hover{opacity:.9}.btn.ghost{border:1px solid var(--border);color:var(--text);background:0 0;padding:6px 14px;font-size:13px;font-weight:400}.btn.ghost:hover{border-color:var(--accent);color:var(--accent);opacity:1}.btn[disabled]{opacity:.4;cursor:default}.acct-card{border-bottom:1px solid var(--border)}.acct{cursor:pointer;gap:12px;padding:14px 16px;transition:background .15s;display:flex}.acct:hover{background:var(--bg-hover)}.acct-info{flex:1;min-width:0}.acct-info .name{font-weight:700}.acct-info .handle{color:var(--text-sub);font-size:14px}.acct-info .stats{color:var(--text-sub);flex-wrap:wrap;gap:12px;margin-top:4px;font-size:13px;display:flex}.acct-right{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.auto-pill{border:1px solid var(--border);color:var(--text-sub);white-space:nowrap;border-radius:9999px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;display:inline-flex}.auto-pill.on{color:var(--green);background:#00ba7c14;border-color:#00ba7c80}.auto-pill.busy{color:var(--accent);background:var(--accent-dim);border-color:#1d9bf080}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}.spinner.sm{width:10px;height:10px}.btn .spinner{border-color:#fff #ffffff73 #ffffff73}@keyframes spin{to{transform:rotate(360deg)}}.chev{color:var(--text-sub);transition:transform .2s}.acct-card.open .chev{transform:rotate(180deg)}.acct-panel{padding:0 16px 16px}.panel-row{justify-content:space-between;align-items:center;padding:10px 0;font-size:14px;display:flex}.switch{background:var(--bg-input);border:1px solid var(--border);cursor:pointer;border-radius:9999px;flex-shrink:0;width:44px;height:24px;padding:0;position:relative}.switch .knob{background:var(--text-sub);border-radius:50%;width:18px;height:18px;transition:all .15s;position:absolute;top:2px;left:2px}.switch.on{background:var(--accent);border-color:var(--accent)}.switch.on .knob{background:#fff;left:22px}.legend{color:var(--text-sub);flex-wrap:wrap;gap:14px;padding-bottom:10px;font-size:12px;display:flex}.legend span{align-items:center;gap:5px;display:inline-flex}.legend .sw{border:1px solid var(--border);border-radius:3px;width:11px;height:11px;display:inline-block}.legend .sw.full{background:var(--green);border-color:var(--green)}.legend .sw.partial{background:#f97316;border-color:#f97316}.cal-nav{justify-content:space-between;margin-bottom:8px;display:flex}.cals{flex-wrap:wrap;gap:16px;display:flex}.cal{flex:1;min-width:230px}.cal-title{text-align:center;padding:4px 0 8px;font-size:13px;font-weight:700}.cal-grid{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.cal-w{color:var(--text-sub);text-align:center;padding:2px 0;font-size:10px}.cal-day{aspect-ratio:1;border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:12px;display:flex}.cal-day.full{color:#fff;background:#00ba7cd9;border-color:#0000;font-weight:700}.cal-day.partial{color:#fff;background:#f97316d9;border-color:#0000;font-weight:700}.cal-day.sel{outline:2px solid var(--accent);outline-offset:1px}.cal-day.future{color:var(--border);cursor:default;border-style:dashed}.panel-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.sel-count{color:var(--text-sub);margin-right:auto;font-size:12px}.modal-overlay{z-index:200;background:#5b708366;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--bg);border:1px solid var(--border);border-radius:16px;width:min(100%,400px);padding:24px}.modal h2{margin-bottom:4px;font-size:18px;font-weight:800}.modal label{color:var(--text-sub);margin:16px 0 6px;font-size:13px;display:block}.modal input[type=text],.modal input[type=password]{background:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:15px}.modal input:focus{border-color:var(--accent)}.range-chips{flex-wrap:wrap;gap:8px;display:flex}.modal-note{color:var(--text-sub);margin-top:16px;font-size:12px}.modal-error{color:var(--red);margin-top:12px;font-size:13px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.suggest{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;font-size:14px;display:flex}.suggest:last-child{border-bottom:none}.suggest .s-actions{flex-shrink:0;gap:6px;display:flex}.alias-chips{flex-wrap:wrap;align-items:center;gap:6px;padding:4px 0 2px;display:flex}.alias-chip{border:1px solid var(--border);color:var(--text);border-radius:9999px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;display:inline-flex}.alias-chip button{color:var(--text-sub);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;line-height:1}.alias-chip button:hover{color:var(--red)}.alias-add{background:var(--bg-input);border:1px solid var(--border);color:var(--text);border-radius:9999px;outline:none;width:110px;padding:4px 12px;font-family:inherit;font-size:12px}.alias-add:focus{border-color:var(--accent)}.panel-label{color:var(--text-sub);margin-top:8px;font-size:12px}.back-row{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:10px 16px;font-weight:700;display:flex}.back-row button{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:4px 8px 4px 0;font-size:14px}.un-post{border-bottom:1px solid var(--border);padding:12px 16px}.un-text{color:var(--text);word-break:break-word;margin-top:6px;font-size:13px}.empty{text-align:center;color:var(--text-sub);padding:40px 16px}.show-more{width:100%;color:var(--accent);cursor:pointer;text-align:center;background:0 0;border:none;padding:12px 0 4px;font-size:14px;display:block}.login-wrap{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}