body,html{min-width:320px;box-sizing:border-box}body{width:100%}.navbar-container,.toolbar{position:relative;width:100%;min-width:0;max-width:1024px;margin:0 auto;box-sizing:border-box;padding:1.1rem 1.5rem;flex-direction:column;justify-content:flex-start}@media (max-width:1024px){.navbar-container,.toolbar{max-width:100vw;padding-left:1.5rem;padding-right:1.5rem}}@media (max-width:900px){.navbar-container,.toolbar{width:100%;min-width:0;max-width:100vw;box-sizing:border-box}}@media (max-width:768px){.navbar-container,.toolbar{max-width:100vw;padding-left:.7rem;padding-right:.7rem}}@media (max-width:500px){.navbar-container,.toolbar{max-width:100vw;padding-left:8px;padding-right:8px}}.navbar-container,.toolbar{gap:var(--gap-md,1rem);padding-top:1.1rem;padding-bottom:1.1rem}.button-actions,.button-group{gap:var(--gap-sm,.5rem)}.brand{font-size:var(--font-size-lg,1.95rem);letter-spacing:.5px}.navbar-select{padding:.7rem 2.2rem .7rem 1rem}.btn,.btn.btn-primary,.navbar-select{font-size:var(--font-size-md,1.05rem);border-radius:var(--radius,8px)}.btn,.btn.btn-primary{padding:.7rem 0}.navbar-container{display:flex;align-items:center;flex-wrap:nowrap;gap:12px;width:100%;font-size:.93rem}.navbar-select{min-width:90px;max-width:120px;padding:4px 28px 4px 10px;border:1px solid var(--border,#d1d5db);border-radius:6px;background:var(--bg,#fff);color:var(--text,#222);font-size:.93rem;appearance:none;outline:none;margin-right:0;transition:border .2s,box-shadow .2s;background-image:url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px 10px}.navbar-select:focus{border-color:var(--accent,#0070f3);box-shadow:0 0 0 2px rgba(0,112,243,.15)}.navbar-select::-ms-expand{display:none}.button-actions{display:flex;align-items:center;gap:10px}.btn,.btn.btn-primary{min-width:110px;padding:7px 14px;font-size:.93rem}@media (max-width:900px){.navbar-container,.toolbar{flex-wrap:wrap;gap:8px;font-size:.98rem}.button-actions{flex-wrap:wrap;gap:8px}.btn,.btn.btn-primary{min-width:100px;font-size:.98rem;padding:7px 10px}.navbar-select{min-width:80px;font-size:.98rem;padding:4px 22px 4px 8px}}@media (max-width:768px){.navbar-container,.toolbar{flex-direction:column;align-items:stretch;gap:14px;padding:1.1rem .7rem 1.2rem;width:100%;box-sizing:border-box;background:var(--card-bg,#fff);border-radius:14px;box-shadow:0 2px 16px rgba(0,0,0,.1)}.brand{font-size:1.22rem;text-align:center;margin-bottom:.2em;width:100%;color:var(--accent);letter-spacing:.5px}.button-group{flex-direction:column;align-items:stretch;gap:12px;width:100%}.theme-toggle{flex-direction:row;align-items:center;justify-content:flex-start;gap:.7rem;width:100%;background:rgba(0,0,0,.04);border-radius:8px;padding:.5rem .7rem;margin-bottom:2px}.theme-label{font-size:1rem;color:var(--text-light,#888);font-weight:500}.language-selector,.translation-mode{flex-direction:column;align-items:flex-start;gap:2px;width:100%;margin-bottom:2px}.navbar-select{display:block;width:100%;max-width:98%;font-size:1.08rem;padding:11px 14px 11px 12px;margin:2px auto 8px;box-sizing:border-box;background:var(--bg,#fff);color:var(--text,#222);border:1.5px solid var(--border,#d1d5db);box-shadow:0 1px 6px rgba(0,0,0,.04)}.button-actions{flex-direction:column;align-items:stretch;gap:10px;width:100%;margin-top:2px}.btn,.btn.btn-primary{min-width:0;width:100%;font-size:1.09rem;padding:13px 0;box-sizing:border-box;border-radius:8px;box-shadow:0 1px 6px rgba(0,0,0,.04)}.theme-toggle .switch .slider{background:var(--text-light,#b3b3b3);border:2px solid var(--border,#d1d5db)}.theme-toggle .switch input:checked+.slider{background:var(--accent,#22c55e);border:2px solid var(--accent,#22c55e)}.theme-toggle .switch .slider:before{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.1)}}@media (max-width:600px){.button-actions,.navbar-container,.toolbar{flex-direction:column;align-items:stretch;gap:6px}}@media (max-width:500px){.navbar-container,.toolbar{flex-direction:column;align-items:stretch;gap:10px;padding:.7rem .4rem}.brand{font-size:1.1rem;text-align:center;margin-bottom:.2em}.button-group{flex-direction:column;align-items:stretch;gap:8px;width:100%}.language-selector,.theme-toggle,.translation-mode{flex-direction:column;align-items:flex-start;gap:2px;width:100%}.navbar-select{display:block;margin-left:auto;margin-right:auto;width:100%;max-width:98%;font-size:1rem;padding:7px 12px 7px 10px;margin-top:2px}.button-actions{flex-direction:column;align-items:stretch;gap:8px;width:100%}.btn,.btn.btn-primary{min-width:0;width:100%;font-size:1rem;padding:10px 0}}.navbar-container>*,.toolbar>*{margin-left:auto;margin-right:auto}@media (max-width:768px){.btn,.btn.btn-primary,.navbar-select{margin-left:auto;margin-right:auto;width:96%;max-width:340px;min-width:120px;display:block}.language-selector,.theme-toggle,.translation-mode{width:100%;display:flex;flex-direction:column;align-items:center}}@media (min-width:426px){.navbar-container,.toolbar{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--gap-md,1rem)}.brand{font-size:var(--font-size-lg,1.95rem);margin-bottom:0;margin-right:1.2rem;text-align:left;min-width:180px;flex-shrink:0}.button-group{flex-direction:row;align-items:center;justify-content:flex-end;width:auto;gap:var(--gap-md,1rem)}.btn,.btn.btn-primary,.navbar-select{width:auto;min-width:110px;max-width:220px;margin:0;display:inline-block}}@media (min-width:426px) and (max-width:900px){.navbar-container,.toolbar{flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:center;gap:var(--gap-md,1rem);padding-left:1.2rem;padding-right:1.2rem}.brand{font-size:1.35rem;margin-bottom:0;margin-right:1rem;text-align:left;min-width:140px;flex-shrink:0;order:1}.button-group{flex-direction:row;align-items:center;justify-content:flex-end;width:auto;gap:var(--gap-md,1rem);flex-wrap:wrap;order:2}.btn,.btn.btn-primary,.navbar-select{width:auto;min-width:90px;max-width:180px;margin:0;display:inline-block;font-size:1rem}.navbar-container>*,.toolbar>*{margin-left:0;margin-right:0}}@media (max-width:768px){.navbar-container,.toolbar{flex-direction:column;align-items:stretch;gap:14px;padding:1.1rem 8px 1.2rem;max-width:100vw}.brand{font-size:2.1rem;text-align:center;margin-bottom:.3em;margin-right:0;width:100%;color:var(--accent);letter-spacing:.5px}.button-group{flex-direction:column;align-items:stretch;gap:12px;width:100%}.btn,.btn.btn-primary,.navbar-select{width:96%;max-width:340px;min-width:120px;margin-left:auto;margin-right:auto;display:block}}.card,.navbar-container,.toolbar,.wrapper,header,main{box-sizing:border-box;width:100%;min-width:0;max-width:1024px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (max-width:1100px){.card,.navbar-container,.toolbar,.wrapper,header,main{max-width:98vw;padding-left:2vw;padding-right:2vw}}@media (max-width:768px){.card,.navbar-container,.toolbar,.wrapper,header,main{max-width:100vw;padding-left:8px;padding-right:8px}}.github-project-link-fixed{position:fixed;top:10px;right:18px;z-index:1002;background:rgba(255,255,255,.92);border-radius:6px;padding:3px 12px;box-shadow:0 2px 8px rgba(0,0,0,.04);font-size:13px;color:#1a7f37;opacity:.85;transition:background .2s,box-shadow .2s}.github-project-link-fixed:hover{background:#e6f4ea;color:#176c2b;opacity:1;text-decoration:underline}@media (max-width:600px){.github-project-link-fixed{top:6px;right:6px;font-size:12px;padding:2px 8px}}.switch{position:relative;display:inline-block;width:48px;height:26px;margin:0 8px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--text-light);border-radius:28px;border:2px solid var(--border)}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{content:"";height:18px;width:18px;left:4px;top:50%;transform:translateY(-50%);background:white;border-radius:50%}input:checked+.slider{background:var(--accent)}input:checked+.slider:before{transform:translate(22px,-50%)}.section-toggler{position:absolute;top:12px;right:18px;background:transparent;border:none;color:var(--accent,#0070f3);font-size:1.6rem;cursor:pointer;z-index:2;padding:4px;border-radius:50%;transition:background .18s,box-shadow .18s;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.section-toggler:hover{background:rgba(0,112,243,.08);box-shadow:0 2px 8px rgba(0,0,0,.07)}.section-toggler svg{transition:transform .38s cubic-bezier(.4,2,.6,1);display:block;width:20px;height:20px}.section-toggler[aria-expanded=false] svg{transform:rotate(-180deg)}.section-toggler[aria-expanded=true] svg{transform:rotate(0deg)}.card{position:relative;transition:box-shadow .2s}.section-content{transition:max-height 1.25s cubic-bezier(.4,2,.6,1),opacity .48s;overflow:hidden}.section-content.closed{max-height:0;opacity:0;pointer-events:none}.section-content.open{max-height:2000px;opacity:1}.toggle-all-btn{position:absolute;top:12px;left:18px;background:var(--accent,#0070f3);color:#fff;border:none;border-radius:6px;font-size:.98rem;font-weight:600;padding:6px 16px;cursor:pointer;z-index:3;transition:background .18s}.toggle-all-btn:hover{background:#005fa3}.toggle-all-icon-btn{position:absolute;top:10px;right:18px;background:transparent;border:none;color:var(--accent,#0070f3);cursor:pointer;z-index:3;padding:4px;border-radius:50%;transition:background .18s,box-shadow .18s;display:flex;align-items:center;justify-content:center;width:32px;height:44px}.toggle-all-icon-btn:hover{background:rgba(0,112,243,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.toggle-all-icon-btn svg{display:block;width:26px;height:44px;color:var(--accent,#0070f3);transition:transform .38s cubic-bezier(.4,2,.6,1)}@media (max-width:1024px){.card>.section-toggler{top:10px;right:10px}}@media (max-width:768px){.card>.section-toggler{top:8px;right:8px;width:32px;height:32px}.card>.section-toggler svg{width:18px;height:18px}}@media (max-width:500px){.card>.section-toggler{top:6px;right:6px;width:28px;height:28px}.card>.section-toggler svg{width:15px;height:15px}}.statusbar-stat-hover{cursor:pointer;transition:background .18s;position:relative;display:block;width:100%;overflow:visible}.statusbar-anecdote{pointer-events:none;opacity:0;position:absolute;left:0;right:0;margin:0 auto;top:110%;min-width:220px;max-width:98%;background:#222;color:#fff;border-radius:8px;padding:.7em 1.1em;font-size:1em;font-weight:400;box-shadow:0 2px 12px rgba(0,0,0,.18);transition:opacity .25s,background .25s,color .25s;z-index:10;text-align:center;white-space:normal;display:block;box-sizing:border-box;overflow-wrap:break-word}@media (max-width:500px){.statusbar-anecdote{min-width:0;max-width:98vw;font-size:.95em}}.statusbar-stat-hover:focus,.statusbar-stat-hover:hover{background:rgba(58,123,213,.1);border-radius:6px}.statusbar-stat-hover:focus .statusbar-anecdote,.statusbar-stat-hover:hover .statusbar-anecdote{opacity:1;pointer-events:auto;background:#343036;color:#fff}.loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(30,30,30,.55);z-index:9998;pointer-events:all;transition:opacity .3s;animation:fadeInOverlay .3s}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.statusbar-draggable,.statusbar-draggable.minimized{position:fixed;background:rgba(30,30,30,.82);color:#fff;padding:.85rem 1.15rem;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.22);z-index:9999;font-size:.97rem;backdrop-filter:blur(2px);min-width:260px;max-width:420px}.statusbar-draggable.minimized{width:340px!important;min-width:260px;max-width:420px;display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:.85rem 1.15rem}.statusbar-header{display:flex;justify-content:space-between;align-items:center;cursor:grab;user-select:none}.statusbar-title,.statusbar-title-remaining{background:none!important;color:#fff!important;font-weight:600;font-size:1.08rem;margin:0;padding:0;box-shadow:none}.statusbar-title,.statusbar-title-remaining{display:inline-block;vertical-align:middle}.statusbar-title-remaining{color:var(--accent,#00c896)!important;font-weight:500;margin-left:6px}.statusbar-btn{background:transparent;border:none;color:#fff;cursor:pointer;font-size:1rem}.statusbar-flex{display:flex;gap:8px}.statusbar-section{margin-bottom:.5em;position:relative}.statusbar-section-title{margin:0}.statusbar-section-detail{font-size:.82em;color:#bdbdbd;margin-top:.1em}.statusbar-section-monospace{font-family:monospace}.statusbar-section-span{color:#bdbdbd;font-size:.93em}.statusbar-close-btn{background:transparent;color:#fff;border:none;font-size:1.25rem;cursor:pointer;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s;z-index:10001;margin-left:8px;margin-right:0;box-shadow:none}.statusbar-close-btn:hover{background:var(--accent,#0070f3);color:#fff}.navbar-container,.toolbar{flex-wrap:nowrap}.button-group,.navbar-container,.toolbar{display:flex;align-items:center;gap:12px}.btn,.btn.btn-primary{min-width:120px;padding:8px 18px;font-size:1rem;border-radius:6px;border:none;background:var(--accent,#00c896);color:#fff;font-weight:600;cursor:pointer;transition:background .2s,box-shadow .2s;box-shadow:none;margin:0}.btn.btn-primary:hover,.btn:hover{background:#009e7a}.fallback-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:1000}.fallback-modal-card{background:#fff;border-radius:8px;padding:32px;max-width:400px;box-shadow:0 2px 16px rgba(0,0,0,.2)}.fallback-modal-title{margin-bottom:16px}.fallback-modal-text{margin-bottom:24px}.fallback-modal-actions{display:flex;gap:16px;justify-content:flex-end}.fallback-modal-btn{padding:8px 16px;border-radius:4px;border:none}.fallback-modal-btn-primary{background:#0070f3;color:#fff}.modal-card{background:var(--card-bg);border:1px solid var(--border);padding:1.2rem 1.2rem 1rem;border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,.13);max-width:340px;width:100%;min-width:0;display:flex;flex-direction:column;gap:.8rem;align-items:center;animation:modal-fade-in .18s}@keyframes modal-fade-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.confirm-modal-input{width:100%;min-width:0;box-sizing:border-box;padding:.6rem .9rem;border-radius:7px;border:1px solid var(--border);margin-bottom:10px;font-size:1rem;background:var(--bg);color:var(--text);box-shadow:none;display:block}.confirm-modal-input:focus{border-color:var(--accent);outline:none}.confirm-modal-error{color:var(--accent);margin-bottom:6px;font-size:.97rem;font-weight:500}.flex{display:flex;width:100%;justify-content:center}.gap-4{gap:.7rem}.justify-end{justify-content:center}.modal-card>.confirm-modal-error,.modal-card>h2,.modal-card>p{text-align:center;width:100%}@media (max-width:500px){.modal-card{padding:.7rem .3rem;max-width:98vw}}.privacy-modal-card{max-width:520px;text-align:left;background:var(--card-bg);color:var(--text);border-radius:var(--radius,12px);box-shadow:var(--shadow,0 4px 32px rgba(0,0,0,.18));padding:2.5rem 2.2rem;border:1px solid var(--border)}.privacy-modal-title{margin-bottom:16px}.privacy-modal-paragraph{margin-bottom:12px}.privacy-modal-list{margin-bottom:16px;padding-left:20px;color:var(--text)}.privacy-modal-list-italic{font-style:italic;color:var(--accent);font-size:.98em}.privacy-modal-summary{margin-bottom:12px}.privacy-modal-footer{text-align:right}.privacy-modal-btn{margin-top:8px}