@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{background:#f1f5f9;border-radius:4px;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.875rem;padding:.25rem .5rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.ipfs-visualization{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;margin:2rem 0;overflow:hidden;padding:2rem;position:relative}.ipfs-visualization:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Cpath d='M10 0H0v10' fill='none' stroke='rgba(255,255,255,0.1)' stroke-width='.5'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.visualization-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem;position:relative;z-index:1}.visualization-header h3{font-size:1.5rem;font-weight:600;margin:0}.toggle-details{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .3s ease}.toggle-details:hover{background:#ffffff4d;transform:translateY(-1px)}.visualization-container{position:relative;z-index:1}.step{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;margin-bottom:1rem;opacity:.5;padding:1.5rem;transform:translateX(-20px);transition:all .6s ease}.step.active{background:#ffffff26;box-shadow:0 8px 32px #0000001a;opacity:1;transform:translateX(0)}.step-icon{align-items:center;background:#fff3;border:2px solid #ffffff4d;border-radius:50%;display:flex;font-size:2rem;height:60px;justify-content:center;min-width:60px}.step-content h4{font-size:1.25rem;font-weight:600;margin:0 0 .75rem}.file-info{display:flex;flex-wrap:wrap;gap:1rem}.file-name{background:#fff3;font-weight:600}.file-name,.file-size,.file-type{border-radius:6px;padding:.25rem .75rem}.file-size,.file-type{background:#ffffff26;font-size:.875rem}.hash-process{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.hash-algorithm,.hash-input,.hash-output{background:#fff3;border-radius:8px;font-family:Courier New,monospace;font-size:.875rem;font-weight:600;padding:.5rem 1rem}.hash-arrow{color:gold;font-size:1.25rem;font-weight:700}.hash-output{background:#ffd70033;border:1px solid #ffd7004d;color:gold}.ipfs-process{flex-wrap:wrap;gap:1rem;margin-bottom:.75rem}.ipfs-node,.ipfs-process{align-items:center;display:flex}.ipfs-node{flex-direction:column;gap:.5rem}.node-icon{font-size:1.5rem}.ipfs-arrow{color:#00d4ff;font-size:1.25rem;font-weight:700}.ipfs-hash{display:flex;flex-direction:column;gap:.25rem}.hash-label{font-size:.75rem;opacity:.8}.hash-value{background:#00d4ff33;border:1px solid #00d4ff4d;border-radius:8px;color:#00d4ff;font-family:Courier New,monospace;font-size:.875rem;padding:.5rem 1rem}.blockchain-process{margin-bottom:.75rem}.block{background:#0003;border:1px solid #fff3;border-radius:8px;padding:1rem}.block-header{color:gold;font-size:1.125rem;font-weight:600}.block-data,.block-header{margin-bottom:.75rem}.data-item{display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:.5rem}.data-label{opacity:.8}.data-value{font-family:Courier New,monospace;font-weight:600}.block-hash{align-items:center;border-top:1px solid #fff3;display:flex;font-size:.875rem;justify-content:space-between;padding-top:.75rem}.arrow{color:#ffffff4d;font-size:2rem;margin:.5rem 0;opacity:0;text-align:center;transform:scale(.8);transition:all .6s ease}.arrow.active{color:#fffc;opacity:1;transform:scale(1)}.network-visualization{border-top:1px solid #fff3;margin-top:2rem;padding-top:2rem}.network-visualization h4{font-size:1.25rem;font-weight:600;margin:0 0 1rem}.network-nodes{gap:2rem;justify-content:center;margin-bottom:1rem}.network-nodes,.node{align-items:center;display:flex}.node{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;flex-direction:column;gap:.5rem;padding:1rem}.node-icon{font-size:2rem}.node-label{font-size:.875rem;font-weight:600}.node-connections{display:flex;flex-direction:column;gap:.5rem}.connection{animation:pulse 2s infinite;background:linear-gradient(180deg,#0000,#ffffff80,#0000);height:20px;width:2px}.connection:nth-child(2){animation-delay:.5s}.connection:nth-child(3){animation-delay:1s}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.network-explanation{font-size:.875rem;font-style:italic;opacity:.8;text-align:center}.blockchain-details,.hash-details,.ipfs-details{background:#0003;border:1px solid #ffffff1a;border-radius:8px;margin-top:1rem;padding:1rem}.hash-full,.ipfs-url{font-size:.875rem;margin-bottom:.75rem}.hash-full,.ipfs-url strong{color:gold}.ipfs-url a{background:#00d4ff1a;color:#00d4ff}.ipfs-url a:hover{background:#00d4ff33}.block-explanation,.hash-explanation,.ipfs-explanation{font-size:.875rem;line-height:1.5;opacity:.8}.verification-process{margin-top:1rem}.verification-process strong{color:gold;display:block;margin-bottom:.5rem}.verification-process ol{margin:0;padding-left:1.5rem}.verification-process li{font-size:.875rem;margin-bottom:.25rem;opacity:.8}@media (max-width:768px){.ipfs-visualization{margin:1rem 0;padding:1.5rem}.step{flex-direction:column;gap:.75rem;text-align:center}.hash-process,.ipfs-process{flex-direction:column;gap:.5rem}.hash-arrow,.ipfs-arrow{transform:rotate(90deg)}.network-nodes{flex-direction:column;gap:1rem}.node-connections{flex-direction:row;gap:.5rem}.connection{height:2px;width:20px}}@media (max-width:480px){.visualization-header{align-items:stretch;flex-direction:column;gap:1rem}.file-info{flex-direction:column;gap:.5rem}.data-item{flex-direction:column;gap:.25rem}}.hash-generator{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px #0000000d;margin:2rem 0;padding:2rem}.generator-header{margin-bottom:2rem;text-align:center}.generator-header h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.generator-header p{color:#64748b;font-size:1rem;margin:0}.generator-content{gap:2rem}.generator-content,.input-section{display:flex;flex-direction:column}.input-section{gap:1rem}.input-section label{color:#374151;font-size:1rem;font-weight:600}.input-section textarea{border:2px solid #e2e8f0;border-radius:8px;font-family:Courier New,monospace;font-size:1rem;min-height:100px;padding:1rem;resize:vertical;transition:border-color .3s ease;width:100%}.input-section textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.input-actions{display:flex;flex-wrap:wrap;gap:1rem}.clear-btn,.generate-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;min-width:120px;padding:.75rem 1.5rem;transition:all .3s ease}.generate-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66;color:#fff}.generate-btn:hover:not(:disabled){box-shadow:0 8px 25px #667eea99;transform:translateY(-2px)}.generate-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.clear-btn{background:#f8fafc;border:2px solid #e2e8f0;color:#64748b}.clear-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.clear-btn:disabled{cursor:not-allowed;opacity:.6}.result-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.result-section h4{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.hash-display{background:#1e293b;border-radius:8px;color:#0f8;font-family:Courier New,monospace;overflow:hidden;padding:1rem;position:relative;word-break:break-all}.hash-display:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#00ff881a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.hash-value{font-size:1rem;font-weight:600;line-height:1.5;position:relative;z-index:1}.hash-info{color:#94a3b8;display:flex;flex-wrap:wrap;font-size:.875rem;gap:1rem;margin-top:.75rem}.steps-section{border-top:1px solid #e2e8f0;padding-top:2rem}.steps-toggle{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.steps-toggle:hover{background:#f1f5f9;border-color:#cbd5e1}.steps-content{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem}.steps-content h4{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.step{align-items:flex-start;display:flex;gap:1rem}.step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:32px;justify-content:center;width:32px}.step-content{flex:1 1}.step-content h5{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 .5rem}.step-content p{color:#64748b;line-height:1.5;margin:0 0 .75rem}.code-example{background:#1e293b;border-radius:6px;color:#0f8;font-family:Courier New,monospace;font-size:.875rem;overflow-x:auto;padding:.75rem}.code-example code{background:none;color:inherit;padding:0}.hash-properties{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;padding:1.5rem}.hash-properties h4{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.properties-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.property{display:flex;flex-direction:column;gap:.25rem}.property strong{color:#0369a1;font-size:.875rem;font-weight:600}.property span{color:#64748b;font-size:.875rem;line-height:1.4}@media (max-width:768px){.hash-generator{margin:1rem 0;padding:1.5rem}.input-actions{flex-direction:column}.clear-btn,.generate-btn{width:100%}.hash-info{flex-direction:column;gap:.5rem}.properties-grid{grid-template-columns:1fr}.step{flex-direction:column;gap:.75rem}.step-number{align-self:flex-start}}@media (max-width:480px){.generator-header h3{font-size:1.25rem}.hash-value{font-size:.875rem}.code-example{font-size:.75rem}}.block3d-wrapper{align-items:center;display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.block3d-scene{--block-size:min(26vw,140px);height:var(--block-size);perspective:600px;perspective-origin:50% 50%;width:var(--block-size)}.block3d-cube{animation:cube-rotate 8s linear infinite;height:100%;position:relative;transform-style:preserve-3d;width:100%}.block3d-face{align-items:center;backface-visibility:hidden;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px #00000014;color:#0f172a;display:flex;font-size:clamp(1rem,5vw,1.75rem);font-weight:700;height:100%;justify-content:center;position:absolute;width:100%}.block3d-front{transform:translateZ(calc(var(--block-size)/2))}.block3d-back{transform:rotateY(180deg) translateZ(calc(var(--block-size)/2))}.block3d-right{transform:rotateY(90deg) translateZ(calc(var(--block-size)/2))}.block3d-left{transform:rotateY(-90deg) translateZ(calc(var(--block-size)/2))}.block3d-top{transform:rotateX(90deg) translateZ(calc(var(--block-size)/2))}.block3d-bottom{transform:rotateX(-90deg) translateZ(calc(var(--block-size)/2))}@keyframes cube-rotate{0%{transform:rotateX(-20deg) rotateY(0deg)}50%{transform:rotateX(-20deg) rotateY(180deg)}to{transform:rotateX(-20deg) rotateY(1turn)}}.App{align-items:center;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:20px}.App h1{color:#1e293b;font-size:3rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.App p{color:#64748b;font-size:1.1rem;font-weight:400;margin-bottom:3rem}.header{max-width:800px;position:relative;text-align:center;width:100%}.header1{margin-top:70px}.user-info{gap:10px;margin-bottom:100px;right:0;top:0}.user-email{font-size:.9rem}.logout-btn{font-size:clamp(.9rem,4vw,1rem);height:clamp(32px,8vw,36px);width:clamp(32px,8vw,36px)}.user-info .logout-btn{margin-bottom:8px}.auth-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:100px;margin-top:90px;max-width:480px;padding:2rem;width:100%}.auth-toggle-label{color:#334155;font-size:.95rem;font-weight:600;margin-bottom:1rem;text-align:center}.auth-toggle{border:1px solid #e2e8f0;border-radius:9999px;display:flex;margin-bottom:2rem}.toggle-btn{background:#f8fafc;border:none;color:#64748b;cursor:pointer;flex:1 1;font-weight:500;padding:.5rem .875rem;transition:all .2s ease}.auth-toggle .toggle-btn:first-child{border-bottom-left-radius:9999px;border-top-left-radius:9999px}.auth-toggle .toggle-btn:last-child{border-bottom-right-radius:9999px;border-top-right-radius:9999px}.toggle-btn.active{background:#3b82f6;color:#fff}.toggle-btn:hover:not(.active){background:#e2e8f0}.auth-form{gap:1.5rem}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#374151;font-size:.9rem;font-weight:500}.form-group input{border:1px solid #d1d5db;border-radius:6px;font-size:1rem;padding:.75rem;transition:border-color .2s ease}.form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.auth-submit-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.auth-submit-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.auth-submit-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.main-content{max-width:800px;width:100%}.user-info{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(6px,2vw,10px);position:absolute;right:10px;top:10px}.user-email{color:#64748b;font-size:clamp(.7rem,1.5vw,.9rem);font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 6px #00000014;color:#dc2626;cursor:pointer;display:flex;font-size:clamp(.7rem,2vw,.9rem);height:clamp(28px,6vw,36px);justify-content:center;padding:0;transition:all .2s ease;width:clamp(28px,6vw,36px)}.logout-btn:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 12px #0000001f;transform:translateY(-1px)}@media (max-width:420px){.user-email{display:none}.login-btn-mobile{display:flex}}.login-btn-mobile{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:none;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.login-btn-mobile:hover{background:#2563eb;transform:translateY(-1px)}*{box-sizing:border-box}body{background:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;margin:0;padding:0}.container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 25px 50px #00000026;margin:0 auto;max-width:800px;padding:clamp(1.5rem,4vw,3rem);width:100%}.section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px #0000000d;margin-bottom:2rem;padding:2rem;transition:all .3s ease}.section:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.section h3{align-items:center;color:#1e293b;display:flex;font-size:clamp(1.1rem,3.8vw,1.5rem);font-weight:600;gap:.75rem;margin:0 0 1.5rem}.section h3:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;content:"";height:24px;width:4px}.file-input-wrapper{margin-bottom:1.5rem;position:relative}.file-input-wrapper input[type=file]{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.file-input-label{align-items:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;color:#64748b;cursor:pointer;display:flex;font-weight:500;gap:.75rem;justify-content:center;min-height:clamp(48px,12vw,60px);padding:clamp(.75rem,2.5vw,1rem) clamp(1rem,4vw,1.5rem);transition:all .3s ease}.file-input-label:hover{background:#f1f5f9;border-color:#667eea;color:#667eea}.file-input-label.has-file{background:#ecfdf5;border-color:#10b981;color:#059669}.file-name{color:#64748b;font-size:.875rem;font-style:italic;margin-top:.5rem}button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-width:120px;overflow:hidden;padding:.875rem 2rem;position:relative;transition:all .3s ease}button:hover{box-shadow:0 8px 25px #667eea99;transform:translateY(-2px)}button:active{transform:translateY(0)}button:disabled{cursor:not-allowed;opacity:.6;transform:none}button.loading{color:#0000}button.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.result{animation:slideIn .3s ease;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px #0000000d;margin-top:2rem;padding:2rem}.result-header{flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.result h3,.result-header{align-items:center;display:flex}.result h3{color:#1e293b;font-size:1.25rem;font-weight:600;gap:.5rem;margin:0}.copy-btn{background:#fff;border:1px solid #ccc;border-radius:6px;color:#a10303;cursor:pointer;font-size:1rem;padding:10px 8px;transition:all .2s ease;width:auto}.copy-btn:hover{background:#f9f9f9;border-color:#888}.copy-btn.copied{border-color:#2563eb;color:#2563eb}.visualization-toggle{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.visualization-toggle:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.result h3:before{align-items:center;background:#10b981;border-radius:50%;color:#fff;content:"✓";display:flex;font-size:.875rem;font-weight:700;height:24px;justify-content:center;width:24px}.result pre{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-size:.875rem;line-height:1.5;margin:0;overflow-x:auto;padding:1rem}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.error-message{align-items:center;animation:slideIn .3s ease;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;display:flex;font-weight:500;gap:.75rem;margin:1rem 0;padding:1rem 1.5rem}.error-message span:first-child{font-size:1.25rem}.verification-status{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1rem;padding:1rem}.status-indicator{border-radius:8px;font-size:1.25rem;font-weight:700;margin-bottom:.75rem;padding:.5rem 1rem;text-align:center}.status-indicator.success{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.status-indicator.failed{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.file-hash{color:#64748b;font-family:Courier New,monospace;font-size:.875rem;word-break:break-all}.ipfs-info{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin:1rem 0;padding:1rem}.ipfs-url{margin-bottom:.75rem}.ipfs-url a{background:#e0f2fe;border-radius:4px;color:#0369a1;display:inline-block;font-family:Courier New,monospace;font-size:.875rem;margin-top:.25rem;padding:.25rem .5rem;text-decoration:none;word-break:break-all}.ipfs-url a:hover{background:#bae6fd;text-decoration:underline}.ipfs-hash{color:#64748b;font-family:Courier New,monospace;font-size:.875rem;word-break:break-all}details{margin-top:1rem}details summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-weight:600;padding:.5rem}details summary:hover{background:#f1f5f9}.mock-warning{background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;color:#92400e;font-size:.875rem;margin-bottom:1rem;padding:.75rem 1rem}.demo-section{margin-bottom:2rem;text-align:center}.demo-toggle{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 15px #10b98166;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:40px;padding:.75rem 1.5rem;transition:all .3s ease}.demo-toggle:hover{box-shadow:0 8px 25px #10b98199;transform:translateY(-2px)}@media (max-width:768px){.container{border-radius:16px;margin:1rem;padding:2rem 1.5rem}.section{padding:1.5rem}.App h1{font-size:2.5rem}.App p{font-size:1rem}}@media (max-width:480px){.container{margin:.5rem;padding:1.5rem 1rem}.section{padding:1rem}.App h1{font-size:2rem}button{margin-top:1rem;width:100%}.file-input-label{font-size:.875rem;padding:.875rem 1rem}}@media (max-width:768px){.auth-section{max-width:100%;padding:1.5rem}.auth-toggle{margin-bottom:1rem}}@media (max-width:540px){.user-info{gap:8px;justify-content:flex-end;margin-bottom:.5rem;margin-top:.5rem;position:static}}
/*# sourceMappingURL=main.040fdbfe.css.map*/