@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&display=swap";:root{--font-family: "Montserrat", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--primary: #1565C0;--primary-light: #42A5F5;--primary-dark: #0D47A1;--primary-gradient: linear-gradient(135deg, #1565C0 0%, #42A5F5 100%);--accent: #FF6D00;--accent-light: #FF9100;--accent-dark: #E65100;--success: #2E7D32;--success-light: #43A047;--warning: #F57F17;--danger: #C62828;--info: #0277BD;--white: #ffffff;--gray-50: #FAFAFA;--gray-100: #F5F5F5;--gray-200: #EEEEEE;--gray-300: #BDBDBD;--gray-400: #9E9E9E;--gray-500: #757575;--gray-600: #616161;--gray-700: #424242;--gray-800: #212121;--gray-900: #0a0e13;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 22px;--font-size-2xl: 28px;--font-size-3xl: 36px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--shadow-sm: 0 1px 4px rgba(0,0,0,.08), 0 2px 8px rgba(0,0,0,.06);--shadow-md: 0 2px 8px rgba(0,0,0,.1), 0 8px 24px rgba(0,0,0,.08);--shadow-lg: 0 4px 16px rgba(0,0,0,.12), 0 16px 48px rgba(0,0,0,.1);--shadow-xl: 0 8px 32px rgba(0,0,0,.16), 0 24px 64px rgba(0,0,0,.12);--transition-fast: .12s cubic-bezier(.4, 0, .2, 1);--transition-base: .24s cubic-bezier(.4, 0, .2, 1);--transition-slow: .38s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--header-height: 64px;--footer-height: 64px;--content-max-width: 1700px;--touch-target-min: 44px;--sidebar-width: 0px}html{font-size:16px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}button,input,select,textarea{font-family:var(--font-family)}html,body{width:100%;height:100%;overflow:hidden;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:700;color:var(--gray-800);background:var(--gray-100);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none;cursor:default}body{display:flex;flex-direction:column;min-height:100%}a{color:var(--primary-light);text-decoration:none;cursor:pointer}a:hover,a:active{color:var(--accent)}.kiosk-page{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative}.kiosk-header{height:var(--header-height);flex-shrink:0}.kiosk-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-lg);max-width:var(--content-max-width);margin:0 auto;width:100%;scroll-behavior:smooth}.kiosk-footer{height:var(--footer-height);flex-shrink:0}.kiosk-content::-webkit-scrollbar{width:6px}.kiosk-content::-webkit-scrollbar-track{background:transparent}.kiosk-content::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}.kiosk-content::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);min-height:var(--touch-target-min);min-width:100px;outline:none;letter-spacing:.3px;position:relative;overflow:hidden}.btn:active{transform:scale(.96)}.btn-primary{background:var(--primary-gradient);color:var(--white);box-shadow:var(--shadow-sm),0 2px 12px #1565c040}.btn-primary:hover{box-shadow:var(--shadow-md),0 4px 20px #1565c059;filter:brightness(1.08)}.btn-accent{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-light) 100%);color:var(--white);box-shadow:var(--shadow-sm),0 2px 12px #ff6d0040}.btn-accent:hover{box-shadow:var(--shadow-md),0 4px 20px #ff6d0059;filter:brightness(1.08)}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:var(--primary);color:var(--white)}.btn-success{background:linear-gradient(135deg,var(--success) 0%,var(--success-light) 100%);color:var(--white)}.btn-danger{background:var(--danger);color:var(--white)}.btn-danger:hover{filter:brightness(1.1)}.btn-lg{padding:var(--space-lg) var(--space-2xl);font-size:var(--font-size-lg);min-height:64px;border-radius:var(--radius-lg)}.btn-icon{width:64px;height:64px;padding:0;border-radius:var(--radius-full);font-size:var(--font-size-lg)}.input-field{width:100%;padding:var(--space-md) var(--space-lg);font-size:var(--font-size-lg);border:2px solid var(--gray-200);border-radius:var(--radius-md);background:var(--white);color:var(--gray-800);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);min-height:var(--touch-target-min)}.input-field:focus{border-color:var(--primary-light);box-shadow:0 0 0 4px #42a5f526}.input-field::placeholder{color:var(--gray-400)}.card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-body{padding:var(--space-lg)}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:4px var(--space-sm);font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-full)}.badge-success{background:#2e7d321a;color:var(--success)}.badge-warning{background:#f57f171a;color:var(--warning)}.badge-danger{background:#c628281a;color:var(--danger)}.badge-info{background:#0277bd1a;color:var(--info)}.text-center{text-align:center}.text-primary{color:var(--primary)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-muted{color:var(--gray-500)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.w-full{width:100%}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.page-enter{animation:pageEnter .35s cubic-bezier(.4,0,.2,1) forwards}@keyframes pageEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.idle-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .4s ease}.idle-overlay-content{text-align:center;color:var(--white)}.idle-overlay-content h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-lg)}.idle-overlay-content p{font-size:var(--font-size-xl);color:var(--gray-300)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.toast-container{position:fixed;top:var(--space-lg);right:var(--space-lg);z-index:10000;display:flex;flex-direction:column;gap:var(--space-sm)}.toast{padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);background:var(--gray-800);color:var(--white);font-size:var(--font-size-base);font-weight:500;box-shadow:var(--shadow-lg);animation:toastIn .3s var(--transition-spring) forwards;display:flex;align-items:center;gap:var(--space-sm);max-width:600px}.toast.toast-success{background:var(--success)}.toast.toast-error{background:var(--danger)}.toast.toast-warning{background:var(--warning)}@keyframes toastIn{0%{opacity:0;transform:translate(40px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}.split-layout{display:flex;flex:1;min-height:0;width:100vw;overflow:hidden}.gif-panel{flex:0 0 30%;background:transparent;display:flex;flex-direction:column;align-items:stretch;justify-content:center;position:relative;overflow:hidden;padding:var(--space-lg);gap:var(--space-md)}.gif-panel .gif-placeholder{display:flex;flex-direction:column;align-items:center;gap:12px;color:#1565c0;font-size:1rem;font-weight:700;opacity:.7;text-align:center}.gif-panel .gif-placeholder .icon{font-size:72px}.gif-panel img{max-width:100%;height:auto}.gif-video-wrapper{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:0;background:var(--white);border-radius:var(--radius-xl);box-shadow:0 4px 24px #0000001f;border:3px solid rgba(21,101,192,.1)}.gif-video-wrapper video{width:100%;height:100%;object-fit:cover;border-radius:calc(var(--radius-xl) - 3px)}.gif-transcript{flex:0 0 auto;padding:var(--space-md) var(--space-lg);background:var(--white);border-radius:var(--radius-lg);box-shadow:0 2px 12px #00000014;border:2px solid rgba(21,101,192,.1);text-align:center}.gif-transcript p{margin:0;font-size:.85rem;font-weight:600;color:#1565c0;line-height:1.6;font-style:italic}.interaction-panel{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;background:#fff}@media(orientation:portrait){.split-layout{flex-direction:column;background:var(--white);position:relative}.gif-panel{flex:0 0 auto;flex-direction:column;align-items:center;background:var(--white);padding:var(--space-lg) var(--space-lg) var(--space-sm);gap:var(--space-sm)}.gif-video-wrapper{width:320px;height:480px;flex:0 0 auto;border-radius:var(--radius-lg);box-shadow:0 4px 20px #00000014;border:2px solid rgba(21,101,192,.08)}.gif-video-wrapper video{object-fit:contain}.gif-transcript{flex:0 0 auto;text-align:center;max-width:640px;background:transparent;box-shadow:none;border:none;border-radius:0}.gif-transcript p{font-size:.9rem}.interaction-panel{flex:1;background:var(--white);position:relative}.kiosk-content{position:absolute;top:0;left:0;right:0;bottom:0;padding-top:0;overflow-y:auto}.content-offset .kiosk-content{top:100px}}.kiosk-header{background:var(--primary-gradient);color:var(--white);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--space-xl);box-shadow:0 2px 16px #0d47a133;z-index:100;position:relative}.kiosk-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.kiosk-header .header-logo{display:flex;align-items:center;gap:var(--space-md);justify-self:start}.kiosk-header .header-logo .logo-icon{font-size:var(--font-size-xl);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.kiosk-header .header-logo .logo-text{font-size:var(--font-size-lg);font-weight:700;letter-spacing:.5px}.kiosk-header .header-user{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-size:var(--font-size-sm);justify-self:center}.kiosk-header .header-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-md);justify-self:end}.kiosk-header .header-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:700;color:var(--white);background:#ffffff26;border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);min-height:var(--touch-target-min)}.kiosk-header .header-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-1px)}.kiosk-header .header-btn:active{transform:scale(.96)}.kiosk-footer{background:var(--gray-800);color:var(--gray-400);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-xl);font-size:var(--font-size-sm)}.kiosk-footer .footer-clock{font-size:var(--font-size-lg);font-weight:600;color:var(--white);letter-spacing:1px}.kiosk-footer .footer-help{display:flex;align-items:center;gap:var(--space-sm)}.search-box{position:relative;width:100%}.search-box .search-input{width:100%;padding:var(--space-md) var(--space-xl);padding-left:56px;font-size:var(--font-size-lg);border:2px solid var(--gray-200);border-radius:var(--radius-full);background:var(--white);outline:none;transition:all var(--transition-fast);min-height:56px;box-shadow:var(--shadow-sm)}.search-box .search-input:focus{border-color:var(--primary-light);box-shadow:var(--shadow-md),0 0 0 4px #42a5f51a}.search-box .search-icon{position:absolute;left:var(--space-lg);top:50%;transform:translateY(-50%);font-size:var(--font-size-xl);color:var(--gray-400)}.search-box .search-clear{position:absolute;right:var(--space-md);top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:var(--radius-full);border:none;background:var(--gray-200);color:var(--gray-600);font-size:var(--font-size-base);cursor:pointer;display:none;align-items:center;justify-content:center;transition:all var(--transition-fast)}.search-box .search-clear.visible{display:flex}.search-box .search-clear:hover{background:var(--gray-300)}.book-card{display:flex;gap:var(--space-lg);background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-lg);cursor:pointer;transition:all var(--transition-base);border:2px solid transparent}.book-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-light);transform:translateY(-3px)}.book-card:active{transform:translateY(-1px) scale(.99)}.book-card .book-cover{width:100px;height:140px;border-radius:var(--radius-md);background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;position:relative}.book-card .book-cover img{width:100%;height:100%;object-fit:cover}.book-card .book-cover .cover-placeholder{color:#ffffffb3;font-size:40px}.book-card .book-info{flex:1;display:flex;flex-direction:column;justify-content:center;gap:var(--space-xs);min-width:0}.book-card .book-title{font-size:var(--font-size-lg);font-weight:700;color:var(--gray-800);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-card .book-author{font-size:var(--font-size-base);color:var(--gray-500)}.book-card .book-meta{display:flex;gap:var(--space-sm);flex-wrap:wrap;align-items:center}.book-card .book-meta .meta-item{display:flex;align-items:center;gap:4px;font-size:var(--font-size-sm);color:var(--gray-600)}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);max-width:1200px;margin:0 auto}.menu-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);background:var(--white);border-radius:var(--radius-xl);padding:var(--space-xl) var(--space-lg);box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--transition-base);border:2px solid transparent;min-height:180px}.menu-item:hover{border-color:var(--primary-light);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.menu-item:active{transform:scale(.97)}.menu-item .menu-icon{width:72px;height:72px;border-radius:var(--radius-full);background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);color:var(--white);box-shadow:0 4px 16px #1565c040}.menu-item .menu-label{font-size:var(--font-size-base);font-weight:700;color:var(--gray-800);text-align:center}@media(orientation:portrait){.menu-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-lg);padding:0 var(--space-xl)}}.numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);max-width:480px}.numpad-key{height:56px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);font-weight:700;border-radius:var(--radius-md);background:var(--white);border:2px solid var(--gray-200);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.numpad-key:hover{border-color:var(--primary-light);background:var(--gray-50)}.numpad-key.key-press:active{transform:scale(.92);background:var(--primary-light);color:var(--white)}.numpad-key.action-key{background:var(--primary);color:var(--white);border-color:var(--primary)}.numpad-key.delete-key{background:var(--danger);color:var(--white);border-color:var(--danger)}.id-display{display:flex;gap:var(--space-sm);justify-content:center;margin-bottom:var(--space-lg)}.id-digit{width:48px;height:56px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);font-weight:700;border-radius:var(--radius-md);background:var(--white);border:2px solid var(--gray-200);color:var(--gray-800);transition:all var(--transition-fast)}.id-digit.filled{border-color:var(--primary-light);background:#42a5f50d}.id-digit.active{border-color:var(--accent);box-shadow:0 0 0 3px #ff6d0033}.lang-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);background:var(--white);border-radius:var(--radius-xl);padding:var(--space-xl) var(--space-lg);box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--transition-base);border:3px solid transparent;min-height:200px;min-width:220px}.lang-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.lang-card:active{transform:scale(.97)}.lang-card .lang-flag{font-size:56px;line-height:1;transition:transform var(--transition-base)}.lang-card:hover .lang-flag{transform:scale(1.15)}.lang-card .lang-name{font-size:var(--font-size-lg);font-weight:700;color:var(--gray-800)}.success-icon{width:96px;height:96px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--success) 0%,var(--success-light) 100%);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-lg);box-shadow:0 4px 24px #2e7d324d}.success-icon svg{width:48px;height:48px}.info-section{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-sm)}.info-section .info-title{font-size:var(--font-size-lg);font-weight:700;color:var(--primary);margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.info-section .info-row{display:flex;justify-content:space-between;padding:var(--space-sm) 0;border-bottom:1px solid var(--gray-100);font-size:var(--font-size-base)}.info-section .info-row:last-child{border-bottom:none}.info-section .info-row .info-label{color:var(--gray-500);font-weight:500}.info-section .info-row .info-value{color:var(--gray-800);font-weight:600}.ticket{background:var(--white);border-radius:var(--radius-lg);border:2px dashed var(--primary-light);padding:var(--space-2xl);width:60%;max-width:60%;margin:0 auto;text-align:center;box-shadow:var(--shadow-sm)}.ticket .ticket-header{font-size:var(--font-size-lg);font-weight:700;color:var(--primary);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:2px solid var(--gray-200)}.ticket .ticket-body{margin-bottom:var(--space-lg)}.ticket .ticket-row{display:flex;justify-content:flex-start;align-items:flex-start;gap:var(--space-lg);padding:var(--space-md) 0;font-size:var(--font-size-base);line-height:1.4}.ticket .ticket-row .ticket-label{color:var(--gray-500);flex:0 0 160px;text-align:left;word-break:keep-all}.ticket .ticket-row .ticket-value{color:var(--gray-800);font-weight:600;flex:1;text-align:right;overflow-wrap:break-word;word-break:break-word}.ticket .ticket-barcode{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:2px solid var(--gray-200);font-family:Courier New,monospace;font-size:var(--font-size-lg);letter-spacing:4px;color:var(--gray-600)}.cover-placeholder-generated{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm);text-align:center}.cover-placeholder-generated .cover-emoji{font-size:36px;line-height:1}.cover-placeholder-generated .cover-initials{font-size:var(--font-size-sm);font-weight:800;color:#ffffffe6;line-height:1.2;max-width:90%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.rules-content{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-2xl);box-shadow:var(--shadow-sm);max-height:480px;overflow-y:auto}.rules-content h3{font-size:var(--font-size-lg);color:var(--primary);margin:var(--space-lg) 0 var(--space-md)}.rules-content p,.rules-content li{font-size:var(--font-size-base);color:var(--gray-700);line-height:1.8}.rules-content ol,.rules-content ul{padding-left:var(--space-xl);margin-bottom:var(--space-md)}.rules-content li{margin-bottom:var(--space-xs)}.book-card .book-cover{position:relative}.book-action-fav{position:absolute;top:6px;right:6px;width:32px;height:32px;border-radius:var(--radius-full);border:none;background:#ffffffd9;color:var(--gray-400);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);z-index:5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.book-action-fav:hover{background:#fff;transform:scale(1.15);color:var(--danger)}.book-action-fav.active{color:var(--danger);background:#fffffff2}.book-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap}.book-actions .btn-sm{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-md);min-height:36px;cursor:pointer;border:2px solid var(--gray-200);background:var(--white);color:var(--gray-700);transition:all var(--transition-fast);font-family:var(--font-family)}.book-actions .btn-sm:hover{border-color:var(--primary-light);background:#42a5f50f}.book-actions .btn-sm.btn-primary{background:var(--primary);color:var(--white);border-color:var(--primary)}.book-actions .btn-sm.btn-primary:hover{background:var(--primary-dark, #1565C0)}.book-actions .book-action-basket.added{border-color:var(--success);color:var(--success);background:#2e7d320f}.header-basket-btn{position:relative;display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:700;color:var(--white);background:#ffffff26;border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);min-height:var(--touch-target-min)}.header-basket-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-1px)}.basket-badge{position:absolute;top:-6px;right:-6px;min-width:22px;height:22px;border-radius:var(--radius-full);background:var(--accent, #FF6D00);color:var(--white);font-size:12px;font-weight:800;display:none;align-items:center;justify-content:center;padding:0 6px;box-shadow:0 2px 6px #ff6d0066}.basket-page-content{display:flex;flex-direction:column;gap:var(--space-lg);min-height:100%}.basket-item{display:flex;gap:var(--space-md);align-items:center;background:var(--white);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);box-shadow:var(--shadow-sm)}.basket-item .basket-item-cover{width:56px;height:72px;border-radius:var(--radius-md);background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:24px}.basket-item .basket-item-info{flex:1;min-width:0}.basket-item .basket-item-title{font-size:var(--font-size-base);font-weight:700;color:var(--gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.basket-item .basket-item-author{font-size:var(--font-size-sm);color:var(--gray-500)}.basket-item .basket-item-remove{width:40px;height:40px;border-radius:var(--radius-full);border:none;background:var(--gray-100);color:var(--gray-600);font-size:18px;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.basket-item .basket-item-remove:hover{background:#c628281a;color:var(--danger)}.basket-summary{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-sm);text-align:center}.basket-summary .basket-total{font-size:var(--font-size-lg);font-weight:700;color:var(--gray-800);margin-bottom:var(--space-md)}.basket-actions{display:flex;gap:var(--space-md);justify-content:center;margin-top:var(--space-lg)}.history-reborrow-btn{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-md);border:2px solid var(--primary-light);background:#42a5f50f;color:var(--primary);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family);white-space:nowrap}.history-reborrow-btn:hover{background:var(--primary);color:var(--white);border-color:var(--primary)}.history-reborrow-btn:disabled{opacity:.4;cursor:not-allowed}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-xl)}.empty-state .empty-icon{font-size:72px;margin-bottom:var(--space-lg);opacity:.6}.empty-state h3{font-size:var(--font-size-lg);margin-bottom:var(--space-sm);color:var(--gray-600)}.empty-state p{color:var(--gray-400)}.kiosk-input-wrapper{position:relative;width:100%;display:flex;align-items:center}.kiosk-input-wrapper input,.kiosk-input-wrapper textarea,.kiosk-input-wrapper select{width:100%;padding-right:52px!important}.mic-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:none;background:var(--primary-gradient);color:var(--white);font-size:var(--font-size-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #1565c040;transition:all var(--transition-fast);z-index:10;outline:none}.mic-btn:hover{transform:translateY(-50%) scale(1.08);box-shadow:0 4px 12px #1565c059}.mic-btn:active{transform:translateY(-50%) scale(.96)}.mic-btn.recording{background:var(--danger);animation:pulse-red 1.2s infinite}.mic-btn-search{right:48px}.search-box.with-mic .search-input{padding-right:96px!important}@keyframes pulse-red{0%,to{box-shadow:0 0 #c6282866}50%{box-shadow:0 0 0 12px #c6282800}}.menu-item .menu-icon svg{width:40px;height:40px;display:block}.kiosk-header .header-logo .logo-icon{display:inline-flex;align-items:center;justify-content:center}.kiosk-header .header-logo .logo-icon svg{width:1.2em;height:1.2em;display:block}.kiosk-header .header-btn svg,.kiosk-header .header-basket-btn svg{width:1.1em;height:1.1em;display:block}.search-icon svg{width:1.2em;height:1.2em;display:block}.search-clear svg{width:1em;height:1em;display:block}.book-action-fav svg{width:1em;height:1em;display:block}.book-author svg,.meta-item svg,.book-actions .btn-sm svg,.footer-help svg{width:1.1em;height:1.1em;vertical-align:-.18em;flex-shrink:0}.empty-state .empty-icon svg{width:1em;height:1em;display:block;margin:0 auto}.cover-emoji,.basket-item-cover,.book-mini-cover{color:#fffffff2}.cover-emoji svg,.basket-item-cover svg,.book-mini-cover svg{display:block}