.chibi-page{background:var(--bg-page);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-md);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}.chibi-page *,.chibi-page *:before,.chibi-page *:after{box-sizing:border-box;margin:0;padding:0}.chibi-page button:disabled{cursor:not-allowed}.chibi-nav{position:sticky;top:0;z-index:100;height:60px;background:var(--bg-card);border-bottom:1px solid var(--border)}.chibi-nav-inner{max-width:1280px;height:100%;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:var(--space-5)}.chibi-nav-back{display:inline-flex;align-items:center;gap:6px;height:var(--touch-min-sm);padding:0 var(--space-2);color:var(--text-secondary);font-size:var(--text-md);font-weight:500;text-decoration:none;border-radius:var(--radius-sm);transition:color .15s ease}.chibi-nav-back:hover{color:var(--text-primary)}.chibi-brand{display:inline-flex;align-items:center;gap:8px;color:var(--text-primary);font-size:var(--text-lg);font-weight:500;letter-spacing:.02em;text-decoration:none;white-space:nowrap}.chibi-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:var(--accent);color:var(--text-primary);font-weight:700;font-size:var(--text-lg);line-height:1}.chibi-brand b{font-weight:700}.chibi-nav-spacer{flex:1}.chibi-nav-badge{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-subtle);border-radius:var(--radius-full);white-space:nowrap}.chibi-nav-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--success)}.chibi-nav-btn{display:inline-flex;align-items:center;height:24px;padding:0 10px;margin-left:8px;font-size:var(--text-xs);color:var(--text-secondary);background:transparent;border:1px solid var(--border);border-radius:var(--radius-full);white-space:nowrap;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.chibi-nav-btn:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--bg-hover)}.chibi-nav-lang{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius-full);overflow:hidden;height:24px;margin-left:12px}.chibi-nav-lang-btn{font-size:var(--text-xs);line-height:1;padding:5px 10px;min-height:0;color:var(--text-secondary);background:transparent;border-radius:0}.chibi-nav-lang-btn:hover{color:var(--text-primary)}.chibi-nav-lang-btn--active{color:var(--text-primary);background:var(--accent)}.chibi-hero{max-width:1280px;margin:0 auto;padding:64px 24px 48px}.chibi-eyebrow{display:block;margin-bottom:var(--space-3);font-size:var(--text-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-hover)}.chibi-h1{font-size:var(--text-hero);font-weight:700;line-height:1.25;letter-spacing:-.01em;color:var(--text-primary)}.chibi-h1 em{font-style:italic;color:var(--accent-hover)}.chibi-sub{margin-top:var(--space-3);max-width:640px;font-size:14px;color:var(--text-secondary)}.chibi-main{max-width:1280px;margin:0 auto;padding:0 24px var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.chibi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-6)}.chibi-section{padding:var(--space-5) 0}.chibi-section:first-child{padding-top:0}.chibi-section:not(:first-child){border-top:1px dashed var(--border-dashed)}.chibi-section-head{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-4)}.chibi-section-num{font-size:var(--text-xs);font-weight:700;color:var(--accent-hover);letter-spacing:.08em}.chibi-section-title{font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.chibi-section-note{font-size:var(--text-xs);color:var(--text-tertiary)}.chibi-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2)}.chibi-tab{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:64px;padding:var(--space-3) var(--space-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);text-align:left;transition:border-color .15s ease,background .15s ease,transform .05s ease}.chibi-tab:hover:not(.is-selected){border-color:var(--border-strong);background:var(--bg-hover)}.chibi-tab:active{transform:translateY(1px)}.chibi-tab-name{font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.chibi-tab-note{font-size:var(--text-xs);color:var(--text-tertiary);line-height:1.4}.chibi-tab.is-selected{background:var(--accent);border-color:var(--accent);box-shadow:var(--shadow-float)}.chibi-tab.is-selected .chibi-tab-name{color:var(--text-primary)}.chibi-tab.is-selected .chibi-tab-note{color:#ffffffd9}.chibi-compare{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-3);margin:var(--space-4) 0}.chibi-compare-box{position:relative;height:132px;border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--bg-hover);display:flex;align-items:center;justify-content:center;overflow:hidden}.chibi-compare-label{position:absolute;left:var(--space-2);top:var(--space-2);font-size:var(--text-xs);font-weight:500;color:var(--text-tertiary);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);padding:2px 8px;z-index:1}.chibi-compare-source{width:64px;height:64px;border-radius:var(--radius-md);background:radial-gradient(circle at 30% 30%,var(--accent) 0 22%,transparent 23%),radial-gradient(circle at 70% 65%,var(--success) 0 30%,transparent 31%),linear-gradient(160deg,#f7ecd4,#e9c98d 55%,#d9a133);box-shadow:var(--shadow-card)}.chibi-compare-arrow{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--bg-subtle);color:var(--text-secondary);font-size:var(--text-lg);font-weight:500}.chibi-compare-pixel{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-card);box-shadow:var(--shadow-card)}.chibi-subtype-title{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin:var(--space-3) 0 var(--space-2)}.chibi-subtypes{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.chibi-subtype{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:56px;padding:var(--space-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);text-align:left;transition:border-color .15s ease,background .15s ease}.chibi-subtype:hover:not(.is-selected){border-color:var(--border-strong);background:var(--bg-hover)}.chibi-subtype-name{font-size:var(--text-md);font-weight:700;color:var(--text-primary)}.chibi-subtype-note{font-size:var(--text-xs);color:var(--text-tertiary);line-height:1.4}.chibi-subtype.is-selected{background:var(--accent);border-color:var(--accent);box-shadow:var(--shadow-float)}.chibi-subtype.is-selected .chibi-subtype-name{color:var(--text-primary)}.chibi-subtype.is-selected .chibi-subtype-note{color:#ffffffd9}.chibi-options{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.chibi-options.is-3col{grid-template-columns:repeat(3,1fr)}.chibi-option{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;padding:var(--space-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .15s ease,background .15s ease}.chibi-option:hover:not(.is-selected){border-color:var(--border-strong);background:var(--bg-hover)}.chibi-option-value{font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.chibi-option-hint{font-size:var(--text-xs);color:var(--text-tertiary)}.chibi-option.is-selected{background:var(--accent);border-color:var(--accent);box-shadow:var(--shadow-float)}.chibi-option.is-selected .chibi-option-value{color:var(--text-primary)}.chibi-option.is-selected .chibi-option-hint{color:#ffffffd9}.chibi-recommend{position:absolute;top:-9px;right:8px;font-size:var(--text-xs);font-weight:700;color:var(--text-primary);background:var(--accent);border-radius:var(--radius-full);padding:1px 8px;box-shadow:var(--shadow-float)}.chibi-option.is-selected .chibi-recommend{background:var(--text-primary);color:var(--text-on-dark)}.chibi-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chibi-tag{display:inline-flex;align-items:center;gap:6px;min-height:var(--touch-min-sm);padding:6px 14px;font-size:var(--text-md);color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);transition:border-color .15s ease,background .15s ease,color .15s ease}.chibi-tag:hover:not(.is-selected):not(.is-disabled){border-color:var(--accent);background:var(--bg-hover)}.chibi-tag-marker{font-size:var(--text-md);font-weight:700;color:var(--text-tertiary);line-height:1}.chibi-tag.is-selected{background:var(--accent-soft);border-color:var(--accent);color:var(--text-primary)}.chibi-tag.is-selected .chibi-tag-marker{color:var(--accent-hover)}.chibi-tag.is-disabled{color:var(--text-disabled);cursor:not-allowed}.chibi-tag-hint{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--danger)}.chibi-tag-count{margin-left:auto;font-size:var(--text-xs);font-weight:700;color:var(--text-tertiary);background:var(--bg-subtle);border-radius:var(--radius-full);padding:2px 10px;white-space:nowrap}.chibi-tag-count.is-full{color:var(--accent-hover);background:var(--accent-soft)}.chibi-detail-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-4)}.chibi-field-label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-2)}.chibi-textarea{width:100%;min-height:88px;padding:var(--space-3);font-family:inherit;font-size:var(--text-md);color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);resize:vertical;transition:border-color .15s ease}.chibi-textarea:focus{outline:none;border-color:var(--accent)}.chibi-char-counter{margin-top:4px;font-size:var(--text-xs);color:var(--text-tertiary);text-align:right}.chibi-char-counter.is-limit{color:var(--danger);font-weight:700}.chibi-upload{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;width:100%;min-height:88px;padding:var(--space-3);background:var(--bg-card);border:1px dashed var(--border-strong);border-radius:var(--radius-md);transition:border-color .15s ease,background .15s ease}.chibi-upload:hover{border-color:var(--accent);background:var(--bg-hover)}.chibi-upload-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--bg-subtle);color:var(--text-secondary);font-size:var(--text-lg);font-weight:500;line-height:1}.chibi-upload-title{font-size:var(--text-md);font-weight:500;color:var(--text-primary)}.chibi-upload-hint{font-size:var(--text-xs);color:var(--text-tertiary)}.chibi-upload-file{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius-md)}.chibi-upload-thumb{width:40px;height:40px;border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--border)}.chibi-upload-meta{flex:1;min-width:0}.chibi-upload-name{font-size:var(--text-md);font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chibi-upload-size{font-size:var(--text-xs);color:var(--text-tertiary)}.chibi-upload-reset{min-height:var(--touch-min-sm);padding:0 var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card)}.chibi-upload-reset:hover{color:var(--danger);border-color:var(--danger)}.chibi-upload-error{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--danger)}.chibi-confirm{display:grid;grid-template-columns:220px 1fr;gap:var(--space-5)}.chibi-confirm-left{display:flex;flex-direction:column;gap:var(--space-2)}.chibi-sample{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-hover);overflow:hidden}.chibi-sample-label{position:absolute;left:var(--space-2);top:var(--space-2);font-size:var(--text-xs);font-weight:500;color:var(--text-tertiary);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);padding:2px 8px;z-index:1}.chibi-sample-desc{font-size:var(--text-xs);color:var(--text-tertiary);text-align:center}.chibi-confirm-right{display:flex;flex-direction:column;gap:var(--space-4)}.chibi-spec{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.chibi-spec-row{display:flex;align-items:baseline;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border)}.chibi-spec-row:nth-child(odd){border-right:1px solid var(--border)}.chibi-spec-row:nth-last-child(-n+2){border-bottom:none}.chibi-spec-label{font-size:var(--text-xs);color:var(--text-tertiary);flex-shrink:0}.chibi-spec-value{font-size:var(--text-md);font-weight:700;color:var(--text-primary)}.chibi-confirm-upload-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.chibi-confirm-note{padding:var(--space-3);font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-subtle);border-radius:var(--radius-md);line-height:1.6}.chibi-confirm-note b{color:var(--text-primary)}.chibi-confirm-actions{display:flex;align-items:center;gap:var(--space-3);margin-top:auto}.chibi-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-min);padding:0 var(--space-5);font-size:var(--text-lg);font-weight:700;border-radius:var(--radius-md);transition:background .15s ease,border-color .15s ease,color .15s ease;white-space:nowrap}.chibi-btn-primary{background:var(--accent);color:var(--text-primary)}.chibi-btn-primary:hover:not(:disabled){background:var(--accent-hover)}.chibi-btn-primary:disabled{background:#ece8dc;color:var(--text-disabled);box-shadow:none}.chibi-btn-secondary{min-height:var(--touch-min);padding:0 var(--space-4);font-size:var(--text-md);font-weight:500;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-md)}.chibi-btn-secondary:hover:not(:disabled){border-color:var(--accent);background:var(--bg-hover)}.chibi-btn-link{min-height:var(--touch-min-sm);padding:0 var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--info);text-decoration:underline;text-underline-offset:3px}.chibi-btn-link:hover{color:var(--text-primary)}.chibi-spinner{width:16px;height:16px;border:2px solid rgba(31,29,23,.25);border-top-color:var(--text-primary);border-radius:50%;animation:chibi-spin .7s linear infinite}.chibi-spinner.is-dark{border-color:var(--border-strong);border-top-color:var(--text-primary)}@keyframes chibi-spin{to{transform:rotate(360deg)}}.chibi-pixel{display:grid;grid-template-columns:repeat(8,1fr);width:96px;height:96px;border-radius:4px;overflow:hidden}.chibi-pixel span{width:100%;height:100%}.chibi-promises{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.chibi-promise{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.chibi-promise-icon{width:32px;height:32px;color:var(--accent-hover)}.chibi-promise-title{font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.chibi-promise-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.chibi-footer{border-top:1px solid var(--border);background:var(--bg-card)}.chibi-footer-inner{max-width:1280px;margin:0 auto;padding:var(--space-5) 24px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.chibi-footer-text{font-size:var(--text-sm);color:var(--text-tertiary)}.chibi-footer-link{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);text-decoration:none;display:inline-flex;align-items:center;gap:4px}.chibi-footer-link:hover{color:var(--accent-hover)}.chibi-modal-mask{position:fixed;inset:0;z-index:200;background:#17171366;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.chibi-modal{width:100%;max-width:380px;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);padding:var(--space-5)}.chibi-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.chibi-modal-title{font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.chibi-modal-close{display:inline-flex;align-items:center;justify-content:center;width:var(--touch-min-sm);height:var(--touch-min-sm);font-size:var(--text-lg);color:var(--text-tertiary);border-radius:var(--radius-sm)}.chibi-modal-close:hover{color:var(--text-primary);background:var(--bg-subtle)}.chibi-modal-input{width:100%;min-height:var(--touch-min);padding:0 var(--space-3);font-family:inherit;font-size:var(--text-md);color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-md)}.chibi-modal-input:focus{outline:none;border-color:var(--accent)}.chibi-modal-error{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--danger)}.chibi-modal-actions{margin-top:var(--space-4)}.chibi-modal-actions .chibi-btn{width:100%}.chibi-history-modal{max-width:480px}.chibi-history-body{max-height:60vh;overflow-y:auto}.chibi-history-status{padding:var(--space-6) 0;text-align:center;font-size:var(--text-sm);color:var(--text-tertiary)}.chibi-history-list{display:flex;flex-direction:column;gap:var(--space-2)}.chibi-history-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card)}.chibi-history-thumb-wrap{flex-shrink:0}.chibi-history-thumb{display:block;width:48px;height:48px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-subtle)}.chibi-history-thumb-empty{background:var(--bg-subtle)}.chibi-history-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.chibi-history-category{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.chibi-history-time{font-size:var(--text-xs);color:var(--text-tertiary)}.chibi-history-dl{flex-shrink:0;padding:6px 12px;font-size:var(--text-xs);font-weight:600;color:var(--text-primary);background:var(--accent);border-radius:var(--radius-full);text-decoration:none;transition:background .15s ease}.chibi-history-dl:hover{background:var(--accent-hover)}.chibi-mobile-bar{display:none}@media (max-width: 1023px){.chibi-card{padding:var(--space-5)}.chibi-confirm{grid-template-columns:160px 1fr}.chibi-detail-row{grid-template-columns:1fr}}@media (max-width: 767px){.chibi-nav-inner{padding:0 var(--space-4);gap:var(--space-3)}.chibi-nav-badge{display:none}.chibi-hero{padding:40px var(--space-4) var(--space-5)}.chibi-h1{font-size:24px}.chibi-main{padding:0 var(--space-4) 96px}.chibi-tabs,.chibi-options{grid-template-columns:repeat(2,1fr)}.chibi-options.is-3col{grid-template-columns:repeat(3,1fr)}.chibi-subtypes,.chibi-confirm{grid-template-columns:1fr}.chibi-sample{max-width:220px}.chibi-spec{grid-template-columns:1fr}.chibi-spec-row{border-right:none!important}.chibi-spec-row:nth-last-child(-n+2){border-bottom:1px solid var(--border)}.chibi-spec-row:last-child{border-bottom:none}.chibi-promises{grid-template-columns:1fr}.chibi-footer-inner{flex-direction:column;align-items:flex-start;padding:var(--space-4)}.chibi-confirm-actions{flex-wrap:wrap}.chibi-confirm-actions .chibi-btn-primary{flex:1;min-width:100%}.chibi-mobile-bar{position:fixed;left:0;right:0;bottom:0;z-index:150;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));background:var(--bg-card);border-top:1px solid var(--border);box-shadow:0 -2px 12px #1717130f}.chibi-mobile-bar .chibi-btn{flex:1;min-height:48px}.chibi-mobile-code{display:inline-flex;align-items:center;min-height:var(--touch-min-sm);font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap}}@media (max-width: 420px){.chibi-options.is-3col{grid-template-columns:1fr}.chibi-tab{min-height:56px}}.chibi-result{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md)}.chibi-result-img{width:100%;max-width:320px;height:auto;border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow-card)}.chibi-result-note{margin:0;font-size:var(--text-xs);color:var(--text-tertiary)}.chibi-publish{margin-top:var(--space-4);padding:var(--space-4);border:1px dashed var(--border-dashed);border-radius:var(--radius-md);background:var(--bg-card)}.chibi-publish-head{margin-bottom:var(--space-3)}.chibi-publish-title{font-size:var(--text-md);font-weight:700;margin:0 0 var(--space-1)}.chibi-publish-desc{font-size:var(--text-xs);color:var(--text-tertiary);margin:0}.chibi-publish-row{display:flex;gap:var(--space-2)}.chibi-publish-input{flex:1;min-width:0;min-height:var(--touch-min);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:0 var(--space-3);font-size:var(--text-md);font-family:var(--font-sans);background:var(--bg-hover);outline:none;transition:border-color .15s ease}.chibi-publish-input:focus{border-color:var(--accent)}.chibi-publish-btn{min-height:var(--touch-min);font-size:var(--text-md);flex-shrink:0}.chibi-publish-done{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}.chibi-publish-done .chibi-btn{text-decoration:none}.chibi-publish-success{font-size:var(--text-sm);font-weight:500;color:var(--success);font-family:var(--font-mono);word-break:break-all;margin:0}@media (max-width: 480px){.chibi-publish-row{flex-direction:column}.chibi-publish-btn{width:100%}}.chart-page{background:var(--bg-page);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-md);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}.chart-page *,.chart-page *:before,.chart-page *:after{box-sizing:border-box;margin:0;padding:0}.chart-page a{color:inherit;text-decoration:none}.chart-nav{position:sticky;top:0;z-index:100;height:60px;background:var(--bg-card);border-bottom:1px solid var(--border)}.chart-nav-inner{max-width:1280px;height:100%;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:var(--space-5)}.chart-nav-back{display:inline-flex;align-items:center;gap:6px;height:var(--touch-min-sm);padding:0 var(--space-2);color:var(--text-secondary);font-size:var(--text-md);font-weight:500;border-radius:var(--radius-sm);transition:color .15s ease}.chart-nav-back:hover{color:var(--text-primary)}.chart-brand{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:700;letter-spacing:.02em;color:var(--text-primary)}.chart-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);background:var(--accent);color:var(--text-primary);font-size:var(--text-md);font-weight:700}.chart-nav-spacer{flex:1}.chart-nav-badge{display:inline-flex;align-items:center;gap:var(--space-1);height:24px;padding:0 var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-xs);letter-spacing:.08em}.chart-hero{max-width:1280px;margin:0 auto;padding:var(--space-6) var(--space-5) var(--space-5);text-align:center}.chart-h1{font-size:var(--text-hero);font-weight:700;letter-spacing:.01em;line-height:1.25;color:var(--text-primary)}.chart-sub{margin-top:var(--space-3);font-size:var(--text-lg);color:var(--text-secondary);max-width:640px;margin-inline:auto}.chart-main{max-width:1280px;margin:0 auto;padding:var(--space-2) var(--space-5) var(--space-6)}.chart-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-5)}.chart-tab{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:128px;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-secondary);transition:border-color .15s ease,color .15s ease,background .15s ease;text-align:left}.chart-tab:hover{border-color:var(--border-strong);color:var(--text-primary)}.chart-tab.is-selected{border-color:var(--accent);background:var(--accent-soft);color:var(--text-primary)}.chart-tab-name{font-size:var(--text-lg);font-weight:600;color:inherit}.chart-tab-meta{font-size:var(--text-sm);color:var(--text-tertiary)}.chart-tab-count{margin-top:var(--space-1);font-size:var(--text-xs);font-weight:500;color:var(--accent-hover);font-family:var(--font-mono)}.chart-table-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-4)}.chart-table{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-2)}.chart-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-hover);min-width:0}.chart-swatch{flex:0 0 34px;width:34px;height:34px;border-radius:var(--radius-sm);border:1px solid rgba(23,23,19,.12);box-shadow:var(--shadow-card)}.chart-code{flex:1 1 auto;min-width:0;font-family:var(--font-mono);font-size:var(--text-md);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-hex{flex:0 0 auto;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary)}.chart-name{flex:0 0 auto;font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.chart-empty{padding:var(--space-6);text-align:center;color:var(--text-disabled)}.chart-crosslinks{margin-top:var(--space-5);padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.chart-crosslinks-title{font-size:var(--text-md);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-3)}.chart-crosslinks-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chart-crosslink{display:inline-flex;align-items:baseline;gap:var(--space-2);min-height:var(--touch-min-sm);padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-sm);transition:border-color .15s ease,color .15s ease,background .15s ease}.chart-crosslink:hover{border-color:var(--accent);color:var(--text-primary)}.chart-crosslink.is-current{border-color:var(--accent);background:var(--accent-soft);color:var(--text-primary);font-weight:600}.chart-crosslink-name{white-space:nowrap}.chart-crosslink-count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary)}.chart-crosslinks-home{display:inline-block;margin-top:var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.chart-crosslinks-home:hover{color:var(--text-primary)}.chart-footer{border-top:1px solid var(--border);background:var(--bg-card)}.chart-footer-inner{max-width:1280px;margin:0 auto;padding:var(--space-5) var(--space-4);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap}.chart-footer-text{font-size:var(--text-sm);color:var(--text-tertiary)}.chart-footer-link{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.chart-footer-link:hover{color:var(--text-primary)}@media (max-width: 720px){.chart-nav-inner{padding:0 var(--space-3);gap:var(--space-3)}.chart-nav-badge{display:none}.chart-hero{padding:var(--space-5) var(--space-4) var(--space-4)}.chart-h1{font-size:26px}.chart-sub{font-size:var(--text-md)}.chart-main{padding:var(--space-2) var(--space-3) var(--space-5)}.chart-tabs{justify-content:stretch}.chart-tab{flex:1 1 44%;min-width:0;align-items:center;text-align:center;padding:var(--space-2) var(--space-3)}.chart-table{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-1)}.chart-row{padding:var(--space-1);gap:var(--space-1)}.chart-swatch{flex-basis:28px;width:28px;height:28px}.chart-name{display:none}}.pl-page{background:var(--bg-page);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-md);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}.pl-page *,.pl-page *:before,.pl-page *:after{box-sizing:border-box;margin:0;padding:0}.pl-page a{color:inherit;text-decoration:none}.pl-nav{position:sticky;top:0;z-index:100;height:56px;background:var(--bg-card);border-bottom:1px solid var(--border)}.pl-nav-inner{max-width:1280px;height:100%;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:var(--space-5)}.pl-brand{display:inline-flex;align-items:center;gap:8px;color:var(--text-primary);font-size:var(--text-lg);font-weight:500;letter-spacing:.02em;white-space:nowrap}.pl-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:var(--accent);color:var(--text-primary);font-weight:700;font-size:var(--text-lg);line-height:1}.pl-brand b{font-weight:700}.pl-nav-links{display:flex;align-items:center;gap:var(--space-4);margin-left:var(--space-2);overflow-x:auto;scrollbar-width:none}.pl-nav-links::-webkit-scrollbar{display:none}.pl-nav-link{display:inline-flex;align-items:center;gap:4px;height:var(--touch-min-sm);padding:0 var(--space-1);color:var(--text-secondary);font-size:var(--text-md);font-weight:500;white-space:nowrap;border-bottom:2px solid transparent;transition:color .15s ease}.pl-nav-link:hover{color:var(--text-primary)}.pl-nav-link.is-active{color:var(--text-primary);border-bottom-color:var(--accent)}.pl-nav-pro{font-size:9px;font-weight:700;color:var(--text-primary);background:var(--accent);border-radius:var(--radius-full);padding:1px 6px;letter-spacing:.5px}.pl-nav-right{margin-left:auto;display:flex;align-items:center;gap:var(--space-4)}.pl-nav-lang{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius-full);overflow:hidden}.pl-nav-lang-btn{font-size:var(--text-xs);line-height:1;padding:5px 10px;min-height:0;color:var(--text-secondary)}.pl-nav-lang-btn:hover{color:var(--text-primary)}.pl-nav-lang-btn--active{color:var(--text-primary);background:var(--accent)}.pl-main{max-width:1280px;margin:0 auto;padding:0 24px 48px}.pl-hero{padding:40px 0 24px}.pl-eyebrow{display:block;font-size:var(--text-xs);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-hover);margin:0 0 var(--space-3)}.pl-h1{font-size:var(--text-hero);font-weight:700;line-height:1.25;margin:0 0 var(--space-3)}.pl-h1 em{font-style:italic;color:var(--accent-hover)}.pl-sub{font-size:14px;color:var(--text-secondary);max-width:560px;margin:0}.sw-toolbar{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-3) 0 var(--space-4);border-bottom:1px solid var(--border);margin-bottom:var(--space-5)}.sw-filters{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.sw-filter{min-height:var(--touch-min-sm);padding:0 var(--space-4);border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-strong);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;transition:border-color .15s ease,color .15s ease,background .15s ease}.sw-filter:hover{border-color:var(--accent);color:var(--text-primary)}.sw-filter.is-active{background:var(--accent);border-color:var(--accent);color:var(--text-primary)}.sw-count{margin-left:auto;font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap}.sw-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.sw-card{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.sw-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-float);border-color:var(--border-strong)}.sw-card-media{position:relative;aspect-ratio:1;background:var(--bg-subtle)}.sw-card-img{width:100%;height:100%;object-fit:cover;image-rendering:auto;display:block}.sw-card-badge{position:absolute;top:var(--space-2);right:var(--space-2);display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:700;color:var(--text-on-dark);background:#171713b8;border-radius:var(--radius-full);padding:2px 10px;backdrop-filter:blur(2px)}.sw-card-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}.sw-card-body{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-4) var(--space-4)}.sw-card-title{font-size:var(--text-md);font-weight:700;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sw-card-author{font-size:var(--text-sm);color:var(--text-tertiary)}.sw-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-1)}.sw-card-tag{min-height:22px;padding:0 var(--space-2);border-radius:var(--radius-full);background:var(--bg-subtle);color:var(--text-secondary);font-size:var(--text-xs);transition:background .15s ease,color .15s ease}.sw-card-tag:hover{background:var(--accent-soft);color:var(--text-primary)}.sw-card-tag.is-active{background:var(--accent);color:var(--text-primary)}.sw-card-meta{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border);font-size:var(--text-sm);color:var(--text-tertiary)}.sw-card-meta-item{display:inline-flex;align-items:center;gap:4px;font-weight:500}.sw-card-meta-item svg{width:15px;height:15px}.sw-card-grid{margin-left:auto;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-subtle);border-radius:var(--radius-sm);padding:1px 8px}.sw-empty{grid-column:1 / -1;text-align:center;padding:var(--space-6) var(--space-4);color:var(--text-tertiary);font-size:var(--text-sm);line-height:1.8}.sw-empty b{display:block;font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-1)}.sw-cta{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--touch-min);margin-top:var(--space-3);padding:0 var(--space-5);border-radius:var(--radius-md);background:var(--accent);color:var(--text-primary);font-size:var(--text-md);font-weight:700;transition:background .15s ease}.sw-cta:hover{background:var(--accent-hover)}.lib-list{display:flex;flex-direction:column;gap:var(--space-3)}.lib-row{display:flex;align-items:center;gap:var(--space-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-3);transition:border-color .15s ease,box-shadow .15s ease}.lib-row:hover{border-color:var(--border-strong);box-shadow:var(--shadow-float)}.lib-thumb{width:72px;height:72px;border-radius:var(--radius-md);object-fit:cover;background:var(--bg-subtle);border:1px solid var(--border);flex-shrink:0}.lib-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.lib-title{font-size:var(--text-md);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-meta{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-tertiary);flex-wrap:wrap}.lib-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:700;color:var(--text-on-dark);background:#171713b8;border-radius:var(--radius-full);padding:1px 8px}.lib-tags{display:flex;gap:var(--space-1);flex-wrap:wrap}.lib-tag{font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-subtle);border-radius:var(--radius-full);padding:1px 10px}.lib-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.lib-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-height:var(--touch-min-sm);padding:0 var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;transition:background .15s ease,border-color .15s ease}.lib-btn--primary{background:var(--accent);color:var(--text-primary);font-weight:700}.lib-btn--primary:hover{background:var(--accent-hover)}.lib-btn--outline{background:var(--bg-card);border:1px solid var(--border-strong);color:var(--text-secondary)}.lib-btn--outline:hover{border-color:var(--accent);color:var(--text-primary)}.help-faq{display:flex;flex-direction:column;gap:var(--space-3)}.help-cat{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.help-cat-head{margin:0}.help-cat-toggle{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:var(--touch-min);padding:var(--space-3) var(--space-4);text-align:left;color:var(--text-primary);transition:background .15s ease}.help-cat-toggle:hover{background:var(--bg-hover)}.help-cat-label{flex:1;font-size:var(--text-lg);font-weight:700}.help-cat-count{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:var(--text-xs);color:var(--text-tertiary);background:var(--bg-subtle);border-radius:var(--radius-full);padding:2px 10px;white-space:nowrap}.help-cat-caret{flex-shrink:0;width:8px;height:8px;border-right:2px solid var(--text-tertiary);border-bottom:2px solid var(--text-tertiary);transform:rotate(45deg);transition:transform .15s ease}.help-cat-toggle[aria-expanded=false] .help-cat-caret{transform:rotate(-45deg)}.help-cat-panel{border-top:1px solid var(--border)}.help-item{border-bottom:1px solid var(--border)}.help-item:last-child{border-bottom:none}.help-item-q{display:flex;align-items:baseline;gap:var(--space-2);padding:var(--space-3) var(--space-4);cursor:pointer;list-style:none;font-size:var(--text-md);font-weight:600;color:var(--text-primary);transition:background .15s ease}.help-item-q:hover{background:var(--bg-hover)}.help-item-q::-webkit-details-marker{display:none}.help-item-q:before{content:"▸";flex-shrink:0;color:var(--text-tertiary);transition:transform .15s ease}.help-item[open] .help-item-q:before{content:"▾"}.help-item-id{flex-shrink:0;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:var(--text-xs);font-weight:500;color:var(--accent-hover)}.help-item-a{padding:0 var(--space-4) var(--space-3) calc(var(--space-4) + 24px);color:var(--text-secondary);font-size:var(--text-sm);line-height:1.7}.legal-meta{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-3);font-size:var(--text-sm);color:var(--text-tertiary)}.legal-doc{display:flex;flex-direction:column;gap:var(--space-3);max-width:860px}.legal-chapter{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-4) var(--space-5)}.legal-chapter-title{display:flex;align-items:center;gap:var(--space-3);margin:0 0 var(--space-3);font-size:var(--text-lg);font-weight:700;line-height:1.4}.legal-chapter-num{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:28px;height:28px;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-hover);font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:var(--text-xs);font-weight:700}.legal-para{margin:0 0 var(--space-3);color:var(--text-secondary);font-size:var(--text-md);line-height:1.8}.legal-para:last-child{margin-bottom:0}.legal-para strong,.legal-warn-text strong{color:var(--text-primary);font-weight:700}.legal-warn{display:flex;align-items:flex-start;gap:var(--space-3);margin:0 0 var(--space-3);padding:var(--space-3) var(--space-4);background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--radius-md)}.legal-warn:last-child{margin-bottom:0}.legal-warn-mark{flex-shrink:0;font-size:var(--text-lg);line-height:1.6}.legal-warn-text{margin:0;color:var(--text-primary);font-size:var(--text-md);line-height:1.8}.legal-related{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border)}.legal-related-label{margin-right:var(--space-2);font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;color:var(--text-tertiary);white-space:nowrap}.legal-related-link{display:inline-flex;align-items:center;min-height:var(--touch-min-sm);padding:0 var(--space-4);border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-strong);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;transition:border-color .15s ease,color .15s ease}.legal-related-link:hover{border-color:var(--accent);color:var(--text-primary)}.sw-card-media-link,.sw-card-title-link{display:block}.sw-card-media-link{position:absolute;inset:0}.sw-card-title-link:hover{color:var(--accent-hover)}.sw-card-detail{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--accent-hover);transition:color .15s ease}.sw-card-detail:hover{color:var(--text-primary)}.lib-thumb-link{display:block;flex-shrink:0;border-radius:var(--radius-md);line-height:0}.lib-thumb-link:hover .lib-thumb{border-color:var(--accent)}.lib-title-link:hover{color:var(--accent-hover)}.wd-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-5) 0 var(--space-3);font-size:var(--text-sm);color:var(--text-tertiary)}.wd-breadcrumb a:hover{color:var(--accent-hover)}.wd-breadcrumb-sep{color:var(--border-strong)}.wd-breadcrumb-current{color:var(--text-secondary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:320px}.wd-header{padding:0 0 var(--space-4)}.wd-summary{font-size:14px;color:var(--text-secondary);max-width:640px;margin:0}.wd-tags{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-3)}.wd-tag{font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-full);padding:2px 10px}.wd-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--space-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.wd-meta-item{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.wd-meta-item b{font-weight:500;color:var(--text-tertiary)}.wd-section{margin-top:var(--space-6)}.wd-section-title{font-size:var(--text-xl);font-weight:700;line-height:1.3;margin:0 0 var(--space-1)}.wd-section-sub{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-3)}.wd-preview{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-4);display:flex;justify-content:center;overflow:hidden}.wd-preview-img{max-width:100%;max-height:560px;border-radius:var(--radius-md);display:block;object-fit:contain}.wd-export-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.wd-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-min);padding:0 var(--space-5);border-radius:var(--radius-md);font-size:var(--text-md);font-weight:700;transition:background .15s ease,border-color .15s ease,color .15s ease}.wd-btn--primary{background:var(--accent);color:var(--text-primary)}.wd-btn--primary:hover{background:var(--accent-hover)}.wd-btn--secondary{background:var(--bg-card);border:1px solid var(--border-strong);color:var(--text-secondary);font-weight:500}.wd-btn--secondary:hover{border-color:var(--accent);color:var(--text-primary)}.wd-export-note{margin:var(--space-3) 0 0;font-size:var(--text-sm);color:var(--info);background:var(--accent-soft);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.wd-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}.wd-stat-card{display:flex;flex-direction:column;gap:var(--space-1);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-4)}.wd-stat-value{font-size:24px;font-weight:700;line-height:1.2;color:var(--text-primary)}.wd-stat-label{font-size:var(--text-xs);color:var(--text-tertiary);letter-spacing:.04em}.wd-material{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.wd-material-group{font-size:var(--text-sm);font-weight:700;color:var(--success);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:var(--bg-subtle)}.wd-table{width:100%;border-collapse:collapse;font-size:var(--text-md)}.wd-table th{text-align:left;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border);background:var(--bg-hover)}.wd-table td{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border);color:var(--text-secondary)}.wd-table tr:last-child td{border-bottom:none}.wd-table-code{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-weight:600;color:var(--text-primary)}.wd-table-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.wd-material-low{border-top:1px solid var(--border)}.wd-material-low summary{display:flex;align-items:center;gap:var(--space-2);min-height:var(--touch-min-sm);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);cursor:pointer;list-style:none;transition:background .15s ease,color .15s ease}.wd-material-low summary:hover{background:var(--bg-hover);color:var(--text-primary)}.wd-material-low summary::-webkit-details-marker{display:none}.wd-material-low summary:before{content:"▸";flex-shrink:0;color:var(--text-tertiary);transition:transform .15s ease}.wd-material-low[open] summary:before{transform:rotate(90deg)}.wd-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);text-align:center;padding:var(--space-6) var(--space-4);background:var(--bg-card);border:1px dashed var(--border-dashed);border-radius:var(--radius-lg);color:var(--text-tertiary);font-size:var(--text-sm)}.wd-empty b{font-size:var(--text-lg);color:var(--text-primary)}.wd-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);list-style:none;padding:0}.wd-guide-step{display:flex;gap:var(--space-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-4)}.wd-guide-num{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);background:var(--accent);color:var(--text-primary);font-size:var(--text-md);font-weight:700;line-height:1}.wd-guide-title{font-size:var(--text-md);font-weight:700;margin:0 0 var(--space-1)}.wd-guide-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin:0}.wd-faq{display:flex;flex-direction:column;gap:var(--space-2)}.wd-faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);overflow:hidden}.wd-faq-item summary{display:flex;align-items:baseline;gap:var(--space-2);min-height:var(--touch-min-sm);padding:var(--space-3) var(--space-4);font-size:var(--text-md);font-weight:600;color:var(--text-primary);cursor:pointer;list-style:none;transition:background .15s ease}.wd-faq-item summary:hover{background:var(--bg-hover)}.wd-faq-item summary::-webkit-details-marker{display:none}.wd-faq-item summary:before{content:"▸";flex-shrink:0;color:var(--text-tertiary);transition:transform .15s ease}.wd-faq-item[open] summary:before{transform:rotate(90deg)}.wd-faq-a{padding:0 var(--space-4) var(--space-3) calc(var(--space-4) + 24px);color:var(--text-secondary);font-size:var(--text-sm);line-height:1.7;margin:0}.wd-status{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center;padding:var(--space-6) var(--space-4);color:var(--text-tertiary);font-size:var(--text-sm)}.wd-status b{font-size:var(--text-lg);color:var(--text-primary)}.wd-status p{margin:0}.wd-status-spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent);animation:wd-spin .8s linear infinite}@keyframes wd-spin{to{transform:rotate(360deg)}}.wd-back{font-size:var(--text-sm);color:var(--text-secondary)}.wd-back:hover{color:var(--accent-hover)}.pl-footer{border-top:1px solid var(--border);background:var(--bg-card)}.pl-footer-inner{max-width:1280px;margin:0 auto;padding:var(--space-5) 24px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.pl-footer-text{font-size:var(--text-xs);color:var(--text-tertiary)}.pl-footer-link{font-size:var(--text-sm);color:var(--text-secondary)}.pl-footer-link:hover{color:var(--text-primary)}@media (max-width: 1023px){.sw-grid{grid-template-columns:repeat(3,1fr)}.wd-guide{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.pl-nav-inner{padding:0 16px;gap:var(--space-3)}.pl-nav-links{gap:var(--space-2)}.pl-nav-link{font-size:var(--text-sm);padding:0 var(--space-2)}.pl-main{padding:0 16px 48px}.pl-hero{padding:32px 0 20px}.pl-h1{font-size:26px}.sw-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.sw-count{width:100%;margin-left:0}.lib-row{flex-wrap:wrap;gap:var(--space-3)}.lib-actions{width:100%;justify-content:flex-end}.wd-breadcrumb{padding-top:var(--space-4)}.wd-meta{gap:var(--space-2) var(--space-3);padding:var(--space-3)}.wd-stats{grid-template-columns:1fr;gap:var(--space-2)}.wd-stat-card{flex-direction:row;align-items:baseline;justify-content:space-between;padding:var(--space-3)}.wd-guide{grid-template-columns:1fr}.wd-preview{padding:var(--space-2)}.pl-footer-inner{padding:var(--space-4) 16px;flex-direction:column;align-items:flex-start;gap:var(--space-2)}}@media (max-width: 420px){.sw-grid{grid-template-columns:1fr}}.admin-forbidden{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-6) var(--space-4);gap:var(--space-3);margin-top:var(--space-6)}.admin-forbidden-desc{color:var(--text-secondary);font-size:var(--text-md);margin-bottom:var(--space-2)}.admin-tabs{display:flex;gap:var(--space-1);padding:0 0 var(--space-4);border-bottom:1px solid var(--border);margin-bottom:var(--space-5);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.admin-tabs::-webkit-scrollbar{display:none}.admin-tab{flex-shrink:0;min-height:var(--touch-min-sm);padding:0 var(--space-4);border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-strong);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease;white-space:nowrap}.admin-tab:hover{border-color:var(--accent);color:var(--text-primary)}.admin-tab.is-active{background:var(--accent);border-color:var(--accent);color:var(--text-primary)}.admin-tab-content{min-height:200px}.admin-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:var(--space-4)}.admin-table{width:100%;min-width:640px;border-collapse:collapse;font-size:var(--text-sm)}.admin-table th{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:2px solid var(--border-strong);color:var(--text-tertiary);font-weight:600;font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.admin-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);color:var(--text-primary);vertical-align:middle}.admin-table tbody tr:hover{background:var(--bg-hover)}.admin-cell-mono{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:var(--text-xs);color:var(--text-secondary)}.admin-action-btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-min-sm);padding:0 var(--space-3);border-radius:var(--radius-sm);background:var(--bg-subtle);border:1px solid var(--border-strong);color:var(--text-secondary);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease;margin-right:var(--space-1)}.admin-action-btn:hover{background:var(--border);color:var(--text-primary)}.admin-action-btn--primary{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-hover)}.admin-action-btn--primary:hover{background:var(--accent);color:var(--text-primary)}.admin-action-btn--danger{color:var(--danger);border-color:var(--danger)}.admin-action-btn--danger:hover{background:var(--danger);color:var(--text-on-dark)}.admin-badge{display:inline-block;font-size:10px;font-weight:700;border-radius:var(--radius-full);padding:1px 8px;letter-spacing:.3px;white-space:nowrap}.admin-badge--success{background:#3daf801f;color:var(--success)}.admin-badge--danger{background:#e04f4f1f;color:var(--danger)}.admin-badge--muted{background:var(--bg-subtle);color:var(--text-tertiary)}.admin-pagination{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary)}.admin-pagination button{min-height:var(--touch-min-sm);padding:0 var(--space-3);border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border-strong);color:var(--text-primary);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:background .15s ease}.admin-pagination button:disabled{opacity:.4;cursor:not-allowed}.admin-pagination button:not(:disabled):hover{background:var(--bg-subtle)}.admin-toolbar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.admin-select{min-height:var(--touch-min-sm);padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:inherit;color:var(--text-primary);background:var(--bg-page);outline:none;cursor:pointer}.admin-input-num{width:80px;min-height:var(--touch-min-sm);padding:0 var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:inherit;color:var(--text-primary);background:var(--bg-page);outline:none;text-align:center}.admin-textarea{width:100%;min-height:80px;padding:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:inherit;color:var(--text-primary);background:var(--bg-page);outline:none;resize:vertical;box-sizing:border-box}.admin-textarea:focus,.admin-select:focus,.admin-input-num:focus{border-color:var(--accent)}.admin-codes-result{margin-bottom:var(--space-4);padding:var(--space-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md)}.admin-codes-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.admin-code{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:var(--text-xs);padding:2px 8px;background:var(--bg-subtle);border-radius:var(--radius-sm);color:var(--text-primary);word-break:break-all}.admin-loading{color:var(--text-tertiary);font-size:var(--text-sm);padding:var(--space-4) 0}.admin-error{color:var(--danger);font-size:var(--text-sm);padding:var(--space-4) 0}.admin-empty{color:var(--text-tertiary);font-size:var(--text-sm);padding:var(--space-4) 0}.announcements-list{display:flex;flex-direction:column;gap:var(--space-4)}.announcement-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-5)}.announcement-card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);flex-wrap:wrap}.announcement-card-title{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);line-height:1.4}.announcement-version{font-size:10px;font-weight:700;color:var(--text-primary);background:var(--accent);border-radius:var(--radius-full);padding:1px 8px;letter-spacing:.3px;white-space:nowrap}.announcement-card-time{display:block;font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:var(--space-3)}.announcement-card-body{font-size:var(--text-md);color:var(--text-secondary);line-height:1.7;white-space:pre-wrap}.bd-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-5)}.bd-stat-card{display:flex;flex-direction:column;gap:var(--space-1);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-4)}.bd-stat-value{font-size:24px;font-weight:700;line-height:1.2;color:var(--text-primary)}.bd-stat-label{font-size:var(--text-xs);color:var(--text-tertiary);letter-spacing:.04em}.bd-stat-warn{color:var(--danger)}.bd-auth-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-5);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.bd-auth-text{font-size:var(--text-sm, .875rem);color:var(--text-secondary)}.bd-settings{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-4);margin-bottom:var(--space-5);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.bd-settings-label{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);white-space:nowrap}.bd-settings-options{display:flex;gap:var(--space-2)}.bd-settings-btn{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--touch-min-sm);padding:0 var(--space-4);border-radius:var(--radius-full);background:var(--bg-subtle);border:1px solid var(--border-strong);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.bd-settings-btn:hover{border-color:var(--accent);color:var(--text-primary)}.bd-settings-btn.is-active{background:var(--accent);border-color:var(--accent);color:var(--text-primary)}.bd-settings-desc{width:100%;font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.bd-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-3)}.bd-bottle{display:flex;flex-direction:column;gap:var(--space-2);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-3);transition:border-color .15s ease,box-shadow .15s ease;position:relative;overflow:hidden}.bd-bottle:hover{border-color:var(--border-strong);box-shadow:var(--shadow-float)}.bd-bottle.is-out-of-stock{opacity:.6}.bd-bottle.is-low-stock{border-color:var(--danger)}.bd-bottle-swatch{width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--border);flex-shrink:0}.bd-bottle-header{display:flex;align-items:center;gap:var(--space-2)}.bd-bottle-code{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:var(--text-xs);font-weight:600;color:var(--text-primary)}.bd-bottle-warning{margin-left:auto;font-size:9px;font-weight:700;color:var(--text-on-dark);background:var(--danger);border-radius:var(--radius-full);padding:1px 6px;letter-spacing:.3px;white-space:nowrap}.bd-bottle-empty-badge{margin-left:auto;font-size:9px;font-weight:700;color:var(--text-tertiary);background:var(--bg-subtle);border-radius:var(--radius-full);padding:1px 6px;letter-spacing:.3px;white-space:nowrap}.bd-bottle-level-wrap{position:relative;height:120px;border-radius:var(--radius-md);background:var(--bg-subtle);overflow:hidden;border:1px solid var(--border)}.bd-bottle-level{position:absolute;left:0;right:0;bottom:0;height:0;border-radius:0 0 var(--radius-md) var(--radius-md);transition:height .4s ease}.bd-bottle-level.is-empty{background:var(--border-strong)!important;height:0!important}.bd-bottle-count{font-size:20px;font-weight:700;line-height:1.2;color:var(--text-primary);font-variant-numeric:tabular-nums}.bd-bottle-count.is-empty{color:var(--text-disabled)}.bd-bottle-count.is-low{color:var(--danger)}.bd-bottle-add{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-min-sm);padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--accent-soft);border:1px solid var(--accent);color:var(--accent-hover);font-size:var(--text-xs);font-weight:700;cursor:pointer;transition:background .15s ease,color .15s ease;align-self:flex-start}.bd-bottle-add:hover{background:var(--accent);color:var(--text-primary)}.bd-particle-container{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2}.bd-particle{position:absolute;width:8px;height:8px;border-radius:50%;opacity:.9;will-change:transform}.bd-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-6) var(--space-4);background:var(--bg-card);border:1px dashed var(--border-dashed);border-radius:var(--radius-lg);color:var(--text-tertiary);font-size:var(--text-sm);gap:var(--space-3)}.bd-empty-title{font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.bd-empty-desc{max-width:400px;line-height:1.6;color:var(--text-secondary)}.bd-empty-actions{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.bd-empty-btn{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--touch-min);padding:0 var(--space-5);border-radius:var(--radius-md);font-size:var(--text-md);font-weight:700;cursor:pointer;transition:background .15s ease,border-color .15s ease}.bd-empty-btn--primary{background:var(--accent);color:var(--text-primary);border:none}.bd-empty-btn--primary:hover{background:var(--accent-hover)}.bd-empty-btn--outline{background:var(--bg-card);border:1px solid var(--border-strong);color:var(--text-secondary)}.bd-empty-btn--outline:hover{border-color:var(--accent);color:var(--text-primary)}.bd-add-popup{position:absolute;top:100%;right:0;z-index:10;display:flex;flex-direction:column;gap:var(--space-2);min-width:180px;padding:var(--space-3);background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-float);margin-top:var(--space-1)}.bd-add-popup-input{width:100%;min-height:var(--touch-min-sm);padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:var(--text-md);font-family:inherit;color:var(--text-primary);background:var(--bg-page);outline:none;transition:border-color .15s ease;box-sizing:border-box}.bd-add-popup-input:focus{border-color:var(--accent)}.bd-add-popup-actions{display:flex;gap:var(--space-2)}.bd-add-popup-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-min-sm);padding:0 var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:background .15s ease;border:none}.bd-add-popup-btn--confirm{background:var(--accent);color:var(--text-primary)}.bd-add-popup-btn--confirm:hover{background:var(--accent-hover)}.bd-add-popup-btn--cancel{background:var(--bg-subtle);color:var(--text-secondary)}.bd-add-popup-btn--cancel:hover{background:var(--border)}.bd-modal-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#1f1d1773;backdrop-filter:blur(2px);padding:var(--space-4);animation:mask-in var(--dur-med) ease both}.bd-modal{display:flex;flex-direction:column;width:100%;max-width:520px;max-height:80vh;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);overflow:hidden;transform-origin:center;animation:modal-in var(--dur-med) var(--ease-out) both}.bd-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.bd-modal-title{font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.bd-modal-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);border:none;background:none;color:var(--text-tertiary);font-size:18px;cursor:pointer;transition:background .15s ease,color .15s ease}.bd-modal-close:hover{background:var(--bg-subtle);color:var(--text-primary)}.bd-modal-sub{padding:var(--space-2) var(--space-5);font-size:var(--text-sm);color:var(--text-tertiary);border-bottom:1px solid var(--border)}.bd-modal-body{flex:1;overflow-y:auto;padding:var(--space-3) var(--space-5)}.bd-modal-list{display:flex;flex-direction:column;gap:var(--space-2)}.bd-modal-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border)}.bd-modal-row:last-child{border-bottom:none}.bd-modal-swatch{width:20px;height:20px;border-radius:4px;border:1px solid var(--border);flex-shrink:0}.bd-modal-code{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:var(--text-xs);font-weight:600;color:var(--text-primary);min-width:50px}.bd-modal-detail{display:flex;align-items:center;gap:var(--space-2);margin-left:auto;font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--text-secondary)}.bd-modal-detail b{font-weight:600}.bd-modal-detail-ok{color:var(--success);font-weight:600}.bd-modal-detail-missing{color:var(--danger);font-weight:600}.bd-modal-replace-btn{font-size:var(--text-xs);font-weight:600;color:var(--info);border:1px solid var(--info);border-radius:var(--radius-full);padding:1px 10px;background:none;cursor:pointer;transition:background .15s ease,color .15s ease;white-space:nowrap}.bd-modal-replace-btn:hover{background:var(--info);color:var(--text-on-dark)}.bd-modal-footer{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);background:var(--bg-hover)}.bd-modal-footer-note{flex:1;font-size:var(--text-xs);color:var(--danger);font-weight:500}.bd-modal-btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-min);padding:0 var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:700;cursor:pointer;transition:background .15s ease,border-color .15s ease;border:none;white-space:nowrap}.bd-modal-btn--primary{background:var(--accent);color:var(--text-primary)}.bd-modal-btn--primary:hover{background:var(--accent-hover)}.bd-modal-btn--primary:disabled{opacity:.4;cursor:not-allowed}.bd-modal-btn--success{background:var(--success);color:var(--text-on-dark)}.bd-modal-btn--success:hover{filter:brightness(1.1)}.bd-modal-btn--outline{background:var(--bg-card);border:1px solid var(--border-strong);color:var(--text-secondary)}.bd-modal-btn--outline:hover{border-color:var(--accent);color:var(--text-primary)}.bd-replace-overlay{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;background:#1717134d;backdrop-filter:blur(1px);border-radius:var(--radius-lg)}.bd-replace-panel{width:90%;max-width:360px;max-height:70%;background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-float);overflow:hidden;display:flex;flex-direction:column}.bd-replace-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}.bd-replace-title{font-size:var(--text-sm);font-weight:700;color:var(--text-primary)}.bd-replace-close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);border:none;background:none;color:var(--text-tertiary);font-size:16px;cursor:pointer}.bd-replace-close:hover{background:var(--bg-subtle);color:var(--text-primary)}.bd-replace-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-2);padding:var(--space-3);overflow-y:auto}.bd-replace-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:300;padding:10px 24px;border-radius:var(--radius-md);background:var(--success);color:var(--text-on-dark);font-size:var(--text-sm);font-weight:600;white-space:nowrap;box-shadow:0 4px 16px #17171329;animation:bd-toast-in .3s ease;pointer-events:none}@keyframes bd-toast-in{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.bd-replace-color{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-1);border-radius:var(--radius-sm);border:2px solid transparent;cursor:pointer;transition:border-color .15s ease,background .15s ease}.bd-replace-color:hover{border-color:var(--accent);background:var(--bg-hover)}.bd-replace-swatch{width:24px;height:24px;border-radius:4px;border:1px solid var(--border)}.bd-replace-code{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:9px;color:var(--text-tertiary);line-height:1;display:flex;flex-direction:column;align-items:center;gap:1px}.bd-replace-color.is-out{opacity:.45;cursor:not-allowed}.bd-replace-color .bd-bead-stock{font-size:10px;opacity:.7;margin-left:0}.bd-add-modal{max-width:420px}.bd-add-form{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4) var(--space-5)}.bd-add-field{display:flex;flex-direction:column;gap:var(--space-1)}.bd-add-label{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.bd-add-input{min-height:var(--touch-min);padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:var(--text-md);font-family:inherit;color:var(--text-primary);background:var(--bg-page);outline:none;transition:border-color .15s ease}.bd-add-input:focus{border-color:var(--accent)}.bd-add-brand-hint{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1)}@media (max-width: 1023px){.bd-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 767px){.bd-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.bd-stats{grid-template-columns:1fr;gap:var(--space-2)}.bd-stat-card{flex-direction:row;align-items:baseline;justify-content:space-between;padding:var(--space-3)}.bd-settings{flex-direction:column;align-items:stretch;gap:var(--space-3)}.bd-bottle{padding:var(--space-2)}.bd-bottle-count{font-size:18px}.bd-modal{max-height:90vh}.bd-modal-header{padding:var(--space-3) var(--space-4)}.bd-modal-body{padding:var(--space-2) var(--space-4)}.bd-modal-footer{flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.bd-modal-footer-note{text-align:center}.bd-replace-grid{grid-template-columns:repeat(5,1fr)}}.bd-empty-btn,.bd-modal-btn,.bd-add-popup-btn,.bd-bottle-add,.bd-settings-btn,.bd-modal-replace-btn{transition:background var(--dur-fast) ease,border-color var(--dur-fast) ease,color var(--dur-fast) ease,transform var(--dur-fast) var(--ease-out)}.bd-empty-btn:active,.bd-modal-btn:active,.bd-add-popup-btn:active,.bd-bottle-add:active,.bd-settings-btn:active,.bd-modal-replace-btn:active{transform:scale(.97)}.bd-empty-btn:focus-visible,.bd-modal-btn:focus-visible,.bd-add-popup-btn:focus-visible,.bd-bottle-add:focus-visible,.bd-settings-btn:focus-visible,.bd-modal-replace-btn:focus-visible,.bd-modal-close:focus-visible{outline:none;box-shadow:var(--focus-ring)}.bd-add-input:focus,.bd-add-popup-input:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.bd-add-input::placeholder,.bd-add-popup-input::placeholder{color:var(--text-disabled)}:root{--bg-page: #f4f3ef;--bg-card: #fffefa;--bg-subtle: #f0ede4;--bg-hover: #faf9f4;--text-primary: #1f1d17;--text-secondary: #615e54;--text-tertiary: #8a877d;--text-disabled: #b0aca0;--text-on-dark: #fffefa;--accent: #edb045;--accent-hover: #e3a335;--accent-strong: #d18f1f;--accent-ink: #8a5c08;--accent-soft: #f7e3bb;--success: #2f9e77;--danger: #d94848;--danger-soft: #fbeaea;--info: #3677d2;--border: #e6e3d9;--border-strong: #d2cec4;--border-dashed: #ddd8c8;--grid-strong: rgba(20, 20, 18, .78);--grid-medium: rgba(30, 30, 28, .45);--grid-light: rgba(30, 30, 28, .16);--font-sans: "Nunito", "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, "Cascadia Code", Consolas, monospace;--text-xs: 12px;--text-sm: 13px;--text-md: 14px;--text-lg: 18px;--text-xl: 22px;--text-hero: clamp(30px, 4.5vw, 42px);--weight-regular: 400;--weight-medium: 600;--weight-bold: 700;--weight-black: 800;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 999px;--shadow-card: 0 1px 2px rgba(31, 29, 23, .05), 0 2px 8px rgba(31, 29, 23, .04);--shadow-modal: 0 12px 40px rgba(31, 29, 23, .18), 0 2px 8px rgba(31, 29, 23, .08);--shadow-float: 0 2px 10px rgba(31, 29, 23, .1);--touch-min: 44px;--touch-min-sm: 36px;--focus-ring: 0 0 0 3px rgba(237, 176, 69, .45);--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--dur-fast: .15s;--dur-med: .22s;--dur-slow: .3s;--layout-max: 1280px;--nav-height: 60px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg-page);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-md);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;min-height:var(--touch-min-sm)}input[type=range]{width:100%;height:4px;-webkit-appearance:none;appearance:none;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--range-progress, 50%),var(--bg-subtle) var(--range-progress, 50%),var(--bg-subtle) 100%);border-radius:var(--radius-full);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--accent);box-shadow:var(--shadow-float);cursor:pointer}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--accent);cursor:pointer}a{color:inherit;text-decoration:none}.page{min-height:100vh;display:flex;flex-direction:column}.page-main{flex:1;width:100%;max-width:var(--layout-max);margin:0 auto;padding:0 var(--space-5)}.nav{position:sticky;top:0;z-index:100;height:var(--nav-height);background:var(--bg-card);border-bottom:1px solid var(--border)}.nav-inner{max-width:var(--layout-max);height:100%;margin:0 auto;padding:0 var(--space-5);display:flex;align-items:center;gap:var(--space-6)}.nav-brand{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:.2px}.nav-brand-block{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--accent);color:var(--text-primary);display:grid;place-items:center;font-weight:var(--weight-black);font-size:16px;line-height:1}.nav-brand strong{font-weight:var(--weight-bold)}.nav-links{display:flex;align-items:center;gap:var(--space-5);margin-left:var(--space-2)}.nav-link{position:relative;font-size:var(--text-md);color:var(--text-secondary);padding:4px 2px;min-height:var(--touch-min-sm);display:inline-flex;align-items:center;gap:var(--space-1);transition:color var(--dur-fast) ease}.nav-link:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:var(--radius-full);background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-fast) var(--ease-out)}@media (hover: hover){.nav-link:hover{color:var(--text-primary)}.nav-link:hover:after{transform:scaleX(1)}}.nav-link--active{color:var(--accent-ink);font-weight:var(--weight-medium)}.nav-link--active:after{transform:scaleX(1)}.nav-link:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:4px}.nav-pro-badge{font-size:10px;font-weight:var(--weight-bold);color:var(--text-primary);background:var(--accent);border-radius:var(--radius-full);padding:1px 6px;letter-spacing:.5px}.nav-right{margin-left:auto;display:flex;align-items:center;gap:var(--space-5)}.nav-lang{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius-full);overflow:hidden}.nav-lang-btn{font-size:var(--text-xs);line-height:1;padding:5px 10px;min-height:0;color:var(--text-secondary);background:transparent;border-radius:0}.nav-lang-btn:hover{color:var(--text-primary)}.nav-lang-btn--active{color:var(--text-primary);background:var(--accent);font-weight:var(--weight-medium)}.nav-agency{font-size:var(--text-md);color:var(--text-secondary);padding:0 var(--space-2)}.nav-agency:hover{color:var(--text-primary)}.nav-status{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap}.nav-status-dot{width:6px;height:6px;border-radius:50%;background:var(--success)}.hero{padding:64px 0 48px;background:radial-gradient(rgba(209,143,31,.1) 1.5px,transparent 1.5px) 0 0 / 22px 22px,var(--bg-page);border-bottom:1px solid var(--border);margin-bottom:var(--space-6)}.hero-eyebrow{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.18em;text-transform:uppercase;color:var(--accent-ink);margin:0 0 var(--space-3)}.hero-title{font-size:var(--text-hero);font-weight:var(--weight-black);line-height:1.18;letter-spacing:-.01em;margin:0 0 var(--space-4);max-width:640px;text-wrap:balance}.hero-title em{font-style:normal;font-weight:var(--weight-black);color:var(--accent-ink)}.hero-sub{font-size:14px;color:var(--text-secondary);max-width:560px;margin:0 0 var(--space-5)}.hero-stats{display:flex;align-items:center;gap:var(--space-5)}.hero-stat{display:flex;flex-direction:column;gap:2px}.hero-stat strong{font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:1.1}.hero-stat span{font-size:var(--text-sm);color:var(--text-tertiary)}.hero-stat-sep{width:1px;height:28px;background:var(--border-strong)}.pass{padding:0 0 var(--space-6)}.pass-title{font-size:var(--text-xl);font-weight:var(--weight-bold);margin:0 0 var(--space-1)}.pass-sub{font-size:var(--text-sm);color:var(--text-tertiary);margin:0 0 var(--space-5)}.pass-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.pass-card{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);box-shadow:var(--shadow-card);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) ease}@media (hover: hover){.pass-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-float)}}.pass-card:focus-within{box-shadow:var(--focus-ring)}.pass-card--featured{border:2px solid var(--accent)}.pass-card-badge{position:absolute;top:-10px;right:var(--space-4);background:var(--accent);color:var(--text-primary);font-size:var(--text-xs);font-weight:var(--weight-bold);padding:2px 10px;border-radius:var(--radius-full)}.pass-card-name{font-size:var(--text-lg);font-weight:var(--weight-medium)}.pass-card-price{font-size:32px;font-weight:var(--weight-black);line-height:1.1;font-variant-numeric:tabular-nums}.pass-card-price small{font-size:var(--text-md);font-weight:var(--weight-regular);color:var(--text-tertiary)}.pass-card-desc{font-size:var(--text-sm);color:var(--text-tertiary);margin:0 0 var(--space-3)}.pass-cta,.regen-btn,.download-btn,.redeem-btn,.mobile-cta-btn{min-height:var(--touch-min);border-radius:var(--radius-md);background:var(--accent);color:var(--text-primary);font-size:var(--text-md);font-weight:var(--weight-bold);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-5);transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast) ease,box-shadow var(--dur-fast) ease}@media (hover: hover){.pass-cta:hover:not(:disabled),.regen-btn:hover:not(:disabled),.download-btn:hover:not(:disabled),.redeem-btn:hover:not(:disabled),.mobile-cta-btn:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-float)}}.pass-cta:active:not(:disabled),.regen-btn:active:not(:disabled),.download-btn:active:not(:disabled),.redeem-btn:active:not(:disabled),.mobile-cta-btn:active:not(:disabled){transform:scale(.97);background:var(--accent-strong)}.pass-cta:focus-visible,.regen-btn:focus-visible,.download-btn:focus-visible,.redeem-btn:focus-visible,.mobile-cta-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.pass-cta:disabled,.regen-btn:disabled,.download-btn:disabled,.redeem-btn:disabled,.mobile-cta-btn:disabled{background:var(--bg-subtle);color:var(--text-disabled);box-shadow:none;cursor:not-allowed;transform:none}.pass-cta{margin-top:auto}.regen-btn{width:100%;margin-top:var(--space-5)}.download-btn{padding:0 var(--space-4)}.download-btn:disabled{background:var(--bg-subtle);color:var(--text-disabled)}.pass-cta--outline{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-strong)}.pass-cta--outline:hover{background:var(--bg-hover)}.pass-benefit{font-size:var(--text-xs);color:var(--text-tertiary);margin:var(--space-4) 0 0}.workspace{display:grid;grid-template-columns:320px 1fr 280px;gap:var(--space-4);align-items:start;padding:var(--space-4) 0 var(--space-6)}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.panel-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}.panel-index{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-tertiary);font-family:var(--font-mono)}.panel-title{font-size:var(--text-md);font-weight:var(--weight-medium)}.panel-title .dot{color:var(--success);font-size:10px}.panel-hint{margin-left:auto;font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap}.panel-body{padding:var(--space-4)}.upload-zone{border:1.5px dashed var(--border-strong);border-radius:var(--radius-md);padding:var(--space-6) var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center;cursor:pointer;transition:border-color var(--dur-fast) ease,transform var(--dur-fast) var(--ease-out)}@media (hover: hover){.upload-zone:hover{border-color:var(--accent);transform:translateY(-1px);background:radial-gradient(rgba(209,143,31,.12) 1.5px,transparent 1.5px) 0 0 / 22px 22px,var(--bg-hover)}}.upload-zone:focus-visible{outline:none;box-shadow:var(--focus-ring)}.upload-zone--error{border-color:var(--danger)}.upload-plus{font-size:26px;color:var(--text-tertiary);line-height:1;transition:color var(--dur-fast) ease,transform var(--dur-fast) var(--ease-out)}.upload-zone:hover .upload-plus{color:var(--accent-ink);transform:scale(1.1)}.upload-title{font-size:var(--text-md);font-weight:var(--weight-medium)}.upload-sub{font-size:var(--text-xs);color:var(--text-tertiary)}.upload-error{font-size:var(--text-xs);color:var(--danger)}.file-row{display:flex;align-items:center;gap:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2);background:var(--bg-hover)}.file-thumb{width:44px;height:44px;border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--border)}.file-info{flex:1;min-width:0}.file-name{font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta{font-size:var(--text-xs);color:var(--text-tertiary)}.file-reset{font-size:var(--text-xs);color:var(--text-secondary);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:4px 10px;min-height:var(--touch-min-sm)}.file-reset:hover{background:var(--bg-card)}.control-group{margin-top:var(--space-5)}.control-label-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-2)}.control-label{font-size:var(--text-md);font-weight:var(--weight-medium)}.control-value{font-size:var(--text-md);font-weight:var(--weight-bold);font-family:var(--font-mono)}.control-hint{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-2)}.range-scale{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono);margin-top:var(--space-1)}.preset-row{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.preset-btn{flex:1;min-height:var(--touch-min-sm);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-secondary);border:1px solid var(--border-strong);border-radius:var(--radius-sm);transition:border-color var(--dur-fast) ease,color var(--dur-fast) ease,background var(--dur-fast) ease,transform var(--dur-fast) var(--ease-out)}@media (hover: hover){.preset-btn:hover{border-color:var(--accent);color:var(--text-primary)}}.preset-btn:active{transform:scale(.97)}.preset-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.preset-btn--active{background:var(--accent);border-color:var(--accent);color:var(--text-primary);font-weight:var(--weight-bold)}.toggle-row{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4)}.toggle-text{flex:1;display:flex;flex-direction:column;gap:1px}.toggle-label{font-size:var(--text-md);font-weight:var(--weight-medium)}.toggle-desc{font-size:var(--text-xs);color:var(--text-tertiary)}.toggle{position:relative;width:40px;height:22px;border-radius:var(--radius-full);background:var(--border-strong);transition:background .18s ease;flex-shrink:0;min-height:22px}.toggle:focus-visible{outline:none;box-shadow:var(--focus-ring)}.toggle--on{background:var(--accent)}.toggle-knob{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:var(--shadow-float);transition:transform .18s var(--ease-out)}.toggle--on .toggle-knob{transform:translate(18px)}.regen-spinner{width:14px;height:14px;border:2px solid rgba(31,29,23,.25);border-top-color:var(--text-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.preview-canvas-wrap{background:var(--bg-subtle);border-radius:var(--radius-md);padding:var(--space-3);display:flex;align-items:center;justify-content:center;min-height:320px;position:relative}.preview-canvas{width:100%;height:auto;image-rendering:pixelated;border-radius:4px;background:#fff;box-shadow:var(--shadow-card)}.preview-empty{color:var(--text-tertiary);font-size:var(--text-sm);text-align:center;padding:var(--space-6) var(--space-4);line-height:1.8}.preview-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border)}.preview-file{font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-size{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap}.download-note{font-size:var(--text-xs);color:var(--text-tertiary);padding:0 var(--space-4) var(--space-3)}.preview-actions{display:flex;align-items:stretch;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border)}.preview-actions .download-btn{flex:1;justify-content:center}.share-btn{min-height:var(--touch-min);padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--bg-card);color:var(--text-secondary);font-size:var(--text-md);font-weight:var(--weight-medium);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);cursor:pointer;transition:border-color var(--dur-fast) ease,color var(--dur-fast) ease,transform var(--dur-fast) var(--ease-out)}@media (hover: hover){.share-btn:hover{border-color:var(--accent);color:var(--accent-ink)}}.share-btn:active{transform:scale(.97)}.share-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.share-toast{position:fixed;left:50%;bottom:72px;transform:translate(-50%);z-index:100;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:#181818e6;color:#fff;font-size:var(--text-sm);box-shadow:0 4px 16px #0000002e;animation:share-toast-in .18s ease;pointer-events:none}@keyframes share-toast-in{0%{opacity:0;transform:translate(-50%) translateY(6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.shared-banner{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);background:var(--bg-hover);font-size:var(--text-sm);color:var(--text-secondary)}.shared-banner:before{content:"●";color:var(--accent);font-size:10px}.edit-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);background:var(--bg-hover)}.edit-tool-btn{display:inline-flex;align-items:center;gap:var(--space-1);min-height:30px;padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease}.edit-tool-btn:hover:not(:disabled){background:var(--bg-subtle);border-color:var(--border-strong);color:var(--text-primary)}.edit-tool-btn:active:not(:disabled){background:var(--bg-subtle);transform:translateY(1px)}.edit-tool-btn:disabled{color:var(--text-disabled);background:var(--bg-card);border-color:var(--border);cursor:not-allowed;opacity:.6}.edit-tool-icon{flex:none}.edit-tool-sep{width:1px;align-self:stretch;margin:0 var(--space-1);background:var(--border)}.inv-lock-tag{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-tertiary);background:var(--bg-subtle);border-radius:var(--radius-full);padding:2px 10px}.inv-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-4)}.inv-stat{background:var(--bg-subtle);border-radius:var(--radius-md);padding:var(--space-3)}.inv-stat strong{display:block;font-size:var(--text-lg);font-weight:var(--weight-bold);font-family:var(--font-mono);line-height:1.2}.inv-stat span{font-size:var(--text-xs);color:var(--text-tertiary)}.inv-locked-rows{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.inv-locked-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.inv-ghost-swatch{width:18px;height:18px;border-radius:4px;background:var(--bg-subtle);border:1px solid var(--border)}.inv-ghost-text{flex:1;font-size:var(--text-xs);color:var(--text-tertiary)}.inv-ghost-count{font-size:var(--text-xs);color:var(--text-disabled);font-family:var(--font-mono)}.inv-lock-card{background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);text-align:center;margin-bottom:var(--space-4)}.inv-lock-icon{font-size:22px;line-height:1;margin-bottom:var(--space-2)}.inv-lock-title{font-size:var(--text-md);font-weight:var(--weight-medium);margin:0 0 var(--space-1)}.inv-lock-desc{font-size:var(--text-xs);color:var(--text-tertiary);line-height:1.7;margin:0 0 var(--space-3)}.inv-unlock-btn{min-height:var(--touch-min-sm);width:100%;border-radius:var(--radius-sm);border:1px solid var(--border-strong);color:var(--text-primary);font-size:var(--text-md);font-weight:var(--weight-medium);background:var(--bg-card);transition:border-color .15s ease,background .15s ease}.inv-unlock-btn:hover{border-color:var(--accent);background:var(--bg-hover)}.inv-unlocked-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--success);background:#3daf801f;border-radius:var(--radius-full);padding:2px 10px}.inv-extra{font-size:var(--text-xs);color:var(--text-tertiary);border-top:1px dashed var(--border-dashed);padding-top:var(--space-3)}.inv-extra strong{color:var(--text-primary);font-family:var(--font-mono)}.inv-color-list{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.inv-color-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.inv-swatch{width:18px;height:18px;border-radius:4px;border:1px solid var(--border-strong);flex-shrink:0}.inv-code{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);flex:1}.inv-count{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.inv-empty{font-size:var(--text-sm);color:var(--text-tertiary);padding:var(--space-3) 0 var(--space-4);text-align:center}.modal-mask{position:fixed;inset:0;background:#1f1d1773;z-index:200;display:grid;place-items:center;padding:var(--space-4);animation:mask-in var(--dur-med) ease both}.modal{width:100%;max-width:400px;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);padding:var(--space-6) var(--space-5) var(--space-5);position:relative;transform-origin:center;animation:modal-in var(--dur-med) var(--ease-out) both}@keyframes mask-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:scale(.95) translateY(8px)}}.modal-close{position:absolute;top:var(--space-3);right:var(--space-3);width:var(--touch-min-sm);height:var(--touch-min-sm);display:grid;place-items:center;color:var(--text-tertiary);border-radius:var(--radius-sm);transition:background var(--dur-fast) ease,color var(--dur-fast) ease,transform var(--dur-fast) var(--ease-out)}@media (hover: hover){.modal-close:hover{background:var(--bg-subtle);color:var(--text-primary)}}.modal-close:active{transform:scale(.94)}.modal-close:focus-visible{outline:none;box-shadow:var(--focus-ring)}.modal-title{font-size:var(--text-lg);font-weight:var(--weight-bold);margin:0 0 var(--space-4)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding-right:var(--space-6);margin:0 0 var(--space-2)}.modal-header .modal-title{margin:0}.modal-hint{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin:0 0 var(--space-5)}.modal-footer{text-align:center;margin-top:var(--space-4)}.captcha-embed{min-height:64px;display:flex;align-items:center;justify-content:center;border:1.5px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--bg-subtle);overflow:hidden}.captcha-embed:empty:before{content:"人机验证组件加载中...";color:var(--text-tertiary);font-size:var(--text-sm)}.captcha-embed--done{display:none}.captcha-embed>#tianai-captcha-parent{max-width:100%}.captcha-passed{display:flex;align-items:center;gap:8px;width:100%;min-height:var(--touch-min);padding:0 var(--space-4);border:1.5px solid var(--success);border-radius:var(--radius-md);background:#2f9e770f;color:var(--success);font-size:var(--text-sm);font-weight:var(--weight-medium)}.captcha-passed--skipped{border-color:var(--border-strong);background:var(--bg-card);color:var(--text-tertiary)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-4)}.field-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.input{width:100%;min-height:var(--touch-min);border:1.5px solid var(--border-strong);border-radius:var(--radius-md);padding:0 var(--space-4);font-size:var(--text-md);font-family:inherit;background:var(--bg-card);color:var(--text-primary);outline:none;transition:border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease}.input::placeholder{color:var(--text-disabled)}.input:focus{border-color:var(--accent);box-shadow:var(--focus-ring)}.input--error{border-color:var(--danger);background:var(--danger-soft)}.form-error{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);color:var(--danger);background:var(--danger-soft);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);margin:0 0 var(--space-4)}.btn-block{width:100%}.switch-link{background:none;border:none;color:var(--accent-ink);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-medium);padding:var(--space-2);border-radius:var(--radius-sm);transition:font-weight var(--dur-fast) ease}@media (hover: hover){.switch-link:hover{text-decoration:underline;text-underline-offset:3px}}.switch-link:focus-visible{outline:none;box-shadow:var(--focus-ring)}.redeem-input{width:100%;min-height:var(--touch-min);border:1.5px solid var(--border-strong);border-radius:var(--radius-md);padding:0 var(--space-3);font-size:var(--text-md);font-family:var(--font-mono);background:var(--bg-card);color:var(--text-primary);outline:none;transition:border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease}.redeem-input::placeholder{color:var(--text-disabled)}.redeem-input:focus{border-color:var(--accent);box-shadow:var(--focus-ring)}.redeem-btn{width:100%;margin-top:var(--space-3)}.redeem-error{font-size:var(--text-xs);color:var(--danger);margin:var(--space-2) 0 0}.footer{border-top:1px solid var(--border);background:var(--bg-card);margin-top:var(--space-6)}.footer-inner{max-width:var(--layout-max);margin:0 auto;padding:var(--space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.footer-brand{font-weight:var(--weight-bold);font-size:var(--text-md)}.footer-note{font-size:var(--text-xs);color:var(--text-tertiary)}.mobile-cta{display:none}@media (max-width: 1023px){.workspace{grid-template-columns:1fr 1fr}.panel--inventory{grid-column:1 / -1}}@media (max-width: 767px){.page-main{padding:0 var(--space-4);padding-bottom:84px}.nav-links,.nav-status{display:none}.hero{padding:40px 0 32px}.hero-title{font-size:26px}.pass-cards,.workspace{grid-template-columns:1fr}.panel--inventory{grid-column:auto}.edit-toolbar{gap:var(--space-1);padding:var(--space-2)}.edit-tool-btn{min-height:28px;padding:0 var(--space-2)}.mobile-cta{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:150;background:var(--bg-card);border-top:1px solid var(--border);padding:var(--space-2) var(--space-4);box-shadow:0 -2px 12px #1717130f}.mobile-cta-btn{flex:1;min-height:44px}.footer-inner{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}@media (min-width: 768px){.mobile-cta{display:none!important}}.download-error{margin:var(--space-2) 0 0;font-size:var(--text-xs);color:var(--danger)}.order-pay-info{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);margin-bottom:var(--space-3);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md)}.order-pay-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:var(--text-md);color:var(--text-secondary)}.order-pay-row code{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-primary);word-break:break-all;text-align:right}.order-pay-row strong{color:var(--text-primary);font-weight:var(--weight-bold)}.order-pay-hint{margin:var(--space-1) 0 0;font-size:var(--text-xs);color:var(--text-tertiary)}.order-pay-hint--url{word-break:break-all;color:var(--info)}.order-result{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-3);margin-bottom:var(--space-3);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center}.order-result-label{font-size:var(--text-xs);color:var(--text-tertiary)}.order-result-code{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--accent-ink);letter-spacing:.5px;user-select:all}.order-result-note{font-size:var(--text-xs);color:var(--success);margin:0}button:focus-visible,a:focus-visible{outline:none;box-shadow:var(--focus-ring)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes stagger-in{to{opacity:1;transform:translateY(0)}}.sw-grid>*,.lib-list>*,.bd-grid>*{opacity:0;transform:translateY(8px);animation:stagger-in var(--dur-slow) var(--ease-out) forwards}.sw-grid>*:nth-child(1),.lib-list>*:nth-child(1),.bd-grid>*:nth-child(1){animation-delay:0ms}.sw-grid>*:nth-child(2),.lib-list>*:nth-child(2),.bd-grid>*:nth-child(2){animation-delay:40ms}.sw-grid>*:nth-child(3),.lib-list>*:nth-child(3),.bd-grid>*:nth-child(3){animation-delay:80ms}.sw-grid>*:nth-child(4),.lib-list>*:nth-child(4),.bd-grid>*:nth-child(4){animation-delay:.12s}.sw-grid>*:nth-child(5),.lib-list>*:nth-child(5),.bd-grid>*:nth-child(5){animation-delay:.16s}.sw-grid>*:nth-child(6),.lib-list>*:nth-child(6),.bd-grid>*:nth-child(6){animation-delay:.2s}.sw-grid>*:nth-child(7),.lib-list>*:nth-child(7),.bd-grid>*:nth-child(7){animation-delay:.24s}.sw-grid>*:nth-child(8),.lib-list>*:nth-child(8),.bd-grid>*:nth-child(8){animation-delay:.28s}.sw-grid>*:nth-child(n+9),.lib-list>*:nth-child(n+9),.bd-grid>*:nth-child(n+9){animation-delay:.32s}