*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none}:root{--accent:#1e5fbf;--accent-hover:#2f74d9;--heading:#2a4a7a;--cream:#f7fafc;--bg:#edf2fa;--border:#c4d4e8;--text:#1e293b;--text-muted:#64748b;--sidebar-w:clamp(300px, 36vw, 448px);--radius:8px;--shadow:0 2px 12px #0f3c781a;color:var(--text);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px}#app{overscroll-behavior:none;flex-direction:column;height:100dvh;display:flex}.app-shell{height:100dvh;display:flex;overflow:hidden}.sidebar-wrapper{width:var(--sidebar-w);overscroll-behavior-y:contain;background:linear-gradient(168deg,#123a5c 0%,#1a56b5 48%,#2563c4 100%);flex-direction:column;flex-shrink:0;transition:width .2s;display:flex;overflow-y:auto}.sidebar-wrapper.collapsed{width:52px}.sidebar-wrapper.collapsed .sidebar-title,.sidebar-wrapper.collapsed .nav-item span,.sidebar-wrapper.collapsed .nav-item .badge,.sidebar-wrapper.collapsed .sidebar-footer,.sidebar-wrapper.collapsed .sidebar-nav,.sidebar-wrapper.collapsed .sidebar-controls{display:none}.sidebar-wrapper.collapsed .sidebar-header{justify-content:center;padding:1rem .5rem}.sidebar-wrapper.collapsed .sidebar-logo{display:none}.main-wrapper{background:var(--bg);overscroll-behavior-y:contain;flex:1;position:relative;overflow-y:auto}.daily-dashboard{flex-direction:column;min-height:100%;display:flex}.daily-dashboard-header{border-bottom:1px solid var(--border);background:var(--cream);flex-shrink:0;padding:1.25rem 2rem .75rem}.daily-dashboard-header .file-title{margin-bottom:.35rem}.daily-dashboard-note{max-width:42rem;color:var(--text-muted);margin:0;font-size:.88rem;line-height:1.45}.daily-dashboard-frame{background:#fff;border:0;flex:1;width:100%;min-height:calc(100dvh - 9rem)}.ear-training-page{max-width:52rem;margin:0 auto;padding:.65rem 1rem 1rem}.ear-training-title{margin:0 0 .65rem;font-size:1.15rem}.ear-training-toolbar{flex-direction:column;align-items:stretch;gap:.55rem;margin-bottom:.75rem;display:flex}.ear-training-tb-btn{width:100%;min-height:3rem;color:var(--text);border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;padding:.65rem 1rem;font-size:1.05rem;font-weight:600;line-height:1.2;transition:background .12s,border-color .12s;display:flex}.ear-training-tb-btn:hover:not(:disabled){border-color:var(--accent);background:#e8f1fc}.ear-training-tb-btn:disabled{opacity:.45;cursor:not-allowed}#ear-generate{color:var(--accent)}.ear-training-settings{border:1px solid var(--border);background:var(--surface-elevated,#00000005);border-radius:8px;margin-bottom:.35rem;font-size:.85rem}.ear-training-settings-summary{cursor:pointer;user-select:none;color:var(--text-muted);padding:.35rem .6rem;font-weight:600;list-style:none}.ear-training-settings-summary::-webkit-details-marker{display:none}.ear-training-settings-summary:before{content:"▸";margin-right:.45rem;transition:transform .15s;display:inline-block}.ear-training-settings[open] .ear-training-settings-summary:before{transform:rotate(90deg)}.ear-training-settings-body{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:0 .55rem .55rem;display:flex}.ear-training-melody-note{color:var(--text-muted);flex:100%;margin:.15rem 0 0;font-size:.75rem;line-height:1.4}.ear-training-melody-note code{font-size:.72rem}.ear-training-option{cursor:pointer;user-select:none;align-items:center;gap:.35rem;display:inline-flex}.ear-training-option-instrument{gap:.45rem}.ear-training-select{border:1px solid var(--border);background:var(--bg,#fff);color:var(--text);border-radius:6px;padding:.2rem .4rem;font-size:.85rem}.ear-training-hints{background:#f0f7ff;border:1px solid #c5daf5;border-radius:6px;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;margin-bottom:.35rem;padding:.3rem .55rem;font-size:.85rem;line-height:1.35;display:flex}.ear-training-hints.hidden{display:none}.ear-training-hint strong{margin-right:.2rem;font-weight:600}.ear-training-hint-sep{color:var(--text-muted);user-select:none}.ear-training-puzzle{background:var(--surface-elevated,#00000008);border:1px solid var(--border);border-radius:8px;margin:.35rem 0;padding:.55rem .65rem .65rem}.ear-training-puzzle.hidden{display:none}.ear-training-palette{flex-wrap:wrap;gap:.3rem;margin-bottom:.5rem;display:flex}.ear-training-syllable{text-transform:lowercase;color:var(--accent);cursor:pointer;background:#fff;border:1px solid #c5daf5;border-radius:999px;padding:.45rem .75rem;font-size:1rem;font-weight:600;transition:background .12s,border-color .12s}.ear-training-syllable:hover{border-color:var(--accent);background:#e8f1fc}.ear-training-syllable:active{transform:scale(.97)}.ear-training-syllable-extra{color:#6b4fa0;background:#f6f2fc;border-style:dashed;border-color:#c9b8e8}.ear-training-answer-box{margin-bottom:.45rem}.ear-training-answer{border:2px dashed var(--border);background:#fff;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.35rem;min-height:2.25rem;padding:.4rem .5rem;display:flex}.ear-training-answer-placeholder{color:var(--text-muted);margin:.25rem 0 0;font-size:.8rem;font-style:italic}.ear-training-answer-placeholder.hidden{display:none}.ear-training-pill{text-transform:lowercase;color:#1a4d8c;background:#e8f1fc;border:1px solid #b8d4f0;border-radius:999px;align-items:center;gap:.2rem;padding:.22rem .3rem .22rem .45rem;font-size:.88rem;font-weight:600;display:inline-flex}.ear-training-pill-remove{color:#5a7a9a;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:1.35rem;height:1.35rem;margin:0;padding:0;font-size:1.1rem;line-height:1;display:inline-flex}.ear-training-pill-remove:hover{color:#a94442;background:#00000014}.ear-training-puzzle-actions{flex-direction:column;align-items:stretch;gap:.55rem;display:flex}.ear-training-action-btn{border-radius:10px;width:100%;min-height:3rem;padding:.65rem 1rem;font-size:1.05rem;font-weight:600}.ear-training-feedback{border-radius:8px;margin:.45rem 0 0;padding:.4rem .55rem;font-size:.95rem;font-weight:500}.ear-training-feedback.hidden{display:none}.ear-training-feedback-ok{color:#155724;background:#d4edda;border:1px solid #c3e6cb}.ear-training-feedback-bad{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb}.ear-training-reveal.hidden{display:none}.ear-training-source,.ear-training-key{color:var(--text-muted);margin:0 0 .35rem;font-size:.82rem}.ear-training-labels{margin:.5rem 0}.ear-training-line{letter-spacing:.04em;word-break:break-word;margin:0 0 .4rem;font-size:1rem;line-height:1.5}.ear-training-line-pitches{font-variant-numeric:tabular-nums;font-weight:600}.ear-training-line-solfege{color:var(--accent);text-transform:lowercase;font-size:1.1rem}.ear-training-staff-wrap{box-sizing:border-box;border:1px solid var(--border);background:#fff;border-radius:8px;max-width:100%;margin-top:.5rem;padding:.5rem;overflow-x:auto}.ear-training-staff-host{max-width:100%;margin:0 auto}.ear-training-staff-wrap svg{max-width:100%;height:auto;display:block}.ear-training-staff-error{color:#a94442;margin:0;font-size:.9rem}.chess-page{max-width:56rem;margin:0 auto;padding:1.25rem 1.5rem 2rem}.chess-header{border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:.75rem}.chess-layout{grid-template-columns:minmax(0,1fr) minmax(220px,280px);align-items:start;gap:1.25rem;display:grid}@media (width<=768px){.chess-layout{grid-template-columns:1fr}}.chess-board-column{min-width:0}.chess-board-with-eval{align-items:stretch;gap:.35rem;width:min(100%,508px);max-width:100%;margin:0 auto;display:flex}.chess-board-toolbar{flex-wrap:wrap;gap:.5rem;width:min(100%,508px);max-width:100%;margin:.6rem auto 0;display:flex}.chess-board-toolbar-btn{flex:auto;min-width:5.5rem;min-height:2.5rem;font-size:.95rem}.chess-board-toolbar #chess-undo{flex:1.4 8rem}.chess-eval-bar{border:1px solid var(--border);background:#2c2c2c;border-radius:4px;flex:0 0 22px;align-self:stretch;width:22px;min-height:0;position:relative;overflow:hidden}.chess-board-with-eval .chess-board-wrap{flex:auto;min-width:0}.chess-eval-fill{pointer-events:none;background:linear-gradient(#fff,#f5f5f5);height:50%;transition:height .35s;position:absolute;bottom:0;left:0;right:0}.chess-eval-fill--from-top{background:linear-gradient(#f5f5f5,#fff);top:0;bottom:auto}.chess-eval-label{font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 0 3px #000,0 0 2px #000;white-space:nowrap;pointer-events:none;z-index:1;font-size:.62rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.chess-board-wrap{width:min(100%,480px);max-width:100%;margin:0;position:relative}.chess-board.cg-wrap{aspect-ratio:1;width:100%}.chess-promotion{z-index:5;background:#ffffffeb;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex;position:absolute;inset:0}.chess-promotion.hidden{display:none}.chess-promotion-title{margin:0;font-size:.95rem;font-weight:600}.chess-promotion-pieces{gap:.5rem;display:flex}.chess-promo-btn{border:2px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;min-width:2.75rem;height:2.75rem;font-size:1.1rem;font-weight:700}.chess-promo-btn:hover{border-color:var(--accent);background:#e8f1fc}.chess-thinking{text-align:center;color:var(--text-muted);margin:.5rem 0 0;font-size:.9rem;font-style:italic}.chess-thinking.hidden{display:none}.chess-panel{background:var(--surface-elevated,#00000008);border:1px solid var(--border);border-radius:10px;padding:1rem}.chess-status{margin:0 0 .85rem;font-size:1rem;font-weight:600;line-height:1.4}.chess-field{margin-bottom:.75rem;display:block}.chess-field-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:.3rem;font-size:.8rem;font-weight:600;display:block}.chess-select{border:1px solid var(--border);background:#fff;border-radius:6px;width:100%;padding:.4rem .5rem;font-size:.9rem}.chess-actions{flex-wrap:wrap;gap:.45rem;margin-bottom:.5rem;display:flex}.chess-moves-section{border:1px solid var(--border);background:#fff;border-radius:8px;margin-top:.5rem;padding:.5rem .55rem .55rem}.chess-moves-header{justify-content:space-between;align-items:center;gap:.35rem;margin-bottom:.35rem;display:flex}.chess-moves-heading{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0;font-size:.85rem;font-weight:600}.chess-copy-pgn{margin:-.15rem -.1rem 0 0}.chess-moves{max-height:12rem;margin:0;padding-left:1.2rem;font-size:.88rem;line-height:1.5;overflow-y:auto}.chess-moves-empty{color:var(--text-muted);margin-left:-1.2rem;font-style:italic;list-style:none}.chess-credits{color:var(--text-muted);margin:1rem 0 0;font-size:.75rem;line-height:1.45}.chess-credits a{color:var(--accent)}.weather-page{max-width:52rem;margin:0 auto;padding:1.25rem 1.5rem 2rem}.weather-page-header{border-bottom:1px solid var(--border);margin-bottom:1.25rem;padding-bottom:.75rem}.weather-page-lead{color:var(--text-muted);margin:.35rem 0 0;font-size:.9rem;line-height:1.45}.weather-page-lead a{color:var(--accent)}.weather-loading,.weather-error{color:var(--text-muted);flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1rem;display:flex}.weather-alerts{border-radius:var(--radius);color:#664d03;background:#fff3cd;border:1px solid #ffc107;margin-bottom:1rem;padding:.65rem .85rem;font-size:.88rem}.weather-alerts ul{margin:0;padding-left:1.1rem}.weather-section{margin-bottom:1.5rem}.weather-section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.65rem;font-size:.8rem;font-weight:600}.weather-section-title a{color:var(--accent);text-decoration:none}.weather-section-title a:hover{text-decoration:underline}.weather-section-icon{margin-right:.35rem}.weather-scroll-row{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:.65rem;padding:.35rem .15rem .65rem;display:flex;overflow-x:auto}.weather-day-card,.weather-hour-card{scroll-snap-align:start;text-align:center;border:1px solid var(--border);background:var(--cream);box-shadow:var(--shadow);border-radius:1.25rem;flex-direction:column;flex:none;align-items:center;padding:.75rem .65rem;display:flex}.weather-day-card{min-width:4.75rem}.weather-hour-card{min-width:4.25rem}.weather-day-high{color:var(--heading);font-size:1.35rem;font-weight:700;line-height:1.1}.weather-day-low{color:var(--text-muted);margin-bottom:.25rem;font-size:.95rem}.weather-hour-temp{color:var(--heading);font-size:1.1rem;font-weight:600}.weather-icon{margin:.2rem 0;display:block}.weather-precip{color:#2563eb;font-size:.75rem;font-weight:600}.weather-hour-label,.weather-day-name{color:var(--text);margin-top:.35rem;font-size:.78rem;font-weight:600}.weather-day-date{color:var(--text-muted);font-size:.72rem}.weather-map-row{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.weather-map-row-2{grid-template-columns:repeat(2,1fr)}.weather-map-cell{text-align:center;margin:0}.weather-map-img{border:1px solid var(--border);border-radius:var(--radius);width:100%;height:auto;display:block}.weather-map-cell figcaption{color:var(--text-muted);margin-top:.25rem;font-size:.75rem}.weather-detail{border:1px solid var(--border);border-radius:var(--radius);background:var(--cream);padding:.5rem .75rem}.weather-detail summary{cursor:pointer;color:var(--text-muted);font-size:.85rem;font-weight:600}.weather-detail-body{max-height:24rem;margin-top:.65rem;font-size:.88rem;line-height:1.45;overflow-y:auto}.weather-detail-period{margin-bottom:.5rem}@media (width<=600px){.weather-map-row,.weather-map-row-2{grid-template-columns:1fr}}.welcome-view{box-sizing:border-box;max-width:40rem;margin:0 auto;padding:1.5rem 1.5rem 2rem}.welcome-header{margin-bottom:1.5rem}.welcome-logo{margin-bottom:.75rem;display:block}.welcome-lead{color:var(--text);margin:.35rem 0 0;font-size:1rem;line-height:1.55}.welcome-section{margin-bottom:1.25rem}.welcome-section-muted{border-top:1px solid var(--border);padding-top:.5rem}.welcome-heading{color:var(--heading);margin:0 0 .5rem;font-size:.95rem;font-weight:600}.welcome-list{color:var(--text);margin:0;padding-left:1.2rem;line-height:1.55}.welcome-list li{margin-bottom:.45rem}.welcome-list code{font-size:.88em}.welcome-note,.welcome-hint{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.55}.welcome-note a{color:var(--accent);font-weight:600}.chat-view{box-sizing:border-box;flex-direction:column;max-width:52rem;height:100%;min-height:calc(100dvh - 2rem);margin:0 auto;padding:1.25rem 1.5rem 1rem;display:flex}.chat-header{flex-shrink:0;margin-bottom:1rem}.main-wrapper:has(.cursor-agent-view){flex-direction:column;padding:0;display:flex;overflow:hidden}.cursor-agent-view{box-sizing:border-box;flex:1;width:100%;max-width:none;height:100%;min-height:0;margin:0;padding:.65rem clamp(.75rem,2.5vw,2rem) .85rem}.cursor-agent-view .chat-header{margin-bottom:.5rem}.cursor-agent-header-row{flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.cursor-agent-header-row .file-title{flex:1;min-width:0;margin:0}.cursor-agent-header-actions{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.cursor-agent-convo-link{line-height:1;text-decoration:none}.cursor-agent-new-convo{flex-shrink:0;width:auto}.chat-bubble-wrap{max-width:min(48rem,88%);display:flex;position:relative}.chat-bubble-wrap-user{align-self:flex-end}.chat-bubble-wrap-assistant{align-self:flex-start}.chat-bubble-wrap .chat-bubble{flex:1;max-width:100%;padding-right:2.25rem}.chat-bubble-wrap-user .chat-bubble{padding-right:2.25rem}.chat-bubble-copy{z-index:1;opacity:.55;background:0 0;border:none;padding:.15rem .35rem;font-size:.85rem;line-height:1;position:absolute;top:.2rem;right:.2rem}.chat-bubble-wrap:hover .chat-bubble-copy,.chat-bubble-copy:focus-visible{opacity:1}.chat-bubble-wrap-user .chat-bubble-copy{color:#fff}.cursor-agent-view .chat-messages{flex:1;min-height:0;margin-top:.35rem}.cursor-agent-view .chat-input{min-height:3.25rem;max-height:12rem}.cursor-agent-view .chat-bubble-wrap{max-width:min(48rem,88%)}.chat-header .file-title{margin-bottom:.35rem}.chat-subtitle{color:var(--text-muted);margin:0 0 .35rem;font-size:.88rem;line-height:1.45}.chat-model-row{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin:.5rem 0 .35rem;display:flex}.chat-model-label{color:var(--heading);font-size:.82rem;font-weight:600}.chat-model-select{border:1px solid var(--border);border-radius:var(--radius);background:var(--cream) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%235a5348' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") no-repeat right .65rem center;min-width:0;max-width:100%;color:var(--text);cursor:pointer;appearance:none;flex:14rem;padding:.4rem 2rem .4rem .65rem;font-family:inherit;font-size:.88rem}.chat-model-select:disabled{opacity:.6;cursor:not-allowed}.chat-model-select:focus{border-color:var(--accent);outline:none}.chat-status{color:var(--heading);margin:0;font-size:.8rem}.chat-gpu-panel{border-radius:var(--radius);color:var(--text);background:#fff8e6;border:1px solid #e6c84a;flex-shrink:0;margin-bottom:.75rem;padding:.85rem 1rem;font-size:.88rem;line-height:1.5}.chat-gpu-panel.hidden{display:none}.chat-gpu-panel-title{color:#7a5a00;margin:0 0 .4rem;font-weight:700}.chat-gpu-panel-text{margin:0 0 .5rem}.chat-gpu-panel-list{margin:0 0 .5rem 1.1rem;padding:0}.chat-gpu-panel-list li{margin-bottom:.25rem}.chat-gpu-panel-links{margin:0}.chat-gpu-panel-links a{color:var(--accent);font-weight:600}.chat-messages{flex-direction:column;flex:1;gap:.75rem;min-height:12rem;padding:.75rem 0;display:flex;overflow-y:auto}.chat-empty-hint{text-align:center;color:var(--text-muted);margin:auto;padding:2rem 1rem;font-size:.95rem;line-height:1.5}.chat-bubble{border-radius:var(--radius);white-space:pre-wrap;word-break:break-word;max-width:92%;padding:.55rem .85rem;font-size:.92rem;line-height:1.5}.chat-bubble-user{background:var(--accent);color:#fff;align-self:flex-end}.chat-bubble-assistant{background:var(--cream);border:1px solid var(--border);color:var(--text);align-self:flex-start}.chat-bubble-streaming{opacity:.85}.chat-composer{border-top:1px solid var(--border);flex-shrink:0;align-items:flex-end;gap:.5rem;padding-top:.75rem;display:flex}.chat-input{border:1px solid var(--border);border-radius:var(--radius);resize:vertical;background:var(--cream);outline:none;flex:1;min-height:2.75rem;max-height:8rem;padding:.55rem .75rem;font-family:inherit;font-size:.95rem}.chat-input:focus{border-color:var(--accent)}.cursor-agent-view .cursor-agent-status{border-top:1px solid var(--border);flex-shrink:0;min-height:1.25rem;margin:0;padding:.5rem 0 .35rem}.cursor-agent-view .chat-composer{border-top:none;flex-direction:column;align-items:stretch;padding-top:.5rem}.cursor-agent-view .chat-send{width:100%;min-height:3rem}.chat-send{flex-shrink:0;min-height:2.75rem}.nav-special-links{border-bottom:1px solid #ffffff1f;margin-bottom:.4rem;padding-bottom:.4rem}.nav-special-item{text-align:left;width:100%;font-weight:600}.sidebar-title.active{color:#fff;text-decoration:none}.auth-screen{justify-content:center;align-items:center;min-height:100dvh;padding:1rem;display:flex}.auth-card{background:var(--cream);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;width:100%;max-width:440px;padding:2.5rem 2rem}.auth-logo{object-fit:contain;width:3rem;height:3rem;margin:0 auto .5rem;display:block}.auth-card h1{color:var(--accent);margin-bottom:.75rem;font-size:1.6rem}.auth-card p{color:var(--text-muted);margin-bottom:.75rem;font-size:.9rem;line-height:1.5}.auth-hint{font-size:.82rem!important}.auth-hint a{color:var(--accent)}.auth-hint code{background:var(--bg);border-radius:4px;padding:1px 5px;font-size:.8rem}.auth-sample-hint .auth-sample-url{margin-top:.35rem;display:block}.auth-sample-hint .auth-sample-url code{word-break:break-all;padding:.35rem .45rem;font-size:.72rem;line-height:1.35;display:block}.auth-fields{text-align:left;flex-direction:column;gap:.75rem;margin-top:1.25rem;display:flex}.auth-field label{color:var(--text-muted);margin-bottom:.25rem;font-size:.78rem;display:block}.auth-optional{opacity:.85;font-weight:400}.auth-field input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);box-sizing:border-box;outline:none;width:100%;padding:.6rem .9rem;font-family:monospace;font-size:.9rem}.auth-field input:focus{border-color:var(--accent)}.auth-actions{margin-top:1rem}.auth-actions .btn-primary{width:100%}.auth-error{color:#c82333;margin-top:.5rem;font-size:.85rem}.hidden{display:none!important}.sidebar{flex-direction:column;min-width:0;height:100%;display:flex}.sidebar-header{color:#fff;border-bottom:1px solid #ffffff1f;flex-shrink:0;align-items:center;gap:.5rem;padding:.65rem .75rem .55rem;font-size:1rem;font-weight:700;display:flex}.sidebar-toggle{color:#fffc;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 4px;font-size:1.1rem;line-height:1;transition:background .15s}.sidebar-toggle:hover{color:#fff;background:#ffffff26}.sidebar-logo{object-fit:contain;flex-shrink:0;width:1.5rem;height:1.5rem;display:block}.sidebar-title{color:inherit;cursor:pointer;min-width:0;font:inherit;font-weight:inherit;text-align:left;background:0 0;border:none;flex:1;margin:0;padding:0;text-decoration:none!important}.sidebar-title:hover{color:#fff}.sidebar-title:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #ffffffa6}.sidebar-controls{border-bottom:1px solid #ffffff1f;flex-direction:column;flex-shrink:0;gap:.35rem;padding:.4rem .75rem .45rem;display:flex}.sidebar-search-host{min-width:0}.sidebar-toolbar-actions{flex-flow:wrap;gap:.35rem;min-width:0;display:flex}.btn-sidebar-toplevel{color:#ffffffe6;cursor:pointer;text-align:center;white-space:nowrap;background:#ffffff12;border:1px solid #ffffff38;border-radius:5px;flex:1;min-width:0;padding:.32rem .4rem;font-size:.78rem;font-weight:500;transition:background .15s,border-color .15s}.btn-sidebar-toplevel:hover{background:#ffffff24;border-color:#ffffff61}.sidebar-search{flex-direction:column;gap:.25rem;min-width:0;display:flex}.sidebar-search-input{box-sizing:border-box;color:#fff;background:#00000038;border:1px solid #ffffff38;border-radius:5px;outline:none;width:100%;padding:.35rem .5rem;font-size:.82rem;line-height:1.25}.sidebar-search-input::placeholder{color:#ffffff6b}.sidebar-search-input:focus{background:#00000052;border-color:#ffffff6b}.sidebar-search-status{color:#ffffff7a;min-height:0;margin:0;padding:0 .1rem;font-size:.68rem;line-height:1.2}.sidebar-search-status:empty{display:none}.sidebar-search-results{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-height:min(36vh,240px);margin:0;padding:0;list-style:none;overflow-y:auto}.sidebar-search-results.hidden{display:none}.sidebar-search-hit{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;width:100%;padding:.45rem .5rem;display:block}.sidebar-search-hit:hover{background:#ffffff1f}.sidebar-search-hit-title{font-size:.82rem;font-weight:600;line-height:1.25;display:block}.sidebar-search-hit-meta{color:#ffffff8c;margin-top:.1rem;font-size:.68rem;display:block}.sidebar-search-hit-snippet{color:#ffffffb3;text-overflow:ellipsis;white-space:nowrap;margin-top:.15rem;font-size:.72rem;line-height:1.3;display:block;overflow:hidden}.sidebar-search-empty{color:#ffffff8c;padding:.5rem;font-size:.8rem}.item-row-search-flash{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px;transition:outline-color .3s}.nav-draggable{align-items:stretch;gap:0;width:100%;min-width:min-content;display:flex}.nav-drag-handle{color:#ffffff61;cursor:grab;touch-action:none;background:0 0;border:none;border-radius:4px;flex:none;justify-content:center;align-self:stretch;align-items:center;width:1.75rem;margin:0;padding:.35rem 0;font-size:.95rem;line-height:1;transition:color .12s,background .12s;display:flex}.nav-drag-handle:hover{color:#ffffffd9;background:#ffffff1a}.nav-drag-handle:active{cursor:grabbing}.nav-draggable>.nav-item.nav-file,.nav-draggable>.nav-group{flex:auto;min-width:min-content}.nav-dragging{opacity:.55}#sidebar-nav.nav-reorder-active{touch-action:none}.sidebar-empty{color:#ffffff8c;text-align:left;padding:.75rem;font-size:.82rem}.sidebar-nav{flex-direction:column;flex:1;gap:2px;min-height:0;padding:.45rem .5rem .5rem;display:flex;overflow:auto}.nav-item{color:#ffffffd9;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:.5rem;width:100%;padding:.55rem .75rem;font-size:.88rem;transition:background .15s;display:flex}.nav-item.nav-file,.nav-group-header{white-space:nowrap}.nav-item:hover{background:#ffffff1f}.nav-item.active{color:#fff;background:#fff3;font-weight:600}.sidebar-footer{border-top:1px solid #ffffff26;padding:.75rem .5rem}.sidebar-built{color:#ffffff73;text-align:center;margin:0 0 .5rem;font-size:.7rem;line-height:1.3}.sidebar-footer-tools{flex-direction:column;align-items:stretch;gap:.25rem;margin-bottom:.5rem;display:flex;position:relative}.sidebar-tools-toggle{text-align:center;width:100%}.sidebar-tools-toggle.active{color:#fff;background:#fff3}.tools-menu-panel{background:#00000040;border:1px solid #ffffff1f;border-radius:6px;flex-direction:column;gap:.2rem;padding:.35rem;display:flex}.tools-menu-panel.hidden{display:none}.tools-menu-item{text-align:left;color:#ffffffeb;cursor:pointer;background:0 0;border:none;border-radius:4px;width:100%;padding:.45rem .55rem;font-size:.85rem}.tools-menu-item:hover{background:#ffffff1f}.tools-menu-item.active{background:#fff3;font-weight:600}.sidebar-footer-actions{flex-wrap:wrap;justify-content:center;gap:.45rem;display:flex}.nav-group{border:none}.nav-group-header{cursor:pointer;align-items:center;gap:.2rem;list-style:none;display:flex}.nav-group-header::-webkit-details-marker{display:none}.nav-folder-summary-main{flex:auto;min-width:min-content}.btn-rename-folder{color:#ffffff8c;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:1px 4px;font-size:.82rem;line-height:1}.btn-rename-folder:hover{color:#fff;background:#ffffff26}.nav-sub{flex-direction:column;gap:1px;margin-bottom:4px;padding-left:.75rem;display:flex}.nav-sub-item{opacity:.9;padding:.4rem .65rem!important;font-size:.82rem!important}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;padding:.55rem 1.1rem;font-size:.9rem;transition:background .15s}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{color:#ffffffb3;border-radius:var(--radius);cursor:pointer;background:0 0;border:1px solid #ffffff40;padding:.5rem .9rem;font-size:.82rem;transition:background .15s}.btn-ghost:hover{background:#ffffff1a}.btn-sm{padding:.35rem .7rem;font-size:.8rem}.file-view{max-width:800px;padding:1.5rem 2rem}.file-view--dirty{padding-bottom:calc(7.75rem + env(safe-area-inset-bottom,0px))}.file-header{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.file-title-row{align-items:center;gap:.5rem;display:flex}.file-title{color:var(--accent);font-size:1.4rem;font-weight:700}.btn-page-icon{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);cursor:pointer;justify-content:center;align-items:center;min-width:2.25rem;min-height:2.25rem;padding:.2rem .35rem;font-size:1.5rem;line-height:1;transition:border-color .15s,background .15s;display:inline-flex}.btn-page-icon:hover{border-color:var(--accent);background:#1e5fbf0f}.material-symbols-outlined.page-icon{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;vertical-align:-.12em;font-size:1.15em;line-height:1}.nav-item .page-icon--emoji,.nav-item .material-symbols-outlined.page-icon{margin-right:.15rem}.page-icon--header.material-symbols-outlined{font-size:1.5rem}.btn-icon{cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:1rem;transition:opacity .15s}.btn-icon:hover{opacity:1;background:var(--bg)}.btn-icon-danger:hover{opacity:1;background:#f8d7da}.btn-icon.btn-copy-flash{opacity:1;color:var(--accent);background:#1e5fbf1f}.rename-form{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.rename-form input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);outline:none;width:220px;padding:.45rem .75rem;font-size:.9rem}.rename-form input:focus{border-color:var(--accent)}.rename-hint{color:var(--text-muted);font-size:.78rem}.add-item-row{padding:.2rem 0 .45rem}.btn-add-item{border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;width:100%;padding:.3rem .7rem;font-size:.82rem;transition:all .15s}.btn-add-item:hover{border-color:var(--accent);color:var(--accent);background:#1e5fbf12}.add-section-bar{padding:.75rem 0 1.5rem}.btn-add-section{border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;width:100%;padding:.5rem 1rem;font-size:.85rem;transition:all .15s}.btn-add-section:hover{border-color:var(--accent);color:var(--accent);background:#1e5fbf12}.add-inline-form{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-sizing:border-box;flex-wrap:wrap;align-items:center;gap:.4rem;width:100%;margin-top:.5rem;padding:.65rem .75rem;display:flex}.add-inline-form input[type=text]:not(.item-text-input){border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);outline:none;flex:1;min-width:160px;padding:.4rem .7rem;font-size:.88rem}.add-inline-form input[type=date]{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);outline:none;flex-shrink:0;padding:.4rem .6rem;font-size:.85rem}.add-inline-form input:focus,.add-inline-form .item-text-input:focus{border-color:var(--accent)}.btn-edit-item-note{color:var(--accent);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;flex:none;padding:0;font-family:inherit;font-size:.88rem;font-weight:600;text-decoration:underline}.btn-edit-item-note:hover{color:var(--accent-hover)}.btn-new-file,.btn-new-folder{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:1px 5px;font-size:.9rem;line-height:1}.btn-new-file:hover,.btn-new-folder:hover{color:#fff;background:#ffffff26}.btn-ghost-dark{color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:0 0;padding:.45rem .8rem;font-size:.85rem}.btn-ghost-dark:hover{background:var(--bg)}.file-save-dock{left:var(--sidebar-w);z-index:100;background:var(--cream);border-top:1px solid var(--border);flex-direction:column;align-items:stretch;gap:0;padding:0;display:flex;position:fixed;bottom:0;right:0;box-shadow:0 -6px 18px #0f3c781f}.app-shell:has(.sidebar-wrapper.collapsed) .file-save-dock{left:52px}.file-save-dock-status{text-align:center;border-bottom:1px solid var(--border);background:var(--cream);padding:.5rem 1.25rem}.file-save-dock-actions{align-items:stretch;width:100%;display:flex}.btn-dock{appearance:none;height:calc(3.5rem + env(safe-area-inset-bottom,0px));cursor:pointer;border:none;flex:50%;margin:0;padding:0;transition:background .15s,opacity .15s;overflow:hidden}.btn-dock-label{box-sizing:border-box;text-align:center;pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:3.5rem;margin:0;padding:0 .75rem;font-family:inherit;font-size:1.1rem;font-weight:600;line-height:1.2;display:flex}.btn-dock-discard{color:var(--text);border-right:1px solid var(--border);background:#e2eaf6}.btn-dock-discard:hover:not(:disabled){background:#d5e0f2}.btn-dock-save{background:var(--accent);color:#fff}.btn-dock-save:hover:not(:disabled){background:var(--accent-hover)}.btn-dock:disabled{opacity:.45;cursor:not-allowed}.dirty-indicator{color:var(--heading);font-size:.82rem}.section{background:var(--cream);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;overflow:visible}.section-block:has(.section-more-popover:not(.hidden)){z-index:40;position:relative}.section-title{color:var(--heading);cursor:pointer;border-bottom:1px solid var(--border);user-select:none;align-items:center;gap:.5rem;padding:.8rem 1rem;font-size:.95rem;font-weight:600;list-style:none;display:flex}.section-title .section-title-text{flex:1;min-width:0}.section-title-actions{flex-shrink:0;align-items:center;gap:.15rem;margin-left:auto;display:flex}.section-title .btn-edit-section,.section-title .btn-delete-section,.section-title .btn-section-more{opacity:1;font-size:.95rem}.section-more-menu,.item-more-menu{display:inline-flex;position:relative}.section-more-popover{z-index:60;border:1px solid var(--border);background:#fff;border-radius:8px;flex-direction:column;gap:.15rem;min-width:12.5rem;padding:.3rem;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #0f3c782e}.section-more-popover.hidden{display:none}.section-more-item{text-align:left;width:100%;color:var(--text);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:.5rem .65rem;font-size:.88rem;display:block}.section-more-item:hover{color:var(--accent);background:#1e5fbf14}.section-more-item.btn-move-section,.section-more-item.btn-move-item{font-family:inherit}.section-title::-webkit-details-marker{display:none}.section[open]>.section-title:before{content:"▾ "}.section:not([open])>.section-title:before{content:"▸ "}.section-title.section-title-editing{cursor:default}.section-title-edit-row{flex:1;align-items:center;gap:.5rem;width:100%;min-width:0;display:flex}.section-title-input{border:1px solid var(--border);border-radius:var(--radius);min-width:0;color:var(--heading);background:var(--cream);outline:none;flex:1;padding:.4rem .65rem;font-size:.95rem;font-weight:600}.section-title-input:focus{border-color:var(--accent)}.section-body{padding:.75rem 1rem}.section-block{align-items:flex-start;gap:.45rem;margin-bottom:1rem;display:flex}.section-block>.section{flex:1;min-width:0;margin-bottom:0}.section-drag-handle{width:1.5rem;color:var(--text-muted);cursor:grab;touch-action:none;background:0 0;border:none;border-radius:4px;flex:none;justify-content:center;align-items:center;margin:0;padding:.8rem 0 .15rem;font-size:.9rem;line-height:1;transition:color .12s,background .12s;display:flex}.section-drag-handle:hover{color:var(--accent);background:#1e5fbf14}.section-drag-handle:active{cursor:grabbing}.section-dragging{opacity:.55}.prose p{color:var(--text-muted);margin-bottom:.35rem;font-size:.88rem;line-height:1.55}.item-list{flex-direction:column;gap:2px;list-style:none;display:flex}.item-row{cursor:default;border-radius:5px;flex-direction:column;gap:.35rem;padding:.45rem .35rem;transition:background .1s;display:flex}.item-row-main{align-items:flex-start;gap:.45rem;min-width:0;display:flex}.item-drag-handle{width:1.5rem;height:1.75rem;color:var(--text-muted);cursor:grab;touch-action:none;background:0 0;border:none;border-radius:4px;flex:none;justify-content:center;align-self:flex-start;align-items:center;margin:.1rem 0 0;padding:0;font-size:.9rem;line-height:1;transition:color .12s,background .12s;display:flex}.item-drag-handle:hover{color:var(--accent);background:#1e5fbf14}.item-drag-handle:active{cursor:grabbing}.item-row:hover{background:var(--bg)}.item-row:active{cursor:default}.sections-container.item-reorder-active,.sections-container.section-reorder-active{touch-action:none}.item-dragging{opacity:.55}.item-row-actions{flex-shrink:0;align-self:flex-start;align-items:center;gap:.15rem;margin-top:.1rem;margin-left:auto;display:flex;position:relative}.item-row-actions .btn-item-photo,.item-row-actions .btn-delete-item,.item-row-actions .btn-item-more{opacity:1;flex-shrink:0;font-size:.95rem;line-height:1}.item-photo-input{opacity:0;pointer-events:none;clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.item-row-actions .btn-delete-item:hover{color:var(--danger,#b42318)}.item-edit-row{flex-wrap:wrap;flex:1;align-items:center;gap:.4rem;min-width:0;display:flex}.item-edit-snippet{color:var(--heading);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);word-break:break-word;flex:100%;margin:0 0 .15rem;padding:.4rem .5rem;font-size:.88rem;line-height:1.4}.item-edit-snippet-tappable{cursor:pointer}.item-edit-snippet-tappable:hover{border-color:var(--accent);background:#1e5fbf0f}.add-inline-form .item-edit-snippet:empty{display:none}.item-edit-date{flex:none}.item-text-field{flex:10rem;align-items:flex-start;gap:.25rem;min-width:0;display:flex}.item-text-field .item-text-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);outline:none;flex:1;min-width:0;padding:.35rem .5rem;font-family:inherit;font-size:.9rem;line-height:1.45}.item-text-field .item-text-input:focus{border-color:var(--accent)}.btn-item-text-expand{border:1px solid var(--border);border-radius:var(--radius);background:var(--cream);width:2.1rem;height:2.1rem;color:var(--heading);cursor:pointer;flex-shrink:0;margin-top:1px;padding:0;font-size:1rem;line-height:1}.btn-item-text-expand:hover{border-color:var(--accent);color:var(--accent);background:#1e5fbf14}.btn-item-text-expand:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.item-row.item-row-editing{align-items:stretch}.item-row.item-row-editing .item-row-main{align-items:center}.item-row.item-row-editing>.item-images{display:none}.item-images{flex-wrap:wrap;gap:.5rem;margin-left:1.95rem;padding:.15rem 0 .25rem;display:flex}.item-image-tile{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);flex:none;width:5.5rem;height:5.5rem;margin:0;position:relative;overflow:hidden;box-shadow:0 1px 4px #0f3c7814}.item-image-tile .item-image{object-fit:cover;cursor:zoom-in;width:100%;height:100%;display:block}.item-image-tile-pending{border-color:var(--accent);box-shadow:0 0 0 2px #1e5fbf33}.item-image-pending-badge{text-transform:uppercase;letter-spacing:.04em;background:var(--accent);color:#fff;border-radius:4px;padding:2px 5px;font-size:.62rem;font-weight:700;line-height:1.2;position:absolute;top:4px;left:4px}.btn-remove-image{color:#fff;cursor:pointer;background:#0f1e32a6;border:none;border-radius:50%;justify-content:center;align-items:center;width:1.35rem;height:1.35rem;padding:0;font-size:1rem;line-height:1;display:flex;position:absolute;top:3px;right:3px}.btn-remove-image:hover{background:#b42828e6}.item-photo-preview{flex-wrap:wrap;gap:.35rem;width:100%;margin-top:.25rem;display:flex}.item-photo-thumb{object-fit:cover;border:1px solid var(--border);border-radius:5px;width:3rem;height:3rem}.add-item-photo-preview,.item-edit-photo-preview{flex-basis:100%}.add-item-photos-label,.item-edit-photos-label{cursor:pointer;position:relative;overflow:hidden}.add-item-photos,.item-edit-photos{opacity:0;z-index:-1;width:.1px;height:.1px;position:absolute;overflow:hidden}.item-edit-photo-preview{margin-top:.35rem}.item-image-error{opacity:.35;cursor:not-allowed}.image-lightbox{z-index:10000;padding:max(.75rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) max(.75rem, env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left));box-sizing:border-box;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.image-lightbox.hidden{display:none}.image-lightbox-backdrop{cursor:zoom-out;background:#0c121ceb;position:absolute;inset:0}.image-lightbox-stage{z-index:1;pointer-events:none;justify-content:center;align-items:center;max-width:100%;max-height:100%;display:flex;position:relative}.image-lightbox-img{object-fit:contain;pointer-events:auto;width:auto;max-width:100%;height:auto;max-height:100%;image-rendering:high-quality;border-radius:4px;box-shadow:0 8px 40px #00000073}.image-lightbox-img.hidden,.image-lightbox-spinner.hidden,.image-lightbox-error.hidden{display:none}.image-lightbox-spinner{border-color:#fff #ffffff38 #ffffff38;width:2.75rem;height:2.75rem}.image-lightbox-error{color:#ffffffd9;text-align:center;pointer-events:none;margin:0;padding:0 1rem;font-size:.95rem}.image-lightbox-close{top:max(.65rem, env(safe-area-inset-top));right:max(.65rem, env(safe-area-inset-right));z-index:2;color:#fff;cursor:pointer;background:#ffffff24;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;padding:0;font-size:1.75rem;line-height:1;display:flex;position:absolute}.image-lightbox-close:hover{background:#ffffff47}.image-lightbox-close:focus-visible{outline-offset:2px;outline:2px solid #fff}.import-md-modal{z-index:11050;box-sizing:border-box;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.import-md-modal.hidden{display:none}.import-md-modal-backdrop{background:#0c121c8c;position:absolute;inset:0}.import-md-modal-card{z-index:1;background:var(--cream);border-radius:var(--radius);flex-direction:column;width:min(36rem,100%);max-height:min(90vh,720px);display:flex;position:relative;overflow:hidden;box-shadow:0 12px 40px #0f1e3259}.import-md-modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.import-md-modal-title{color:var(--heading);margin:0;font-size:1.05rem;font-weight:700}.import-md-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.15rem .35rem;font-size:1.5rem;line-height:1}.import-md-modal-lead{color:var(--text-muted);margin:0;padding:.65rem 1rem 0;font-size:.85rem;line-height:1.4}.import-md-modal-lead code{font-size:.8em}.import-md-modal-field{flex-direction:column;flex-shrink:0;gap:.35rem;padding:.65rem 1rem 0;display:flex}.import-md-modal-field-grow{flex:1;min-height:0;padding-bottom:.5rem}.import-md-modal-label{color:var(--text-muted);font-size:.82rem;font-weight:600}.import-md-modal-name,.import-md-modal-content{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:6px;padding:.55rem .65rem;font-family:inherit;font-size:.95rem}.import-md-modal-content{resize:vertical;flex:1;min-height:10rem;line-height:1.45}.import-md-modal-name:focus,.import-md-modal-content:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #1e5fbf33}.import-md-modal-toolbar{flex-shrink:0;padding:.35rem 1rem 0}.import-md-modal-footer{border-top:1px solid var(--border);flex-shrink:0;justify-content:flex-end;gap:.5rem;padding:.75rem 1rem;display:flex}.item-text-modal{z-index:11000;padding:env(safe-area-inset-top) env(safe-area-inset-right) calc(env(safe-area-inset-bottom,0px) + var(--vv-keyboard-inset,0px)) env(safe-area-inset-left);box-sizing:border-box;flex-direction:column;display:flex;position:fixed;inset:0}.item-text-modal.hidden{display:none}.item-text-modal-backdrop{background:#0c121c8c;position:absolute;inset:0}.item-text-modal-sheet{z-index:1;background:var(--cream);border-radius:var(--radius);flex-direction:column;flex:1;min-height:0;margin:.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 40px #0f1e3259}.item-text-modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.item-text-modal-heading{flex:1;min-width:0}.item-text-modal-title{color:var(--heading);margin:0;font-size:1.05rem;font-weight:700}.item-text-modal-message{color:var(--text-muted);margin:.25rem 0 0;font-size:.85rem;line-height:1.35}.item-text-modal-message.hidden{display:none}.item-text-modal-date-wrap{border-bottom:1px solid var(--border);flex-shrink:0;padding:.65rem 1rem}.item-text-modal-date-wrap.hidden{display:none}.item-text-modal-date-label{color:var(--heading);align-items:center;gap:.65rem;margin:0;font-size:.88rem;display:flex}.item-text-modal-date-caption{min-width:2.5rem;font-weight:600}.item-text-modal-date{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);flex:1;max-width:12rem;padding:.45rem .55rem;font-family:inherit;font-size:.95rem}.item-text-modal-date:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #1e5fbf33}.item-text-modal-header-actions{flex-shrink:0;align-items:center;gap:.15rem;display:flex}.item-text-modal-reading{justify-content:center;align-items:center;min-width:2.25rem;min-height:2.25rem;display:inline-flex}.item-text-modal-reading[aria-pressed=true]{background:var(--accent);color:#fff;opacity:1;border-radius:var(--radius)}.item-text-modal-reading[aria-pressed=true]:hover{background:var(--accent-hover);color:#fff}.item-text-modal-close{width:2.25rem;height:2.25rem;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0;font-size:1.5rem;line-height:1}.item-text-modal-close:hover{background:var(--bg);color:var(--text)}.item-text-modal-footer.hidden{display:none}.item-text-modal--reading .item-text-modal-input{cursor:default;user-select:text}.item-text-modal--reading .item-text-modal-title{font-weight:600}.item-text-modal-input{width:100%;min-height:12rem;color:var(--text);background:var(--cream);resize:none;border:none;border-radius:0;outline:none;flex:1;margin:0;padding:1rem;font-family:inherit;font-size:1rem;line-height:1.5}.item-text-modal-input--multiline{font-size:1.2rem;line-height:1.6}.item-text-modal-hint{color:var(--text-muted);flex-shrink:0;margin:0;padding:.35rem 1rem 0;font-size:.78rem}.item-text-modal-footer{border-top:1px solid var(--border);background:var(--cream);flex-shrink:0;gap:.5rem;padding:.75rem 1rem .85rem;display:flex}.item-text-modal-footer .btn-primary,.item-text-modal-footer .btn-ghost-dark{flex:1;padding:.65rem 1rem;font-size:1rem}.item-text{min-width:0;color:var(--text);text-align:left;word-break:break-word;flex:1;font-size:.9rem;line-height:1.45;transition:color .2s}.item-text-tappable{cursor:pointer}.item-text-tappable:hover{color:var(--accent)}.item-text.done,.item-text.done .item-title,.item-text.done .item-body{color:var(--text-muted);text-decoration:line-through}.item-text.wip,.item-text.wip .item-body{color:var(--heading);font-style:italic}.item-date,.item-date-block{color:var(--text-muted);letter-spacing:.01em;font-size:.75rem;font-weight:600}.item-date{white-space:nowrap;margin-right:.35rem}.item-date-block{margin-bottom:.2rem;display:block}.item-text,.item-text .item-body,.item-text-modal-input,.item-text-modal-input--multiline{user-select:text}.item-title{color:var(--heading);margin-bottom:.2rem;font-weight:600;display:block}.item-body{white-space:pre-wrap;display:inline}.item-title+.item-body{color:var(--text);margin-top:.15rem;font-weight:400;display:block}.item-date-block+.item-body{display:block}.item-text.done .item-title,.item-text.wip .item-title{font-weight:600}.badge{color:#fff;background:#ffffff40;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.72rem;font-weight:700;display:inline-flex}.badge-open{color:#fff;background:#e0a800}.badge-wip{color:#fff;background:#5b8de0}.empty-state,.error-state{height:100%;min-height:300px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.empty-icon{font-size:3rem}.empty-icon img{object-fit:contain;width:3rem;height:3rem;display:block}.app-spinner{border:3px solid #1e5fbf2e;border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:2.5rem;height:2.5rem;animation:.75s linear infinite app-spinner-spin;display:inline-block}.app-spinner--sm{border-width:2px;width:1.1rem;height:1.1rem}.empty-icon .app-spinner{width:2.75rem;height:2.75rem}@keyframes app-spinner-spin{to{transform:rotate(360deg)}}@media (width<=600px){:root{--sidebar-w:min(92vw, 400px)}.file-view{padding:1rem}.file-header{flex-direction:column;align-items:flex-start}.file-save-dock,.app-shell:has(.sidebar-wrapper.collapsed) .file-save-dock{left:0}.file-save-dock-status{padding-left:1rem;padding-right:1rem}}.app-dialog{z-index:12000;box-sizing:border-box;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.app-dialog.hidden{display:none}.app-dialog-backdrop{-webkit-backdrop-filter:blur(3px);background:#0c121c80;position:absolute;inset:0}.app-dialog-card{z-index:1;background:var(--cream);border:1px solid var(--border);border-radius:12px;flex-direction:column;width:min(100%,420px);max-height:min(85dvh,560px);padding:1.15rem 1.25rem 1rem;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 48px #0f285047}.app-dialog-title{color:var(--heading);margin:0 0 .65rem;font-size:1.1rem;font-weight:700;line-height:1.3}.app-dialog-body{flex:1;min-height:0;margin-bottom:.85rem;overflow-y:auto}.app-dialog-message{color:var(--text);margin:0 0 .5rem;font-size:.92rem;line-height:1.5}.app-dialog-message:last-child{margin-bottom:0}.app-dialog-check{color:var(--text);cursor:pointer;align-items:flex-start;gap:.5rem;margin-bottom:.65rem;font-size:.88rem;line-height:1.4;display:flex}.app-dialog-check input{flex-shrink:0;margin-top:.2rem}.app-dialog-warning{color:#9a3412;background:#fff7ed;border:1px solid #fdba74;border-radius:6px;margin:0 0 .75rem;padding:.55rem .65rem;font-size:.84rem;line-height:1.4}.app-dialog-warning.hidden{display:none}.app-dialog-message-block{margin-bottom:.75rem}.app-dialog-message-block .app-dialog-message{margin-bottom:.5rem}.app-dialog-field{flex-direction:column;gap:.35rem;margin-top:.25rem;display:flex}.app-dialog-field-label{color:var(--text-muted);font-size:.82rem;font-weight:600}.app-dialog-input{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:6px;padding:.55rem .65rem;font-family:inherit;font-size:1rem}.app-dialog-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #1e5fbf33}.app-dialog-choices{flex-direction:column;gap:.4rem;margin:.35rem 0 0;padding:0;list-style:none;display:flex}.app-dialog-choices--icons{grid-template-columns:repeat(auto-fill,minmax(2.75rem,1fr));gap:.35rem;max-height:min(50vh,320px);display:grid;overflow-y:auto}.app-dialog-choices--icons .app-dialog-choice{text-align:center;padding:.45rem}.app-dialog-choices--icons .app-dialog-choice-label{font-size:1.35rem;font-weight:400}.app-dialog-choices--icons li:first-child .app-dialog-choice-label{font-size:.85rem;font-weight:600}.app-dialog-choice{border:1px solid var(--border);text-align:left;cursor:pointer;background:#fff;border-radius:8px;width:100%;padding:.65rem .75rem;transition:border-color .15s,background .15s}.app-dialog-choice:hover{border-color:var(--accent);background:#1e5fbf0f}.app-dialog-choice-label{color:var(--text);font-size:.95rem;font-weight:600;display:block}.app-dialog-choice-hint{color:var(--text-muted);margin-top:.15rem;font-size:.78rem;font-weight:400;display:block}.app-dialog-actions{flex-wrap:wrap;flex-shrink:0;gap:.5rem;display:flex}.app-dialog-btn{flex:1;min-width:5.5rem;padding:.6rem .85rem;font-size:.95rem}.app-dialog-btn-full{flex:100%}.app-dialog-btn-danger{background:#b42318!important}.app-dialog-btn-danger:hover:not(:disabled){background:#912018!important}.git-busy-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);pointer-events:all;background:#0f285047;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.page-icon-picker{z-index:12000;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.page-icon-picker.hidden{display:none}.page-icon-picker-backdrop{backdrop-filter:blur(4px);background:#0f285047;position:absolute;inset:0}.page-icon-picker-card{border:1px solid var(--border);background:#fff;border-radius:12px;flex-direction:column;width:min(520px,100%);height:min(90vh,680px);max-height:min(90vh,680px);padding:1.1rem 1.15rem 1rem;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 40px #0f3c7838}.page-icon-picker-title{color:var(--accent);margin:0 0 .35rem;font-size:1.15rem}.page-icon-picker-search-wrap{flex-direction:column;flex-shrink:0;gap:.25rem;margin-bottom:.4rem;display:flex}.page-icon-picker-search-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:600}.page-icon-picker-search{border:1px solid var(--border);background:var(--bg);border-radius:8px;outline:none;width:100%;padding:.55rem .75rem;font-size:1rem}.page-icon-picker-search:focus{border-color:var(--accent);box-shadow:0 0 0 2px #1e5fbf33}.page-icon-picker-count{color:var(--text-muted);flex-shrink:0;margin:0 0 .45rem;font-size:.78rem}.page-icon-picker-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;flex:auto;min-height:0;overflow:hidden auto}.page-icon-picker-empty{text-align:center;color:var(--text-muted);margin:1rem 0;font-size:.9rem}.page-icon-picker-empty.hidden{display:none}.page-icon-picker-grid{grid-template-columns:repeat(auto-fill,minmax(4.25rem,1fr));gap:.35rem;margin:0;padding:0 0 .5rem;list-style:none;display:grid}.page-icon-picker-cell{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;flex-direction:column;align-items:center;gap:.1rem;width:100%;padding:.35rem .2rem .3rem;transition:border-color .15s,background .15s;display:flex}.page-icon-picker-cell:hover,.page-icon-picker-cell.selected{border-color:var(--accent);background:#1e5fbf14}.page-icon-picker-glyph.page-icon--emoji{font-size:1.4rem;line-height:1.1}.page-icon-picker-glyph.material-symbols-outlined{font-size:1.45rem}.page-icon-picker-cell-label{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:100%;font-size:.58rem;line-height:1.1;overflow:hidden}.page-icon-picker-actions{flex-shrink:0;gap:.5rem;margin-top:.75rem;display:flex}.page-icon-picker-actions .btn-ghost-dark{flex:1}.git-busy-overlay.hidden{display:none}.git-busy-card{border:1px solid var(--border);background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:1rem;min-width:min(280px,100%);padding:1.5rem 1.75rem;display:flex;box-shadow:0 12px 40px #0f3c7838}.git-busy-label{color:var(--heading);text-align:center;margin:0;font-size:.92rem;font-weight:500}.http-debug-modal{z-index:12500;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box;justify-content:center;align-items:stretch;display:flex;position:fixed;inset:0}.http-debug-modal.hidden{display:none}.http-debug-modal-backdrop{background:#0c121c8c;position:absolute;inset:0}.http-debug-modal-sheet{z-index:1;background:var(--cream);border-radius:var(--radius);flex-direction:column;width:min(960px,100%);max-height:100%;margin:.75rem;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 40px #0f1e3259}.http-debug-modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.http-debug-modal-title{color:var(--heading);margin:0;font-size:1.05rem;font-weight:700}.http-debug-modal-actions{flex-shrink:0;gap:.5rem;display:flex}.http-debug-modal-hint{color:var(--text-muted);border-bottom:1px solid var(--border);flex-shrink:0;margin:0;padding:.5rem 1rem;font-size:.78rem}.http-debug-list{flex:1;min-height:0;padding:.5rem;overflow:auto}.http-debug-empty{text-align:center;color:var(--text-muted);margin:1.5rem 1rem;font-size:.9rem}.http-debug-entry{border:1px solid var(--border);background:#fff;border-radius:8px;margin-bottom:.45rem;overflow:hidden}.http-debug-entry--open{border-color:var(--accent)}.http-debug-entry-top{align-items:stretch;gap:.35rem;display:flex}.http-debug-entry-copy{flex-shrink:0;align-self:center;margin-right:.35rem}.http-debug-entry-summary{text-align:left;cursor:pointer;min-width:0;font:inherit;color:inherit;background:0 0;border:none;flex:1;grid-template-columns:auto auto auto auto 1fr;align-items:center;gap:.35rem .6rem;padding:.55rem .65rem;display:grid}.http-debug-entry-summary:hover{background:var(--bg)}.http-debug-entry-time{color:var(--text-muted);white-space:nowrap;font-family:ui-monospace,monospace;font-size:.72rem}.http-debug-entry-method{color:var(--accent);font-family:ui-monospace,monospace;font-size:.75rem;font-weight:700}.http-debug-entry-status{white-space:nowrap;font-family:ui-monospace,monospace;font-size:.72rem}.http-debug-status--ok{color:#1a7f37}.http-debug-status--warn{color:#9a6700}.http-debug-status--error{color:#cf222e}.http-debug-entry-duration{color:var(--text-muted);font-family:ui-monospace,monospace;font-size:.72rem}.http-debug-entry-url{color:var(--text);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.78rem;overflow:hidden}.http-debug-entry-detail{border-top:1px solid var(--border);background:var(--bg);padding:.5rem .65rem .65rem}.http-debug-detail-row{margin-bottom:.65rem}.http-debug-detail-row:last-child{margin-bottom:0}.http-debug-detail-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:.25rem;font-size:.7rem;font-weight:600;display:block}.http-debug-pre{border:1px solid var(--border);white-space:pre-wrap;word-break:break-word;background:#fff;border-radius:6px;max-height:240px;margin:0;padding:.5rem .6rem;font-family:ui-monospace,monospace;font-size:.72rem;line-height:1.4;overflow:auto}.http-debug-pre--body{max-height:360px}@media (width<=640px){.http-debug-entry-summary{grid-template-rows:auto auto;grid-template-columns:auto auto 1fr}.http-debug-entry-duration{grid-column:1}.http-debug-entry-url{grid-column:1/-1}.http-debug-entry-copy{padding:.3rem .5rem;font-size:.72rem}}.share-encrypt-tool{max-width:42rem;margin:0 auto;padding:1.25rem 1.5rem 2rem}.share-encrypt-tool-header{margin-bottom:1.25rem}.share-encrypt-tool-lead{color:var(--text-muted);margin:.35rem 0 0;font-size:.92rem;line-height:1.45}.share-encrypt-tool-form{flex-direction:column;gap:.65rem;display:flex}.share-encrypt-label{color:var(--text-muted);font-size:.82rem;font-weight:600}.share-encrypt-input{border:1px solid var(--border);border-radius:6px;width:100%;padding:.55rem .65rem;font-size:.95rem}.share-encrypt-textarea{border:1px solid var(--border);resize:vertical;border-radius:6px;width:100%;min-height:12rem;padding:.65rem .75rem;font-family:inherit;font-size:.95rem;line-height:1.5}.share-encrypt-input:focus,.share-encrypt-textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.share-encrypt-actions{flex-wrap:wrap;gap:.5rem;margin-top:.35rem;display:flex}.share-encrypt-hint{margin:.25rem 0 0;line-height:1.4}.config-view{max-width:42rem;margin:0 auto;padding:1.25rem 1.5rem 2rem}.config-view-header{margin-bottom:1.25rem}.config-view-lead{color:var(--text-muted);margin:.35rem 0 0;font-size:.92rem;line-height:1.45}.config-view-form{flex-direction:column;gap:.5rem;display:flex}.config-section-divider{border:none;border-top:1px solid var(--border);margin:1.25rem 0 .75rem}.config-section-title{margin:0;font-size:1rem;font-weight:600}.config-label{color:var(--text-muted);margin-top:.35rem;font-size:.82rem;font-weight:600}.config-input{border:1px solid var(--border);border-radius:6px;width:100%;padding:.55rem .65rem;font-size:.95rem}.config-input:focus{outline:2px solid var(--accent);outline-offset:1px}.config-hint{margin:.15rem 0 0;line-height:1.4}.config-actions{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.config-status{min-height:1.25em;margin:.35rem 0 0}.config-divider{border:0;border-top:1px solid var(--border);margin:1.25rem 0 1rem}.config-subheading{color:var(--heading);margin:0 0 .5rem;font-size:1rem}.translate-bubble{z-index:13000;border:1px solid var(--border);background-color:var(--cream);max-width:min(22rem,100vw - 1rem);color:var(--text);isolation:isolate;pointer-events:auto;border-radius:8px;padding:.65rem .75rem;font-size:.88rem;line-height:1.4;position:fixed;overflow:hidden;box-shadow:0 8px 32px #0f3c7838,inset 0 0 0 1px #ffffffd9}.translate-bubble.hidden{display:none}.translate-bubble-phrase,.translate-bubble-result,.translate-bubble-status,.translate-bubble-error{z-index:1;background-color:var(--cream);position:relative}.translate-bubble-phrase{color:var(--text-muted);word-break:break-word;margin:0 0 .35rem;font-size:.8rem}.translate-bubble-result{word-break:break-word;margin:0 0 .5rem;font-weight:500}.translate-bubble-status,.translate-bubble-error{margin:0}.translate-bubble-error{color:var(--danger,#b42318);margin-bottom:.45rem}.translate-bubble-actions{z-index:2;flex-wrap:wrap;gap:.35rem;margin-top:.15rem;display:flex;position:relative}.translate-bubble-actions--choice{flex-direction:column;align-items:stretch}.translate-bubble-actions--choice .btn-sm{text-align:left;touch-action:manipulation;justify-content:flex-start;width:100%;min-height:2.5rem}.translate-bubble .btn-primary{background-color:var(--accent);color:#fff;border:none}.translate-bubble .btn-primary:hover:not(:disabled){background-color:var(--accent-hover)}.translate-bubble .btn-ghost-dark{background-color:var(--cream);color:var(--text);border:1px solid var(--border)}.translate-bubble .btn-ghost-dark:hover{background-color:var(--bg)}.translate-bubble-go{touch-action:manipulation;flex:1;min-height:2.5rem}@media (hover:none) and (pointer:coarse){.item-text-tappable,.item-text-modal-input{touch-action:manipulation}}.share-decrypt{max-width:42rem;margin:2rem auto;padding:0 1.25rem 3rem}.share-decrypt-header{margin-bottom:1.25rem}.share-decrypt-title{margin:0 0 .5rem;font-size:1.35rem;font-weight:700}.share-decrypt-lead{color:var(--text-muted);margin:0;font-size:.92rem;line-height:1.45}.share-decrypt-form{flex-direction:column;gap:.75rem;display:flex}.share-decrypt-label{color:var(--text-muted);flex-direction:column;gap:.35rem;font-size:.82rem;font-weight:600;display:flex}.share-decrypt-input{border:1px solid var(--border);border-radius:6px;width:100%;padding:.55rem .65rem;font-family:inherit;font-size:1rem}.share-decrypt-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #1e5fbf33}.share-decrypt-submit{align-self:flex-start;padding:.5rem 1.1rem}.share-decrypt-result{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1.25rem}.share-decrypt-result.hidden,.share-decrypt-form.hidden,.share-decrypt-status.hidden{display:none}.share-decrypt-status{color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.9rem;display:flex}.share-decrypt-result-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.65rem;display:flex}.share-decrypt-meta{color:var(--text-muted);margin:0;font-size:.82rem}.btn-share-copy{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#fff;border-radius:6px;flex-shrink:0;padding:.35rem .65rem;font-size:.82rem}.btn-share-copy:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-share-copy:disabled{opacity:.7;cursor:default}.share-decrypt-body{background:var(--surface,#f6f7f9);border:1px solid var(--border);border-radius:var(--radius,8px);white-space:pre-wrap;word-break:break-word;margin:0;padding:1rem;font-family:inherit;font-size:.95rem;line-height:1.45}.share-decrypt-error{color:#b42318;margin:2rem 1.25rem}.cg-wrap{box-sizing:content-box;display:block;position:relative}cg-container{width:100%;height:100%;display:block;position:absolute;top:0}cg-board{user-select:none;background-size:cover;width:100%;height:100%;line-height:0;position:absolute;top:0;left:0}.cg-wrap.manipulable cg-board{cursor:pointer}cg-board square{pointer-events:none;width:12.5%;height:12.5%;position:absolute;top:0;left:0}cg-board square.move-dest{pointer-events:auto}cg-board square.last-move{will-change:transform}.cg-wrap piece{z-index:2;will-change:transform;pointer-events:none;background-size:cover;width:12.5%;height:12.5%;position:absolute;top:0;left:0}cg-board piece.dragging{cursor:move;z-index:11!important}piece.anim{z-index:8}piece.fading{z-index:1;opacity:.5}.cg-wrap piece.ghost{opacity:.3}.cg-wrap piece svg{pointer-events:none;z-index:2;opacity:.6;width:100%;height:100%;position:relative;top:0;left:0;overflow:hidden}.cg-wrap cg-auto-pieces,.cg-wrap .cg-shapes,.cg-wrap .cg-custom-svgs,.cg-wrap .cg-shapes-below,.cg-wrap .cg-custom-below{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.cg-wrap cg-auto-pieces{z-index:2}.cg-wrap cg-auto-pieces piece{opacity:.3}.cg-wrap .cg-shapes{opacity:.6;z-index:2;overflow:hidden}.cg-wrap .cg-shapes-below{z-index:1;overflow:hidden}.cg-wrap .cg-custom-below{z-index:1}.cg-wrap .cg-custom-svgs{z-index:9}.cg-wrap .cg-custom-svgs svg,.cg-wrap .cg-custom-below svg{overflow:visible}.cg-wrap coords{pointer-events:none;opacity:.8;font-family:sans-serif;font-size:9px;display:flex;position:absolute}.cg-wrap coords.ranks{flex-flow:column-reverse;width:12px;height:100%;top:-20px;left:4px}.cg-wrap coords.ranks.black{flex-flow:column}.cg-wrap coords.ranks.left{align-items:flex-end;left:-15px}.cg-wrap coords.files{text-transform:uppercase;text-align:center;flex-flow:row;width:100%;height:16px;bottom:-4px;left:24px}.cg-wrap coords.files.black{flex-flow:row-reverse}.cg-wrap coords coord{flex:auto}.cg-wrap coords.ranks coord{transform:translateY(39%)}.cg-wrap coords.squares{text-transform:uppercase;text-align:right;flex-flow:column-reverse;width:12.5%;height:100%;bottom:0;left:0}.cg-wrap coords.squares.black{flex-flow:column}.cg-wrap coords.squares.left{text-align:left}.cg-wrap coords.squares coord{padding:6% 4%}.cg-wrap coords.squares.rank2{transform:translate(100%)}.cg-wrap coords.squares.rank3{transform:translate(200%)}.cg-wrap coords.squares.rank4{transform:translate(300%)}.cg-wrap coords.squares.rank5{transform:translate(400%)}.cg-wrap coords.squares.rank6{transform:translate(500%)}.cg-wrap coords.squares.rank7{transform:translate(600%)}.cg-wrap coords.squares.rank8{transform:translate(700%)}cg-board{background-color:#f0d9b5;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4PSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIgogICAgIHZpZXdCb3g9IjAgMCA4IDgiIHNoYXBlLXJlbmRlcmluZz0iY3Jpc3BFZGdlcyI+CjxnIGlkPSJhIj4KICA8ZyBpZD0iYiI+CiAgICA8ZyBpZD0iYyI+CiAgICAgIDxnIGlkPSJkIj4KICAgICAgICA8cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBpZD0iZSIgb3BhY2l0eT0iMCIvPgogICAgICAgIDx1c2UgeD0iMSIgeT0iMSIgaHJlZj0iI2UiIHg6aHJlZj0iI2UiLz4KICAgICAgICA8cmVjdCB5PSIxIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBpZD0iZiIgb3BhY2l0eT0iMC4yIi8+CiAgICAgICAgPHVzZSB4PSIxIiB5PSItMSIgaHJlZj0iI2YiIHg6aHJlZj0iI2YiLz4KICAgICAgPC9nPgogICAgICA8dXNlIHg9IjIiIGhyZWY9IiNkIiB4OmhyZWY9IiNkIi8+CiAgICA8L2c+CiAgICA8dXNlIHg9IjQiIGhyZWY9IiNjIiB4OmhyZWY9IiNjIi8+CiAgPC9nPgogIDx1c2UgeT0iMiIgaHJlZj0iI2IiIHg6aHJlZj0iI2IiLz4KPC9nPgo8dXNlIHk9IjQiIGhyZWY9IiNhIiB4OmhyZWY9IiNhIi8+Cjwvc3ZnPg==)}cg-board square.move-dest{background:radial-gradient(#14551e80 22%,#208530 0,#0000004d 0,#0000 0)}cg-board square.premove-dest{background:radial-gradient(#141e5580 22%,#203085 0,#0000004d 0,#0000 0)}cg-board square.oc.move-dest{background:radial-gradient(#0000 0% 80%,#1455004d 80%)}cg-board square.oc.premove-dest{background:radial-gradient(#0000 0% 80%,#141e5533 80%)}cg-board square.move-dest:hover,cg-board square.move-dest.hover{background:#14551e4d}cg-board square.premove-dest:hover,cg-board square.premove-dest.hover{background:#141e5533}cg-board square.last-move{background-color:#9bc70069}cg-board square.selected{background-color:#14551e80}cg-board square.check{background:radial-gradient(red 0%,#e70000 25%,#a9000000 89%,#9e000000 100%)}cg-board square.current-premove{background-color:#141e5580}.orientation-white .ranks :nth-child(odd),.orientation-white .files :nth-child(2n),.orientation-black .ranks :nth-child(2n),.orientation-black .files :nth-child(odd),coords.squares:nth-of-type(odd) :nth-child(2n),coords.squares:nth-of-type(2n) :nth-child(odd){color:#484848cc}.orientation-white .ranks :nth-child(2n),.orientation-white .files :nth-child(odd),.orientation-black .ranks :nth-child(odd),.orientation-black .files :nth-child(2n),coords.squares:nth-of-type(odd) :nth-child(odd),coords.squares:nth-of-type(2n) :nth-child(2n){color:#fffc}.cg-wrap piece.pawn.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PHBhdGggZD0iTTIyLjUgOWMtMi4yMSAwLTQgMS43OS00IDQgMCAuODkuMjkgMS43MS43OCAyLjM4QzE3LjMzIDE2LjUgMTYgMTguNTkgMTYgMjFjMCAyLjAzLjk0IDMuODQgMi40MSA1LjAzLTMgMS4wNi03LjQxIDUuNTUtNy40MSAxMy40N2gyM2MwLTcuOTItNC40MS0xMi40MS03LjQxLTEzLjQ3IDEuNDctMS4xOSAyLjQxLTMgMi40MS01LjAzIDAtMi40MS0xLjMzLTQuNS0zLjI4LTUuNjIuNDktLjY3Ljc4LTEuNDkuNzgtMi4zOCAwLTIuMjEtMS43OS00LTQtNHoiIGZpbGw9IiNmZmYiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==)}.cg-wrap piece.bishop.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxnIGZpbGw9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJidXR0Ij48cGF0aCBkPSJNOSAzNmMzLjM5LS45NyAxMC4xMS40MyAxMy41LTIgMy4zOSAyLjQzIDEwLjExIDEuMDMgMTMuNSAyIDAgMCAxLjY1LjU0IDMgMi0uNjguOTctMS42NS45OS0zIC41LTMuMzktLjk3LTEwLjExLjQ2LTEzLjUtMS0zLjM5IDEuNDYtMTAuMTEuMDMtMTMuNSAxLTEuMzU0LjQ5LTIuMzIzLjQ3LTMtLjUgMS4zNTQtMS45NCAzLTIgMy0yeiIvPjxwYXRoIGQ9Ik0xNSAzMmMyLjUgMi41IDEyLjUgMi41IDE1IDAgLjUtMS41IDAtMiAwLTIgMC0yLjUtMi41LTQtMi41LTQgNS41LTEuNSA2LTExLjUtNS0xNS41LTExIDQtMTAuNSAxNC01IDE1LjUgMCAwLTIuNSAxLjUtMi41IDQgMCAwLS41LjUgMCAyeiIvPjxwYXRoIGQ9Ik0yNSA4YTIuNSAyLjUgMCAxIDEtNSAwIDIuNSAyLjUgMCAxIDEgNSAweiIvPjwvZz48cGF0aCBkPSJNMTcuNSAyNmgxME0xNSAzMGgxNW0tNy41LTE0LjV2NU0yMCAxOGg1IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PC9nPjwvc3ZnPg==)}.cg-wrap piece.knight.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMiAxMGMxMC41IDEgMTYuNSA4IDE2IDI5SDE1YzAtOSAxMC02LjUgOC0yMSIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0yNCAxOGMuMzggMi45MS01LjU1IDcuMzctOCA5LTMgMi0yLjgyIDQuMzQtNSA0LTEuMDQyLS45NCAxLjQxLTMuMDQgMC0zLTEgMCAuMTkgMS4yMy0xIDItMSAwLTQuMDAzIDEtNC00IDAtMiA2LTEyIDYtMTJzMS44OS0xLjkgMi0zLjVjLS43My0uOTk0LS41LTItLjUtMyAxLTEgMyAyLjUgMyAyLjVoMnMuNzgtMS45OTIgMi41LTNjMSAwIDEgMyAxIDMiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNOS41IDI1LjVhLjUuNSAwIDEgMS0xIDAgLjUuNSAwIDEgMSAxIDB6bTUuNDMzLTkuNzVhLjUgMS41IDMwIDEgMS0uODY2LS41LjUgMS41IDMwIDEgMSAuODY2LjV6IiBmaWxsPSIjMDAwIi8+PC9nPjwvc3ZnPg==)}.cg-wrap piece.rook.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik05IDM5aDI3di0zSDl2M3ptMy0zdi00aDIxdjRIMTJ6bS0xLTIyVjloNHYyaDVWOWg1djJoNVY5aDR2NSIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiLz48cGF0aCBkPSJNMzQgMTRsLTMgM0gxNGwtMy0zIi8+PHBhdGggZD0iTTMxIDE3djEyLjVIMTRWMTciIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PHBhdGggZD0iTTMxIDI5LjVsMS41IDIuNWgtMjBsMS41LTIuNSIvPjxwYXRoIGQ9Ik0xMSAxNGgyMyIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIvPjwvZz48L3N2Zz4=)}.cg-wrap piece.queen.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik04IDEyYTIgMiAwIDEgMS00IDAgMiAyIDAgMSAxIDQgMHptMTYuNS00LjVhMiAyIDAgMSAxLTQgMCAyIDIgMCAxIDEgNCAwek00MSAxMmEyIDIgMCAxIDEtNCAwIDIgMiAwIDEgMSA0IDB6TTE2IDguNWEyIDIgMCAxIDEtNCAwIDIgMiAwIDEgMSA0IDB6TTMzIDlhMiAyIDAgMSAxLTQgMCAyIDIgMCAxIDEgNCAweiIvPjxwYXRoIGQ9Ik05IDI2YzguNS0xLjUgMjEtMS41IDI3IDBsMi0xMi03IDExVjExbC01LjUgMTMuNS0zLTE1LTMgMTUtNS41LTE0VjI1TDcgMTRsMiAxMnoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTkgMjZjMCAyIDEuNSAyIDIuNSA0IDEgMS41IDEgMSAuNSAzLjUtMS41IDEtMS41IDIuNS0xLjUgMi41LTEuNSAxLjUuNSAyLjUuNSAyLjUgNi41IDEgMTYuNSAxIDIzIDAgMCAwIDEuNS0xIDAtMi41IDAgMCAuNS0xLjUtMS0yLjUtLjUtMi41LS41LTIgLjUtMy41IDEtMiAyLjUtMiAyLjUtNC04LjUtMS41LTE4LjUtMS41LTI3IDB6IiBzdHJva2UtbGluZWNhcD0iYnV0dCIvPjxwYXRoIGQ9Ik0xMS41IDMwYzMuNS0xIDE4LjUtMSAyMiAwTTEyIDMzLjVjNi0xIDE1LTEgMjEgMCIgZmlsbD0ibm9uZSIvPjwvZz48L3N2Zz4=)}.cg-wrap piece.king.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMi41IDExLjYzVjZNMjAgOGg1IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PHBhdGggZD0iTTIyLjUgMjVzNC41LTcuNSAzLTEwLjVjMCAwLTEtMi41LTMtMi41cy0zIDIuNS0zIDIuNWMtMS41IDMgMyAxMC41IDMgMTAuNSIgZmlsbD0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48cGF0aCBkPSJNMTEuNSAzN2M1LjUgMy41IDE1LjUgMy41IDIxIDB2LTdzOS00LjUgNi0xMC41Yy00LTYuNS0xMy41LTMuNS0xNiA0VjI3di0zLjVjLTMuNS03LjUtMTMtMTAuNS0xNi00LTMgNiA1IDEwIDUgMTBWMzd6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTExLjUgMzBjNS41LTMgMTUuNS0zIDIxIDBtLTIxIDMuNWM1LjUtMyAxNS41LTMgMjEgMG0tMjEgMy41YzUuNS0zIDE1LjUtMyAyMSAwIi8+PC9nPjwvc3ZnPg==)}.cg-wrap piece.pawn.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PHBhdGggZD0iTTIyLjUgOWMtMi4yMSAwLTQgMS43OS00IDQgMCAuODkuMjkgMS43MS43OCAyLjM4QzE3LjMzIDE2LjUgMTYgMTguNTkgMTYgMjFjMCAyLjAzLjk0IDMuODQgMi40MSA1LjAzLTMgMS4wNi03LjQxIDUuNTUtNy40MSAxMy40N2gyM2MwLTcuOTItNC40MS0xMi40MS03LjQxLTEzLjQ3IDEuNDctMS4xOSAyLjQxLTMgMi40MS01LjAzIDAtMi40MS0xLjMzLTQuNS0zLjI4LTUuNjIuNDktLjY3Ljc4LTEuNDkuNzgtMi4zOCAwLTIuMjEtMS43OS00LTQtNHoiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==)}.cg-wrap piece.bishop.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxnIGZpbGw9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJidXR0Ij48cGF0aCBkPSJNOSAzNmMzLjM5LS45NyAxMC4xMS40MyAxMy41LTIgMy4zOSAyLjQzIDEwLjExIDEuMDMgMTMuNSAyIDAgMCAxLjY1LjU0IDMgMi0uNjguOTctMS42NS45OS0zIC41LTMuMzktLjk3LTEwLjExLjQ2LTEzLjUtMS0zLjM5IDEuNDYtMTAuMTEuMDMtMTMuNSAxLTEuMzU0LjQ5LTIuMzIzLjQ3LTMtLjUgMS4zNTQtMS45NCAzLTIgMy0yeiIvPjxwYXRoIGQ9Ik0xNSAzMmMyLjUgMi41IDEyLjUgMi41IDE1IDAgLjUtMS41IDAtMiAwLTIgMC0yLjUtMi41LTQtMi41LTQgNS41LTEuNSA2LTExLjUtNS0xNS41LTExIDQtMTAuNSAxNC01IDE1LjUgMCAwLTIuNSAxLjUtMi41IDQgMCAwLS41LjUgMCAyeiIvPjxwYXRoIGQ9Ik0yNSA4YTIuNSAyLjUgMCAxIDEtNSAwIDIuNSAyLjUgMCAxIDEgNSAweiIvPjwvZz48cGF0aCBkPSJNMTcuNSAyNmgxME0xNSAzMGgxNW0tNy41LTE0LjV2NU0yMCAxOGg1IiBzdHJva2U9IiNlY2VjZWMiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48L2c+PC9zdmc+)}.cg-wrap piece.knight.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMiAxMGMxMC41IDEgMTYuNSA4IDE2IDI5SDE1YzAtOSAxMC02LjUgOC0yMSIgZmlsbD0iIzAwMCIvPjxwYXRoIGQ9Ik0yNCAxOGMuMzggMi45MS01LjU1IDcuMzctOCA5LTMgMi0yLjgyIDQuMzQtNSA0LTEuMDQyLS45NCAxLjQxLTMuMDQgMC0zLTEgMCAuMTkgMS4yMy0xIDItMSAwLTQuMDAzIDEtNC00IDAtMiA2LTEyIDYtMTJzMS44OS0xLjkgMi0zLjVjLS43My0uOTk0LS41LTItLjUtMyAxLTEgMyAyLjUgMyAyLjVoMnMuNzgtMS45OTIgMi41LTNjMSAwIDEgMyAxIDMiIGZpbGw9IiMwMDAiLz48cGF0aCBkPSJNOS41IDI1LjVhLjUuNSAwIDEgMS0xIDAgLjUuNSAwIDEgMSAxIDB6bTUuNDMzLTkuNzVhLjUgMS41IDMwIDEgMS0uODY2LS41LjUgMS41IDMwIDEgMSAuODY2LjV6IiBmaWxsPSIjZWNlY2VjIiBzdHJva2U9IiNlY2VjZWMiLz48cGF0aCBkPSJNMjQuNTUgMTAuNGwtLjQ1IDEuNDUuNS4xNWMzLjE1IDEgNS42NSAyLjQ5IDcuOSA2Ljc1UzM1Ljc1IDI5LjA2IDM1LjI1IDM5bC0uMDUuNWgyLjI1bC4wNS0uNWMuNS0xMC4wNi0uODgtMTYuODUtMy4yNS0yMS4zNC0yLjM3LTQuNDktNS43OS02LjY0LTkuMTktNy4xNmwtLjUxLS4xeiIgZmlsbD0iI2VjZWNlYyIgc3Ryb2tlPSJub25lIi8+PC9nPjwvc3ZnPg==)}.cg-wrap piece.rook.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik05IDM5aDI3di0zSDl2M3ptMy41LTdsMS41LTIuNWgxN2wxLjUgMi41aC0yMHptLS41IDR2LTRoMjF2NEgxMnoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTE0IDI5LjV2LTEzaDE3djEzSDE0eiIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48cGF0aCBkPSJNMTQgMTYuNUwxMSAxNGgyM2wtMyAyLjVIMTR6TTExIDE0VjloNHYyaDVWOWg1djJoNVY5aDR2NUgxMXoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTEyIDM1LjVoMjFtLTIwLTRoMTltLTE4LTJoMTdtLTE3LTEzaDE3TTExIDE0aDIzIiBmaWxsPSJub25lIiBzdHJva2U9IiNlY2VjZWMiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIvPjwvZz48L3N2Zz4=)}.cg-wrap piece.queen.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxnIHN0cm9rZT0ibm9uZSI+PGNpcmNsZSBjeD0iNiIgY3k9IjEyIiByPSIyLjc1Ii8+PGNpcmNsZSBjeD0iMTQiIGN5PSI5IiByPSIyLjc1Ii8+PGNpcmNsZSBjeD0iMjIuNSIgY3k9IjgiIHI9IjIuNzUiLz48Y2lyY2xlIGN4PSIzMSIgY3k9IjkiIHI9IjIuNzUiLz48Y2lyY2xlIGN4PSIzOSIgY3k9IjEyIiByPSIyLjc1Ii8+PC9nPjxwYXRoIGQ9Ik05IDI2YzguNS0xLjUgMjEtMS41IDI3IDBsMi41LTEyLjVMMzEgMjVsLS4zLTE0LjEtNS4yIDEzLjYtMy0xNC41LTMgMTQuNS01LjItMTMuNkwxNCAyNSA2LjUgMTMuNSA5IDI2eiIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiLz48cGF0aCBkPSJNOSAyNmMwIDIgMS41IDIgMi41IDQgMSAxLjUgMSAxIC41IDMuNS0xLjUgMS0xLjUgMi41LTEuNSAyLjUtMS41IDEuNS41IDIuNS41IDIuNSA2LjUgMSAxNi41IDEgMjMgMCAwIDAgMS41LTEgMC0yLjUgMCAwIC41LTEuNS0xLTIuNS0uNS0yLjUtLjUtMiAuNS0zLjUgMS0yIDIuNS0yIDIuNS00LTguNS0xLjUtMTguNS0xLjUtMjcgMHoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTExIDM4LjVhMzUgMzUgMSAwIDAgMjMgMCIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiLz48cGF0aCBkPSJNMTEgMjlhMzUgMzUgMSAwIDEgMjMgMG0tMjEuNSAyLjVoMjBtLTIxIDNhMzUgMzUgMSAwIDAgMjIgMG0tMjMgM2EzNSAzNSAxIDAgMCAyNCAwIiBmaWxsPSJub25lIiBzdHJva2U9IiNlY2VjZWMiLz48L2c+PC9zdmc+)}.cg-wrap piece.king.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMi41IDExLjYzVjYiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48cGF0aCBkPSJNMjIuNSAyNXM0LjUtNy41IDMtMTAuNWMwIDAtMS0yLjUtMy0yLjVzLTMgMi41LTMgMi41Yy0xLjUgMyAzIDEwLjUgMyAxMC41IiBmaWxsPSIjMDAwIiBzdHJva2UtbGluZWNhcD0iYnV0dCIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIvPjxwYXRoIGQ9Ik0xMS41IDM3YzUuNSAzLjUgMTUuNSAzLjUgMjEgMHYtN3M5LTQuNSA2LTEwLjVjLTQtNi41LTEzLjUtMy41LTE2IDRWMjd2LTMuNWMtMy41LTcuNS0xMy0xMC41LTE2LTQtMyA2IDUgMTAgNSAxMFYzN3oiIGZpbGw9IiMwMDAiLz48cGF0aCBkPSJNMjAgOGg1IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PHBhdGggZD0iTTMyIDI5LjVzOC41LTQgNi4wMy05LjY1QzM0LjE1IDE0IDI1IDE4IDIyLjUgMjQuNWwuMDEgMi4xLS4wMS0yLjFDMjAgMTggOS45MDYgMTQgNi45OTcgMTkuODVjLTIuNDk3IDUuNjUgNC44NTMgOSA0Ljg1MyA5IiBzdHJva2U9IiNlY2VjZWMiLz48cGF0aCBkPSJNMTEuNSAzMGM1LjUtMyAxNS41LTMgMjEgMG0tMjEgMy41YzUuNS0zIDE1LjUtMyAyMSAwbS0yMSAzLjVjNS41LTMgMTUuNS0zIDIxIDAiIHN0cm9rZT0iI2VjZWNlYyIvPjwvZz48L3N2Zz4=)}