:root{--bg-space:#030307;--card-glass:#090810cc;--card-border:#7e57c224;--card-border-glow:#7e57c247;--color-primary:#d1d5db;--color-secondary:#6b7280;--color-quantum-teal:#4f8b96;--color-quantum-purple:#725a94;--color-quantum-magenta:#a36f89;--color-quantum-green:#598c7b;--color-quantum-red:#9c4c4c;--font-mystical:"Courier New", Courier, monospace;--font-sans:"Courier New", Courier, monospace;--font-mono:"Courier New", Courier, monospace;--transition-smooth:all .4s cubic-bezier(.16, 1, .3, 1);--transition-fast:all .2s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body,button,input,textarea,select,table{text-transform:lowercase}body{background-color:var(--bg-space);color:var(--color-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh;position:relative;overflow-x:hidden}#quantum-canvas{z-index:1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}#app{z-index:2;zoom:1.1;flex-direction:column;width:100%;max-width:960px;min-height:100vh;margin:0 auto;padding:24px;display:flex;position:relative}.portal-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:16px 0 32px;display:flex}.logo-area{align-items:center;gap:10px;display:flex}.pulse-dot{background-color:var(--color-quantum-teal);width:8px;height:8px;box-shadow:0 0 10px var(--color-quantum-teal), 0 0 20px var(--color-quantum-teal);border-radius:50%;animation:2s infinite pulse;display:block}@keyframes pulse{0%{opacity:.5;transform:scale(.95);box-shadow:0 0 #06b6d4b3}50%{opacity:1;transform:scale(1.1);box-shadow:0 0 0 8px #06b6d400}to{opacity:.5;transform:scale(.95);box-shadow:0 0 #06b6d400}}.portal-status{font-family:var(--font-mono);letter-spacing:2px;color:var(--color-quantum-teal);text-shadow:0 0 5px #06b6d480;font-size:11px}.audio-btn{color:var(--color-secondary);font-family:var(--font-mono);letter-spacing:1px;cursor:pointer;transition:var(--transition-fast);background:#ffffff08;border:1px solid #ffffff14;border-radius:4px;align-items:center;gap:8px;padding:8px 16px;font-size:10px;display:flex}.audio-btn:hover{color:var(--color-primary);background:#a855f71a;border-color:#a855f74d;box-shadow:0 0 10px #a855f726}.btn-icon{width:14px;height:14px}.sound-wave{transform-origin:50%;transition:opacity .3s}.sound-wave.wave-mid{animation:1s infinite alternate sound-bounce}.sound-wave.wave-outer{animation:1s .3s infinite alternate sound-bounce}@keyframes sound-bounce{0%{transform:scale(.85)}to{transform:scale(1.15)}}.mute-x.hidden,.sound-wave.hidden{display:none}.portal-content{flex:1;justify-content:center;align-items:center;padding:40px 0;display:flex}.portal-card{background:var(--card-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);width:100%;max-width:620px;transition:var(--transition-smooth);border-radius:4px;padding:48px;position:relative;overflow:hidden;box-shadow:0 30px 60px #0009,inset 0 1px #ffffff0d,inset 0 0 25px #a855f70d}.portal-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% -20%,#a855f71a,#0000 60%);width:100%;height:100%;position:absolute;top:0;left:0}.portal-card.hidden{opacity:0;display:none;transform:translateY(20px)scale(.98)}.portal-card.active{animation:.8s cubic-bezier(.16,1,.3,1) forwards card-appear;display:block}@keyframes card-appear{0%{opacity:0;transform:translateY(30px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.portal-title{font-family:var(--font-mystical);letter-spacing:2px;text-align:center;background:linear-gradient(135deg,#fff 30%,#e2b4ff 70%,#d87cff 100%);-webkit-text-fill-color:transparent;text-shadow:0 4px 20px #d87cff26;-webkit-background-clip:text;margin-bottom:16px;font-size:2.5rem;font-weight:400}.portal-subtitle{color:var(--color-secondary);text-align:center;margin-bottom:40px;font-size:.95rem;line-height:1.6}.input-group{margin-bottom:28px;position:relative}textarea#reminder-text{width:100%;height:120px;color:var(--color-primary);font-family:var(--font-sans);resize:none;transition:var(--transition-smooth);background:#05040c80;border:1px solid #ffffff14;border-radius:4px;outline:none;padding:16px;font-size:1rem;line-height:1.5;box-shadow:inset 0 2px 4px #0006}textarea#reminder-text:focus{background:#05040cb3;border-color:#a855f780;box-shadow:0 0 20px #a855f726,inset 0 2px 4px #0006}.char-counter{font-family:var(--font-mono);color:#ffffff40;pointer-events:none;font-size:.75rem;position:absolute;bottom:12px;right:16px}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reveal-toggle{width:fit-content;color:var(--color-secondary);font-family:var(--font-mono);letter-spacing:1px;cursor:pointer;transition:var(--transition-fast);background:0 0;border:1px solid #ffffff1a;border-radius:4px;align-items:center;gap:7px;margin:0 auto 24px;padding:6px 14px;font-size:11px;display:flex}.reveal-toggle:hover{color:var(--color-quantum-teal);border-color:#4f8b9666}.vis-icon{flex:none}.vis-icon.hidden{display:none}.quantum-controls{background:#ffffff05;border:1px solid #ffffff0a;border-radius:4px;margin-bottom:36px;padding:20px}.control-box label{color:var(--color-primary);justify-content:space-between;align-items:center;margin-bottom:16px;font-size:.9rem;display:flex}.mono-text{font-family:var(--font-mono);color:var(--color-quantum-teal);text-shadow:0 0 8px #06b6d44d}.slider-container{margin:10px 0;position:relative}input[type=range]{-webkit-appearance:none;cursor:pointer;background:#ffffff1a;border-radius:0;outline:none;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-quantum-teal);width:18px;height:18px;box-shadow:0 0 10px var(--color-quantum-teal);border:2px solid #fff;border-radius:50%;transition:transform .1s}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 15px var(--color-quantum-teal), 0 0 25px var(--color-quantum-teal);background:#fff;transform:scale(1.2)}input[type=range]::-moz-range-thumb{background:var(--color-quantum-teal);width:18px;height:18px;box-shadow:0 0 10px var(--color-quantum-teal);border:2px solid #fff;border-radius:50%;transition:transform .1s}.slider-ticks{justify-content:space-between;padding:6px 4px 0;display:flex}.slider-ticks span{font-family:var(--font-mono);color:#ffffff4d;font-size:10px}.control-help{color:var(--color-secondary);margin-top:14px;font-size:11px;line-height:1.4;display:block}.glow-btn{background:linear-gradient(135deg, var(--color-quantum-purple), var(--color-quantum-magenta));color:#fff;width:100%;height:54px;font-family:var(--font-sans);letter-spacing:1px;cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:4px;font-size:1.05rem;font-weight:500;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #a855f766,0 8px 10px -6px #a855f766}.glow-btn:hover{transform:translateY(-2px);box-shadow:0 20px 35px -5px #a855f799,0 12px 15px -8px #a855f799,0 0 30px #ec489966}.glow-btn:active{transform:translateY(1px)}.btn-glow-layer{background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:200%;height:100%;transition:all .75s;position:absolute;top:0;left:-50%;transform:skew(-20deg)}.glow-btn:hover .btn-glow-layer{left:120%}.btn-text{z-index:10;position:relative}.danger-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 10px 20px -5px #dc26264d,0 8px 10px -6px #dc26264d}.danger-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 20px 30px -5px #dc262680,0 12px 15px -8px #dc262680,0 0 25px #dc26264d}.portal-spinner{justify-content:center;align-items:center;width:140px;height:140px;margin:0 auto 30px;display:flex;position:relative}.orbiting-ring{border:2px dashed #0000;border-radius:50%;position:absolute}.ring-1{border-top-color:var(--color-quantum-teal);border-bottom-color:var(--color-quantum-teal);width:130px;height:130px;animation:4s linear infinite rotate-clockwise}.ring-2{border-left-color:var(--color-quantum-purple);border-right-color:var(--color-quantum-purple);width:100px;height:100px;animation:3s linear infinite rotate-counter-clockwise}.ring-3{border-top-color:var(--color-quantum-magenta);border-bottom-color:var(--color-quantum-magenta);width:70px;height:70px;animation:2s linear infinite rotate-clockwise}.central-core{width:24px;height:24px;box-shadow:0 0 20px #fff, 0 0 40px var(--color-quantum-teal);background-color:#fff;border-radius:50%;animation:1.5s ease-in-out infinite alternate pulse-core}@keyframes rotate-clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate-counter-clockwise{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes pulse-core{0%{box-shadow:0 0 15px #fff, 0 0 25px var(--color-quantum-teal);transform:scale(.8)}to{box-shadow:0 0 25px #fff, 0 0 50px var(--color-quantum-magenta);transform:scale(1.2)}}.collapsing-title{font-family:var(--font-mystical);letter-spacing:3px;text-align:center;color:var(--color-primary);margin-bottom:24px;font-size:1.6rem}.quantum-terminal{text-align:left;background:#000000b3;border:1px solid #ffffff0d;border-radius:2px;height:120px;margin-bottom:24px;padding:16px;overflow-y:hidden;box-shadow:inset 0 2px 10px #000c}.quantum-terminal div{opacity:.85;margin-bottom:4px;font-size:11px;line-height:1.6}.quantum-terminal .accent-line{color:var(--color-quantum-teal)}.quantum-terminal .magenta-line{color:var(--color-quantum-magenta)}.loading-bar-container{background:#ffffff0d;border-radius:0;width:100%;height:4px;overflow:hidden}.loading-bar{background:linear-gradient(90deg, var(--color-quantum-teal), var(--color-quantum-purple), var(--color-quantum-magenta));width:0%;height:100%;box-shadow:0 0 8px var(--color-quantum-teal);transition:width .1s linear}.success-halo{background:#10b9810d;border:1px solid #10b98133;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex;position:relative}.success-halo:before{content:"✓";color:var(--color-quantum-green);text-shadow:0 0 10px #10b98180;font-size:32px}.result-title{font-family:var(--font-mystical);letter-spacing:2px;color:var(--color-primary);text-align:center;margin-bottom:24px;font-size:1.4rem}.result-display{text-align:center;background:#ffffff05;border:1px solid #ffffff0a;border-radius:4px;margin-bottom:24px;padding:32px;box-shadow:inset 0 1px #ffffff08,0 0 30px #a855f708}.result-date{font-family:var(--font-mystical);color:#fff;text-shadow:0 0 15px #ffffff4d;margin-bottom:8px;font-size:2.2rem;font-weight:600}.result-time{font-family:var(--font-mono);color:var(--color-quantum-teal);letter-spacing:1px;text-shadow:0 0 10px #06b6d466;margin-bottom:12px;font-size:1.3rem}.result-relative{color:var(--color-secondary);background:#ffffff0a;border-radius:2px;padding:6px 16px;font-size:.9rem;display:inline-block}.action-instructions{color:var(--color-secondary);text-align:center;margin-bottom:28px;font-size:.88rem;line-height:1.6}.result-actions{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:36px;display:grid}.action-btn{height:80px;color:var(--color-secondary);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-fast);background:#ffffff05;border:1px solid #ffffff0f;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:.78rem;display:flex}.action-btn svg{color:var(--color-quantum-teal);transition:var(--transition-fast)}.action-btn:hover{color:#fff;background:#06b6d414;border-color:#06b6d44d;transform:translateY(-2px);box-shadow:0 5px 15px #06b6d41a}.action-btn:hover svg{color:#fff;filter:drop-shadow(0 0 5px var(--color-quantum-teal));transform:scale(1.1)}.cryptic-details-container{border-top:1px solid #ffffff0d;margin-bottom:36px;padding-top:20px}.details-toggle-btn{width:100%;color:var(--color-secondary);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;padding:8px 0;font-size:.8rem;display:flex}.details-toggle-btn:hover{color:var(--color-quantum-purple)}.details-toggle-btn svg{transition:transform .3s}.details-toggle-btn.active svg{transform:rotate(180deg)}.details-drawer{max-height:0;transition:max-height .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.details-drawer.active{max-height:220px}.metrics-table{border-collapse:collapse;width:100%;color:var(--color-secondary);background:#0003;border-radius:2px;margin-top:12px;font-size:11px;overflow:hidden}.metrics-table tr{border-bottom:1px solid #ffffff08}.metrics-table tr:last-child{border-bottom:none}.metrics-table td{text-align:left;padding:10px 14px}.metrics-table td:last-child{text-align:right;color:var(--color-quantum-teal)}.hash-text{word-break:break-all;font-size:9px;color:#06b6d499!important}.portal-footer{border-top:1px solid #ffffff0d;margin-top:auto;padding:40px 0 20px}.explanation-section{margin-bottom:40px}.explanation-section h2{font-family:var(--font-mystical);letter-spacing:1.5px;text-align:center;color:#fff;margin-bottom:28px;font-size:1.2rem}.explanation-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.explanation-box h3{font-family:var(--font-sans);letter-spacing:1px;color:var(--color-quantum-teal);text-transform:lowercase;margin-bottom:12px;font-size:.88rem;font-weight:600}.explanation-box p{color:var(--color-secondary);font-size:.8rem;line-height:1.6}.explanation-box code{color:#e2b4ff;background:#a855f726;border:1px solid #a855f74d;border-radius:2px;padding:2px 6px;font-size:11px}.copyright-info{text-align:center;font-family:var(--font-mono);letter-spacing:1.5px;color:#ffffff40;font-size:9px}.copyright-info .origin-link{margin-top:8px}.copyright-info .origin-link a{color:#ffffff59;transition:var(--transition-fast);border-bottom:1px dotted #fff3;text-decoration:none}.copyright-info .origin-link a:hover{color:var(--color-quantum-teal);border-bottom-color:var(--color-quantum-teal);text-shadow:0 0 6px #4f8b9680}@media (width<=860px){.explanation-grid{grid-template-columns:1fr;gap:20px}}@media (width<=680px){.portal-card{padding:32px 24px}.portal-title{font-size:2rem}.result-date{font-size:1.8rem}.result-actions{grid-template-columns:1fr;gap:8px}.action-btn{flex-direction:row;gap:12px;height:48px}}.hidden{display:none!important}