@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #040d18;--panel: #070f1d;--border: #0d2137;--cyan: #00bcd4;--cyan-dim: #007a8a;--cyan-glow: rgba(0,188,212,.15);--text: #8ab4c8;--text-bright: #cce8f4;--red: #ff3b3b;--green: #00e676;--font: "Share Tech Mono", monospace}body{background:var(--bg);color:var(--text);font-family:var(--font);min-height:100vh;display:flex;align-items:center;justify-content:center;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.07) 2px,rgba(0,0,0,.07) 4px);pointer-events:none;z-index:9999}.panel{background:var(--panel);border:1px solid var(--border);position:relative;padding:2rem;width:420px}.panel:before,.panel:after,.panel-inner:before,.panel-inner:after{content:"";position:absolute;width:12px;height:12px;border-color:var(--cyan);border-style:solid}.panel:before{top:-1px;left:-1px;border-width:2px 0 0 2px}.panel:after{top:-1px;right:-1px;border-width:2px 2px 0 0}.panel-inner:before{bottom:-1px;left:-1px;border-width:0 0 2px 2px}.panel-inner:after{bottom:-1px;right:-1px;border-width:0 2px 2px 0}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.8rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.panel-title{color:var(--cyan);font-size:.75rem;letter-spacing:.15em;display:flex;align-items:center;gap:.5rem}.panel-title:before{content:"";display:block;width:3px;height:14px;background:var(--cyan)}.panel-dots span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan-dim);margin-left:4px}.panel-dots span:first-child{background:var(--red)}.app-title{text-align:center;margin-bottom:2rem;font-size:1.8rem;letter-spacing:.2em;color:var(--text-bright)}.app-title span{color:var(--cyan)}.field-label{font-size:.65rem;letter-spacing:.12em;color:var(--cyan-dim);margin-bottom:.4rem}.file-zone{border:1px dashed var(--cyan-dim);padding:1.5rem;text-align:center;cursor:pointer;transition:all .2s;margin-bottom:1.5rem;background:transparent;color:var(--text);font-family:var(--font);font-size:.8rem;width:100%;display:block}.file-zone:hover,.file-zone.drag-over,.file-zone.has-file{border-color:var(--cyan);background:var(--cyan-glow);color:var(--cyan)}.file-zone input[type=file]{display:none}.file-icon{font-size:1.5rem;margin-bottom:.5rem;display:block}.btn{width:100%;padding:.85rem;background:var(--cyan);color:var(--bg);border:none;font-family:var(--font);font-size:.75rem;letter-spacing:.15em;cursor:pointer;text-transform:uppercase;transition:all .2s}.btn:hover:not(:disabled){background:#00e5ff;box-shadow:0 0 20px var(--cyan-glow)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{background:transparent;border:1px solid var(--cyan-dim);color:var(--cyan);width:auto;padding:.4rem 1rem;font-size:.65rem}.btn-ghost:hover{border-color:var(--cyan);background:var(--cyan-glow)}.status-bar{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:.75rem;border-top:1px solid var(--border);font-size:.65rem;color:var(--cyan-dim)}.status-dot{color:var(--green)}.alert{padding:.6rem .8rem;font-size:.75rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.alert-error{background:#ff3b3b14;border-left:2px solid var(--red);color:var(--red)}.alert-success{background:#00e67614;border-left:2px solid var(--green);color:var(--green)}.entry-list{list-style:none}.entry-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border);cursor:pointer;transition:color .15s}.entry-item:hover .entry-title{color:var(--cyan)}.entry-title{color:var(--text-bright);font-size:.85rem}.entry-url{color:var(--cyan-dim);font-size:.65rem;margin-top:2px}.entry-arrow{color:var(--cyan-dim);font-size:.7rem}.reveal-field{background:#00bcd40d;border:1px solid var(--border);padding:.6rem .8rem;font-size:.8rem;color:var(--text-bright);margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between;word-break:break-all}.copy-btn{background:none;border:none;color:var(--cyan-dim);cursor:pointer;font-size:.75rem;font-family:var(--font);padding:0 .3rem;flex-shrink:0}.copy-btn:hover{color:var(--cyan)}.spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--cyan);border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle;margin-right:.4rem}@keyframes spin{to{transform:rotate(360deg)}}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}