body{font-family:Inter,"Noto Serif TC",sans-serif;font-weight:200;background-color:#f8fafc;background-image:linear-gradient(to right,rgba(0,0,0,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.1) 1px,transparent 1px);background-size:20px 20px;font-size:16px}.text-xs{font-size:.8125rem!important;line-height:1.25rem!important}.text-sm{font-size:.9375rem!important;line-height:1.375rem!important}.tab-button{font-size:1rem!important;line-height:1.5rem!important}label,select,input[type=text],input[type=number],textarea,button{font-size:.9375rem!important}h2{font-size:1.125rem!important}h3{font-size:1rem!important}.card-shadow{box-shadow:0 25px 50px -12px #00000040}.header-text{font-weight:200;letter-spacing:.1em;text-transform:uppercase}.tree-indent-1{padding-left:2rem}.tree-indent-2{padding-left:4rem}.tree-indent-3{padding-left:6rem}*{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #3b82f6;outline-offset:2px}button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}button:not(:disabled):active{transform:translateY(0)}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.firebaseui-container{font-family:Inter,"Noto Serif TC",sans-serif}.firebaseui-card-content{padding:0}.firebaseui-idp-button{border-radius:.375rem;font-weight:400;transition:all .2s}.firebaseui-idp-button:hover{box-shadow:0 4px 6px -1px #0000001a}.firebaseui-textfield.mdl-textfield .firebaseui-input{border-bottom:1px solid #d1d5db;font-size:.875rem}.firebaseui-textfield.mdl-textfield .firebaseui-label{font-size:.875rem;color:#6b7280}.firebaseui-button{border-radius:.375rem;font-weight:400}.mdl-button--raised.mdl-button--colored{background-color:#2563eb}.mdl-button--raised.mdl-button--colored:hover{background-color:#1d4ed8}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}.prose{color:#374151;line-height:1.6}.prose h3{color:#1f2937;margin-top:1.5rem;margin-bottom:.75rem}.prose h4{color:#374151;margin-top:1rem;margin-bottom:.5rem}.prose h5{color:#4b5563;margin-top:.75rem;margin-bottom:.25rem}.prose p,.prose ul{margin-bottom:1rem}.prose li{margin-bottom:.25rem}.prose code{background-color:#f3f4f6;padding:.125rem .25rem;border-radius:.25rem;font-size:.875rem;font-family:Courier New,monospace}.prose table{width:100%;border-collapse:collapse;margin:1rem 0}.prose th,.prose td{text-align:left;padding:.5rem;border-bottom:1px solid #e5e7eb}.prose th{background-color:#f9fafb;font-weight:600}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media (max-width: 640px){body{font-size:14px}.header-text{letter-spacing:.05em}}.card-enhanced{background:#fff;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;transition:box-shadow .3s ease}.card-enhanced:hover{box-shadow:0 30px 60px -15px #0000004d}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:.5rem 1rem;border-radius:.375rem;font-weight:500;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 10px 15px -3px #3b82f64d}.btn-secondary{background:#fff;color:#3b82f6;border:1px solid #3b82f6;padding:.5rem 1rem;border-radius:.375rem;font-weight:500;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background:#eff6ff;border-color:#2563eb;color:#2563eb}input[type=text],input[type=number],select,textarea{transition:all .2s ease}input[type=text]:hover,input[type=number]:hover,select:hover,textarea:hover{border-color:#94a3b8}.tab-button{position:relative;transition:color .3s ease,font-weight .3s ease}.tab-button:hover{transform:none!important;box-shadow:none!important}.tab-button:focus{outline:none}.tab-button:focus-visible{outline:none}.tree-node{transition:all .2s ease;border-left:3px solid transparent}.tree-node:hover{background-color:#f8fafc;border-left-color:#3b82f6}.tree-node.selected{background-color:#eff6ff;border-left-color:#2563eb}.code-display{background:#eff0f0ea;color:#1e293b;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem;font-family:Courier New,monospace;font-size:.875rem;line-height:1.5;overflow-x:auto}.message-enter{animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.spinner{border:3px solid rgba(59,130,246,.1);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skip-link{position:absolute;top:-40px;left:0;background:#3b82f6;color:#fff;padding:8px;text-decoration:none;z-index:100}.skip-link:focus{top:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){button{border:2px solid currentColor}.card-shadow{border:1px solid #000}}.drag-handle{cursor:move;color:#9ca3af;transition:color .2s ease}.drag-handle:hover{color:#4b5563}.drag-handle:active{cursor:grabbing}.sortable-ghost{opacity:.4;background:#e5e7eb!important}.sortable-chosen{background:#dbeafe!important}.sortable-drag{border:2px dashed #9ca3af!important;background:#f9fafb!important;opacity:1!important}.drop-zone{border:2px dashed #9ca3af;background:#f3f4f6;min-height:40px;border-radius:.375rem}[x-cloak]{display:none!important}