:root{--bg:#120f1a;--text:#ece7f5;--text-dim:#8f86a3;--border:#322b3d;--accent:#ff8a3d;--accent-hover:#ffa066;--accent-text:#1b0f02;--error:#e2727e}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:Courier New,Courier,monospace;font-size:16px;line-height:1.5}button,textarea,input,a{font-family:inherit}a{color:var(--accent)}.page{flex-direction:column;width:100%;max-width:760px;min-height:100vh;margin:0 auto;padding:24px 20px 40px;display:flex}.home-header{width:100%;max-width:760px;margin:0 auto;padding:24px 20px 0}.tab-bar{border-bottom:1px solid var(--border);gap:8px;display:flex}.tab{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:12px 16px;font-size:16px}.tab:hover{color:var(--text)}.tab-active{color:var(--accent);border-bottom-color:var(--accent)}.retrieve-panel{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;padding-bottom:10vh;display:flex}.retrieve-inputs{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.retrieve-input{border:1px solid var(--border);color:var(--text);text-align:center;background:0 0;outline:none;width:12ch;padding:12px 8px;font-size:18px}.retrieve-input::placeholder{color:var(--text-dim)}.retrieve-input:focus{border-color:var(--accent)}.retrieve-input-number{width:6ch}.retrieve-sep{color:var(--text-dim);-webkit-user-select:none;user-select:none}.retrieve-submit{min-width:200px}.btn{border:1px solid var(--border);color:var(--text);cursor:pointer;text-align:center;background:0 0;border-radius:0;padding:12px 20px;font-size:16px;text-decoration:none;transition:border-color .15s,background-color .15s;display:inline-block}.btn:hover:not(:disabled){border-color:var(--text-dim)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-accent{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:700}.btn-accent:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-ghost{background:0 0}.button-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.slug-display{letter-spacing:.18em;color:var(--accent);text-align:center;white-space:nowrap;max-width:100%;padding-bottom:4px;font-size:clamp(1rem,4.5vw,2.5rem);font-weight:700;overflow-x:auto}.slug-display-loading{opacity:.5}.paste-input{border:1px solid var(--border);width:100%;min-height:50vh;color:var(--text);resize:vertical;background:0 0;outline:none;flex:1;padding:16px;font-size:18px;line-height:1.6}.paste-input:focus{border-color:var(--accent)}.paste-input::placeholder{color:var(--text-dim)}.paste-input:disabled{opacity:.5}.create-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.char-counter{color:var(--text-dim);font-size:14px}.error-message{color:var(--error);margin-top:12px;font-size:14px}.notice{color:var(--text-dim);margin:0 0 16px;font-size:14px;animation:2.5s forwards notice-fade}@keyframes notice-fade{0%,70%{opacity:1}to{opacity:0}}.done-panel{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;padding-bottom:10vh;display:flex}.full-url{color:var(--text-dim);white-space:nowrap;max-width:100%;font-size:clamp(.7rem,3vw,1rem);overflow-x:auto}.hint{color:var(--text-dim);margin-top:8px;font-size:13px}.page-view .slug-display{margin:6vh 0 8px}.expiry-note{text-align:center;color:var(--text-dim);margin:0 0 24px;font-size:14px}.paste-content{border:1px solid var(--border);min-height:30vh;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;flex:1;margin:0 0 20px;padding:20px;font-size:18px;line-height:1.7}.center-panel{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;padding-bottom:10vh;display:flex}.not-found-message{color:var(--text-dim);font-size:18px}