:root,[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #e0e0e0;--text-primary: #1a1a1a;--text-secondary: #666666;--text-tertiary: #999999;--border-color: #dddddd;--shadow: rgba(0, 0, 0, .1);--primary: #D85A30;--primary-hover: #993C1D;--primary-contrast: #ffffff;--primary-contrast-soft: rgba(255, 255, 255, .8);--secondary: #0F6E56;--danger: #f44336;--warning: #FFC107;--success: #0F6E56;--bg-translucent: rgba(255, 255, 255, .82);color-scheme:light}[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #2a2a2a;--bg-tertiary: #3a3a3a;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-tertiary: #808080;--border-color: #404040;--shadow: rgba(0, 0, 0, .3);--primary: #D85A30;--primary-hover: #e07c5b;--primary-contrast: #ffffff;--primary-contrast-soft: rgba(255, 255, 255, .8);--secondary: #1D9E75;--danger: #EF5350;--warning: #FFCA28;--success: #1D9E75;--bg-translucent: rgba(26, 26, 26, .82);color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html{position:fixed;width:100%;height:100%;overflow:hidden;background-color:var(--bg-secondary)}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;min-width:320px;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background-color:var(--bg-secondary);color:var(--text-primary);transition:background-color .3s,color .3s}#root{width:100%;height:100%;overflow:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-primary)}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-hover);text-decoration:underline}input,textarea,select{font-family:inherit;font-size:16px;color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--border-color)}input:focus,textarea:focus,select:focus{outline:2px solid var(--primary);outline-offset:2px}button{font-family:inherit;cursor:pointer;transition:all .2s}button:disabled{opacity:.6;cursor:not-allowed}.book-action-btn{background-color:var(--bg-secondary);border:1px solid var(--primary);color:var(--primary);font-family:inherit;font-size:13px;font-weight:600;min-height:36px;padding:6px 14px;border-radius:6px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.1)}.book-action-btn:hover{background-color:var(--primary);color:var(--primary-contrast)}.app-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 16px;border:1px solid transparent;border-radius:10px;font-family:inherit;font-size:15px;font-weight:600;line-height:1.2;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .15s,border-color .15s,color .15s,transform .1s}.app-btn:active:not(:disabled){transform:scale(.97)}.app-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.app-btn--sm{min-height:36px;padding:6px 12px;border-radius:8px;font-size:13px}.app-btn--primary{background-color:var(--primary);border-color:var(--primary);color:var(--primary-contrast)}.app-btn--primary:hover:not(:disabled){background-color:var(--primary-hover);border-color:var(--primary-hover)}.app-btn--outline{background-color:transparent;border-color:var(--primary);color:var(--primary)}.app-btn--outline:hover:not(:disabled){background-color:var(--primary);color:var(--primary-contrast)}.app-btn--quiet{background-color:var(--bg-primary);border-color:var(--border-color);color:var(--text-secondary);font-weight:500}.app-btn--quiet:hover:not(:disabled){background-color:var(--bg-tertiary);color:var(--text-primary)}.app-chip{flex-shrink:0;min-height:34px;padding:5px 12px;border:1px solid var(--border-color);border-radius:999px;background-color:var(--bg-primary);color:var(--text-secondary);font-family:inherit;font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;touch-action:manipulation;transition:background-color .15s,border-color .15s,color .15s}.app-chip:hover:not(.app-chip--active){border-color:var(--primary);color:var(--primary)}.app-chip:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.app-chip--active{background-color:var(--primary);border-color:var(--primary);color:var(--primary-contrast);font-weight:600}@media(prefers-reduced-motion:reduce){.app-btn,.app-chip{transition:none}.app-btn:active:not(:disabled){transform:none}}@media(max-width:768px){main>div{padding-left:12px!important;padding-right:12px!important}.search-result-card{grid-template-columns:80px 1fr!important;gap:12px!important}.dialog-content{padding:20px!important;margin:12px!important}h1{font-size:22px!important}h2{font-size:18px!important}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}:root{--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--tab-bar-height: 49px;--tab-bar-total: calc(var(--tab-bar-height) + var(--safe-area-bottom))}html.barcode-scanner-active,html.barcode-scanner-active body,html.barcode-scanner-active #root{background:transparent!important;background-color:transparent!important}html.barcode-scanner-active body{visibility:hidden}html.barcode-scanner-active .scanner-overlay,html.barcode-scanner-active .scanner-overlay *{visibility:visible}.woot-widget-holder.woot-widget--without-bubble:not(.woot--hide):not(.has-unread-view){top:var(--safe-area-top)!important;bottom:max(var(--safe-area-bottom),var(--keyboard-height, 0px))!important;height:auto!important;max-height:none!important}@keyframes export-spin{to{transform:rotate(360deg)}}