:root{--bg: #f6f8fb;--bg-glow: radial-gradient(60% 40% at 50% 0%, rgba(37, 99, 235, .07), transparent 70%);--surface: #ffffff;--surface-2: #f1f4f9;--border: #e3e8f0;--fg: #1c2433;--muted: #667085;--accent: #2563eb;--accent-hover: #3b82f6;--on-accent: #ffffff;--ok: #16a34a;--error: #dc2626;--amber: #b45309;--radius: 14px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);font-size:16px;line-height:1.55;color:var(--fg);background:var(--bg);background-image:var(--bg-glow);background-repeat:no-repeat;min-height:100dvh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.top-nav{max-width:560px;margin:0 auto;padding:20px 20px 0;display:flex;gap:20px;align-items:center}.top-nav a{color:var(--muted);font-size:14px;padding:6px 2px}.top-nav a:first-child{font-weight:700;font-size:17px;letter-spacing:.04em;color:var(--fg)}.brand-group{display:flex;align-items:baseline;gap:12px;margin-right:auto;min-width:0}.tagline{color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-nav a[aria-current=page]{color:var(--accent)}.page{max-width:560px;margin:0 auto;padding:28px 20px 80px;min-width:0}img,svg,canvas{max-width:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:16px}textarea,input,select{width:100%;font:inherit;font-size:16px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--fg);transition:border-color .15s ease}select{padding-right:40px}textarea{resize:vertical;min-height:140px}textarea::placeholder,input::placeholder{color:var(--muted);opacity:.75}textarea:focus,input:focus,select:focus{outline:none;border-color:var(--accent)}label{display:block;margin:16px 0 8px;font-size:13px;color:var(--muted)}select{margin-bottom:18px}button{font:inherit;font-size:16px;min-height:44px;padding:10px 18px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--fg);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .06s ease,opacity .15s ease}button:hover{border-color:var(--muted);background:#e8edf5}button:active{transform:scale(.985)}button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600;width:100%}button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}button:disabled:hover{background:var(--surface-2);border-color:var(--border)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.error{color:var(--error);font-size:14px;margin-top:12px}.muted-center{color:var(--muted);text-align:center;margin:12px 0}.meta-row{margin:10px 0 16px}.byte-count{font-size:13px;color:var(--muted)}.byte-count.over{color:var(--error)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.actions button,.actions .btn{flex:1;min-width:0}.code-display{font-size:46px;font-weight:700;letter-spacing:.4em;text-indent:.4em;color:var(--amber);font-family:var(--mono);text-align:center;margin:12px 0 4px;font-variant-numeric:tabular-nums}.result-link{text-align:center;margin:0 0 4px;font-size:15px;word-break:break-all}.result-expiry{display:block;color:var(--muted);font-size:13px;margin-top:6px}.qr-wrap{display:flex;justify-content:center;margin:18px 0 6px}.qr-wrap canvas{border:1px solid var(--border);border-radius:12px}.text-body{white-space:pre-wrap;word-break:break-word;font-family:var(--mono);font-size:14px;background:#f7f9fc;border:1px solid var(--border);border-radius:10px;padding:14px;max-height:60vh;overflow:auto;margin:0 0 16px}.mode-tabs{display:flex;gap:6px;margin-bottom:16px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:4px}.mode-tabs button{flex:1;min-height:40px;border:none;background:transparent;border-radius:8px;color:var(--muted)}.mode-tabs button.active{background:var(--accent);color:var(--on-accent);font-weight:600}.mode-tabs button:hover:not(.active){background:transparent;color:var(--fg)}.dropzone{border:1.5px dashed rgba(28,36,51,.22);border-radius:12px;padding:36px 16px;text-align:center;color:var(--muted);cursor:pointer;margin-bottom:14px;transition:border-color .15s ease,background-color .15s ease;min-height:120px;display:flex;align-items:center;justify-content:center}.dropzone:hover{border-color:var(--accent);color:var(--fg)}.dropzone.dragover{border-color:var(--accent);background:#2563eb0f;color:var(--fg)}.file-list{list-style:none;margin:0 0 12px;padding:0}.file-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;margin-bottom:6px;font-size:14px;background:var(--surface-2)}.file-name{flex:1;min-width:0;display:flex;gap:8px;align-items:baseline;white-space:normal;overflow-wrap:anywhere}.file-size{color:var(--muted);font-size:12px;flex-shrink:0}.file-item progress{width:90px;accent-color:var(--accent)}.file-ok{color:var(--ok);flex-shrink:0}.file-fail{color:var(--error);flex-shrink:0}.file-remove{border:none;background:none;padding:4px 8px;color:var(--muted);font-size:18px;min-height:36px}.file-remove:hover{background:transparent;color:var(--error)}.file-download{display:flex;flex:1;align-items:center;gap:10px;text-decoration:none;color:inherit;min-width:0;min-height:44px}.retry-btn{margin-bottom:12px;border-color:var(--error);color:var(--error);width:100%}.retry-btn:hover{border-color:var(--error);background:#dc26260f}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;min-height:44px;border:1px solid var(--border);border-radius:10px;text-decoration:none;color:var(--fg);font:inherit;font-size:16px;transition:background-color .15s ease,border-color .15s ease}.btn:hover{border-color:var(--muted);background:#e8edf5;color:var(--fg)}.mine-list{list-style:none;margin:0;padding:0}.mine-item.expired{opacity:.55}.mine-top{display:flex;justify-content:space-between;align-items:center}.mine-code{font-size:22px;font-weight:700;letter-spacing:.2em;font-family:var(--mono);color:var(--amber)}.mine-status{font-size:12px;padding:3px 10px;border-radius:999px;border:1px solid var(--border)}.mine-status.active{color:var(--ok);border-color:#16a34a4d;background:#16a34a14}.mine-status.expired{color:var(--muted)}.mine-meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px;color:var(--muted);margin:10px 0 6px}.prune-btn{width:100%}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (max-width: 480px){.page{padding:20px 14px 64px}.top-nav{padding:16px 14px 0}.code-display{font-size:38px}.brand h1{font-size:26px}.dropzone{padding:28px 12px;min-height:104px}}