@charset "UTF-8";:root{color-scheme:light;--bg: #f5f7fa;--panel: #ffffff;--chart-bg: #fbfbfd;--bg-dark: #2b2b2f;--text: #1f2937;--muted: #6b7280;--border: rgba(0, 0, 0, .12);--radius: 14px;--font-sans: system-ui, -apple-system, Segoe UI, Roboto, "Noto Sans JP", sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background:var(--bg);color:var(--text)}header{background:linear-gradient(180deg,#2b2b2f,#2f2f37);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);padding:6px 14px;display:flex;justify-content:space-between;align-items:center;color:#fff;flex-wrap:wrap;column-gap:10px;row-gap:4px}.title{display:flex;gap:10px;align-items:center;flex-wrap:nowrap;white-space:nowrap;flex-shrink:0}.title .logo-link{display:flex;align-items:center}.title .logo-link img{image-rendering:pixelated;width:32px;height:32px;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.title .logo-link:hover img{transform:scale(1.15) rotate(-8deg)}.title h1{font-size:15px;margin:0;letter-spacing:.2px}.title h1 a{color:inherit;text-decoration:none}.title h1 a:hover{color:#6e8eef;text-decoration:underline}.title .sub{font-size:12px;color:#aeb1b7}.toggle-switch-wrapper{display:inline-flex;align-items:center;margin-right:12px}.toggle-switch-wrapper .toggle-switch{display:inline-block;position:relative;width:36px;height:20px;margin-right:6px}.toggle-switch-wrapper .toggle-switch input{opacity:0;width:0;height:0}.toggle-switch-wrapper .toggle-switch input:checked+.slider{background-color:#3b82f6}.toggle-switch-wrapper .toggle-switch input:checked+.slider:before{transform:translate(16px)}.toggle-switch-wrapper .toggle-switch input:focus+.slider{box-shadow:0 0 1px #3b82f6}.toggle-switch-wrapper .toggle-switch .slider{position:absolute;cursor:pointer;inset:0;background-color:#4b5563;transition:.4s;border-radius:20px}.toggle-switch-wrapper .toggle-switch .slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}.toggle-switch-wrapper .toggle-label{font-size:.85rem;color:#e5e7eb;-webkit-user-select:none;user-select:none;cursor:pointer}@media(max-width:422px){.title .sub{display:none}}main{padding:8px;display:flex;justify-content:center}.section{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#616167de;height:fit-content}#app{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;align-items:start;padding-bottom:40px;grid-auto-rows:1px;margin:0 auto;max-width:1280px}#app.full-width{max-width:none;grid-template-columns:repeat(4,minmax(0,1fr))}#app.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}#app.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}#app.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:768px){#app{grid-template-columns:1fr}}.section-title{padding:4px 10px;font-size:13px;color:#fff;background:#262629d9;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:10px;align-items:center;white-space:nowrap;cursor:grab}.section-title .hint{font-size:12px;color:#b9b9b9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-title:active{cursor:grabbing}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px;grid-auto-flow:dense}.grid.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:600px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:320px){.grid{grid-template-columns:repeat(1,minmax(0,1fr))}}.tile{background:#444649;border:1px solid rgba(75,75,75,.9);border-radius:12px;overflow:hidden;min-height:240px;box-shadow:0 1px 2px #0000001c,0 4px 12px #00000036;position:relative;cursor:grab;transition:box-shadow .2s,transform .2s}@media(min-width:840px){.tile{width:calc(25vw - 20px);max-width:300px}}.tile:active{cursor:grabbing}.sortable-ghost{opacity:.4;background:#e2e8f0;border:2px dashed #94a3b8}.sortable-drag{cursor:grabbing;opacity:1;background:var(--panel);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:scale(1.02);z-index:100}.tile-head{padding:3px 6px;max-height:30px;overflow:hidden;display:flex;justify-content:space-between;gap:4px;border-bottom:1px solid rgba(104,99,99,.99);position:relative;z-index:3;background:#4c4c53;color:#fff}.tile-head .name{font-size:12px;white-space:nowrap;display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis}.tile-head .icon{width:16px;height:16px;object-fit:contain;display:block;border-radius:2px}.tile-head .icon.emoji{display:inline-block}.tile-head .sym{font-size:11px;color:#858991;white-space:nowrap;overflow:hidden;display:none}.tile-actions-wrapper{display:flex;align-items:center;position:relative}.tile-actions-group{display:flex;align-items:center;gap:2px}.tile-menu-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:0;display:none;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px}.tile-menu-btn:hover{color:#fff;background:#ffffff1a}@media(max-width:480px){.tile-menu-btn{display:flex;position:relative;z-index:101}.tile-actions-group{display:none}.tile-actions-group.show{display:flex;flex-direction:row;position:absolute;right:100%;top:50%;transform:translateY(-50%);background:#4c4c53;padding-right:8px;padding-left:8px;gap:8px;border-radius:14px 0 0 14px;box-shadow:-2px 0 4px #0003;z-index:100}}.tile-close-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:0;font-size:16px;line-height:1;border-radius:4px;display:flex;align-items:center;justify-content:center;width:18px;height:18px}.tile-close-btn:hover{color:#ff6b6b;background:#ffffff1a}.tile-reload-btn{background-color:transparent;border:none;color:#94a3b8;cursor:pointer;padding:0;line-height:1;border-radius:4px;display:flex;align-items:center;justify-content:center;width:18px;height:18px}.tile-reload-btn:hover{color:#3b82f6;background:#ffffff1a}.tile-setting-btn{background-color:transparent;border:none;color:#94a3b8;cursor:pointer;padding:0;line-height:1;border-radius:4px;display:flex;align-items:center;justify-content:center;width:18px;height:18px}.tile-setting-btn:hover{color:#3b82f6;background:#ffffff1a}.single-quote{position:absolute;top:23px;left:0;width:153%!important;height:85px!important;padding-right:0;opacity:.9;transform:scale(.66);transform-origin:top left;background:#fdfdfd;z-index:2}@media(max-width:450px){.single-quote{width:160%!important;height:89px!important;transform:scale(.63)}}@media(max-width:430px){.single-quote{width:167%!important;height:94px!important;transform:scale(.6)}}@media(max-width:415px){.single-quote{width:179%!important;height:97px!important;transform:scale(.57);left:-3px!important;top:24px!important}}@media(max-width:380px){.single-quote{width:185%!important;height:91px!important;transform:scale(.55);left:-2px!important;top:23px!important}}@media(max-width:370px){.single-quote{width:205%!important;height:93px!important;transform:scale(.5);left:-4px!important;top:25px!important}}@media(max-width:365px){.single-quote{width:188%!important;height:100px!important;transform:scale(.54);left:-2px!important;top:25px!important}}@media(max-width:360px){.single-quote{width:205%!important;height:107px!important;transform:scale(.5);left:-4px!important;top:25px!important}}@media(max-width:350px){.single-quote{width:213%!important;height:92px!important;transform:scale(.48);left:-3px!important;top:24px!important}}@media(max-width:340px){.single-quote{width:222%!important;height:95px!important;transform:scale(.46);left:-3px!important;top:25px!important}}@media(max-width:330px){.single-quote{width:233%!important;height:91px!important;transform:scale(.44);left:-3px!important;top:25px!important}}@media(max-width:320px){.single-quote{width:244%!important;height:95px!important;transform:scale(.42);left:-3px!important;top:25px!important}}.advanced-chart{position:absolute;top:79px;left:0;width:calc(100% + 2px)!important;height:calc(100% - 76px)!important;background:var(--chart-bg);z-index:1}@media(max-width:500px){.advanced-chart{top:64px;left:-20px;width:calc(100% + 40px)!important;height:calc(100% - 46px)!important;transform:scale(.85)}}@media(max-width:420px){.advanced-chart{top:58px;left:-24px;width:calc(100% + 48px)!important;height:calc(100% - 36px)!important;transform:scale(.8)}}@media(max-width:400px){.advanced-chart{top:45px;left:-30px;width:calc(100% + 60px)!important;height:calc(100% - 13px)!important;transform:scale(.75)}}@media(max-width:370px){.advanced-chart{top:34px;left:-35px;width:calc(100% + 70px)!important;height:calc(100% + 6px)!important;transform:scale(.7)}}@media(max-width:350px){.advanced-chart{top:11px;left:-53px;width:calc(100% + 105px)!important;height:calc(100% + 47px)!important;transform:scale(.6)}}@media(max-width:340px){.advanced-chart{top:6px;left:-55px;width:calc(100% + 115px)!important;height:calc(100% + 58px)!important;transform:scale(.58)}}@media(max-width:330px){.advanced-chart{top:-7px;left:-61px;width:calc(100% + 125px)!important;height:calc(100% + 80px)!important;transform:scale(.55)}}@media(max-width:320px){.advanced-chart{top:-16px;left:-66px;width:calc(100% + 135px)!important;height:calc(100% + 98px)!important;transform:scale(.52)}}.mini-chart{position:absolute;top:23px;left:0;width:calc(100% + 0px)!important;height:calc(100% - 23px)!important;background:var(--chart-bg);overflow:hidden;z-index:1}.btn{font-family:var(--font-sans);display:inline-block;background:#6f7989;color:#fff;border:1px solid #404751;border-radius:15px;padding:6px 12px;font-size:12px;font-weight:600;text-align:center;text-decoration:none;white-space:nowrap;box-shadow:0 1px 2px #0000000d;cursor:pointer}.btn-square{padding:8px 16px;border:none;border-radius:6px;font-size:14px}.btn-primary{background:#4484e9;border:1px solid #2f4f7b;color:#fff}.btn-primary:hover{background:#609eff}.btn-secondary{background:#6f7989;border:1px solid #404751;box-shadow:0 1px 2px #0000000d}.btn-secondary:hover{background:#8f959f;box-shadow:0 4px 6px #0000001a}.header-controls{display:flex;align-items:center;gap:10px;margin-left:auto}@media(max-width:640px){.header-controls{flex-wrap:wrap;justify-content:flex-end}}.col-toggle{display:flex;background:#3e3e4a;border-radius:6px;overflow:hidden;border:1px solid #5a5a65}.btn-toggle{background:transparent;border:none;color:#aeb1b7;padding:5px 10px;font-size:12px;cursor:pointer;transition:all .2s}.btn-toggle:hover{color:#fff;background:#ffffff1a}.btn-toggle.active{background:#4484e9;color:#fff;font-weight:600}footer{margin-top:auto;padding:24px;background:var(--bg-dark);color:#e7e7e7;text-align:center;border-top:1px solid rgba(0,0,0,.08);font-size:14px}footer a{color:#a2c0e9;text-decoration:none;font-weight:500}footer a:hover{text-decoration:underline;color:#6e8eef}.footer-content{display:flex;flex-direction:column;gap:12px;align-items:center;max-width:800px;margin:0 auto}.disclaimer{display:flex;flex-direction:column;gap:4px;color:#8892a3;font-size:13px}.form-group{margin:6px}.form-group label{margin:6px 0;display:inline-block}.form-group .pre-note{font-size:.9em;opacity:.8;padding:6px 8px;background:#7f7f7f1a;border-radius:4px;white-space:pre-wrap;margin-top:4px}dialog{padding:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-dark);color:#e7e7e7;box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0003;min-width:320px;max-width:90vw;width:400px;z-index:9999999}.app-dialog{position:fixed;inset:0;margin:auto;width:fit-content;height:fit-content;max-width:90vw;max-height:90vh}dialog::backdrop{background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-header{padding:6px 14px;background:#ffffff0d;border-bottom:1px solid var(--border);border-radius:14px 14px 0 0;display:flex;justify-content:space-between;align-items:center;cursor:move;-webkit-user-select:none;user-select:none;touch-action:none}.dialog-title{margin:0;font-size:15px;font-weight:600;color:#fff}.dialog-close-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;font-size:20px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px}.dialog-close-btn:hover{background:#ffffff1a;color:#fff}.dialog-body{padding:16px;font-size:14px}.dialog-footer{padding:12px 16px;background:#0000001a;border-top:1px solid var(--border);border-radius:0 0 14px 14px;display:flex;justify-content:flex-end;gap:10px}dialog input[type=text],dialog select{width:100%;padding:8px 12px;background:#1f1f23;border:1px solid #5a5a65;border-radius:6px;color:#e7e7e7;font-size:14px}dialog input[type=text]:focus,dialog select:focus{outline:none;border-color:#4484e9;box-shadow:0 0 0 2px #4484e933}.tab-nav{background:var(--bg);border-bottom:1px solid var(--border);padding:0 14px;top:0;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f5f7fae6}.tabs-container{display:flex;gap:20px;overflow-x:auto;scrollbar-width:none;max-width:1280px;margin:0 auto}.tabs-container::-webkit-scrollbar{display:none}.tab-btn{background:transparent;border:none;font-family:var(--font-sans);font-size:14px;font-weight:500;color:var(--muted);padding:12px 4px;cursor:pointer;white-space:nowrap;position:relative;transition:color .2s}.tab-btn:hover{color:var(--text)}.tab-btn.active{color:#4484e9;font-weight:600}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#4484e9;border-radius:2px 2px 0 0}
