:root{color-scheme:light;--canvas: #f4f0e8;--paper: #fffcf7;--paper-inset: #faf7f0;--ink: #29251f;--muted: #756c60;--line: #dcd5c9;--accent: #b64e26;--accent-hover: #943d1d;--accent-soft: #f8e9dc;--success: #486443;--error: #a23c2d;--error-soft: #fbebe5;--serif: "Iowan Old Style", "Palatino Linotype", "Songti SC", "STSong", "Noto Serif CJK SC", serif;--mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection{color:var(--ink);background:#efd4b9}.app{min-height:100dvh;display:flex;flex-direction:column}.container{width:min(1120px,calc(100% - 80px));margin-inline:auto}.app-header{border-bottom:1px solid var(--line)}.header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;font-size:20px;font-weight:650;letter-spacing:.5px;color:var(--ink)}.brand:hover{color:var(--ink)}.brand-mark{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0}.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}.header-caption{color:var(--muted);font-size:13px;letter-spacing:1px}.app-main{flex:1;padding-block:64px 40px}.app-footer{padding:24px;border-top:1px solid var(--line);color:var(--muted);text-align:center;font-size:12px;letter-spacing:1px}.create-paste{display:grid;grid-template-columns:260px minmax(0,1fr);column-gap:56px;row-gap:0;align-items:start}.page-heading{padding-top:28px}.page-heading:before{content:"";display:block;width:40px;height:2px;background:var(--accent);margin-bottom:28px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--accent);font-weight:600;margin:0 0 18px}h1{margin:0 0 20px;font-family:var(--serif);font-weight:600;font-size:clamp(32px,4vw,48px);line-height:1.4;overflow-wrap:anywhere}.page-heading h1{max-width:6em;letter-spacing:1px}.page-heading h1 span{display:block}.page-heading>p:last-child{color:var(--muted);font-size:14px;line-height:2;margin:0;max-width:24em}.paste-form,.paste-card,.state-card{background:var(--paper);border:1px solid var(--line);border-radius:4px;box-shadow:0 4px 16px #37281408}.paste-form{position:relative;padding:32px}.paste-form:before{content:"";position:absolute;top:-1px;left:32px;width:48px;height:2px;background:var(--accent)}.form-group{margin-bottom:26px}label{display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:12px}.optional{color:var(--muted);font-weight:400;font-size:11px;margin-left:8px}.title-input,.content-textarea{width:100%;border:1px solid var(--line);border-radius:3px;padding:14px 16px;color:var(--ink);background:var(--paper-inset);transition:border-color .15s,background-color .15s}.title-input:focus,.content-textarea:focus{border-color:var(--accent);background:var(--paper);outline:2px solid var(--accent-soft);outline-offset:1px}::placeholder{color:var(--muted);opacity:1}.content-textarea{min-height:320px;resize:vertical;font-family:var(--mono);line-height:1.9;font-size:14px}.label-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.character-count{font-family:var(--mono);font-size:11px;color:var(--muted)}.field-hint{color:var(--muted);font-size:11px;margin:10px 0 0;line-height:1.8}.form-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:22px;border-top:1px solid var(--line)}.form-bottom p{color:var(--muted);font-size:11px;line-height:1.9;margin:0;max-width:19em}.submit-button,.copy-button{border:1px solid var(--accent);color:var(--paper);background:var(--accent);border-radius:3px;padding:13px 20px;min-height:44px;font-size:13px;font-weight:600;white-space:nowrap;transition:background-color .15s,border-color .15s}.submit-button:hover:not(:disabled),.copy-button:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.tips{grid-column:2;display:flex;gap:10px;align-items:baseline;padding:18px 0;color:var(--muted);font-size:12px;line-height:1.8}.tips p{margin:0}.tips>span{color:var(--accent);font-size:18px}.error-message{color:var(--error);background:var(--error-soft);border-left:2px solid var(--error);padding:14px;border-radius:2px;margin-bottom:20px;font-size:13px;line-height:1.8}.view-paste{max-width:960px}.view-nav{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px;margin-bottom:24px}.paste-header{padding:36px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:28px}.paste-header>div:first-child{min-width:0}.paste-header .eyebrow{margin-bottom:12px}.paste-header h1{font-size:30px;margin-bottom:14px}.paste-meta{color:var(--muted);font-family:var(--mono);font-size:11px;line-height:1.8;margin:0}.paste-expiry{margin:10px 0 0;color:var(--accent);font-size:12px;line-height:1.8}.paste-actions{display:flex;gap:10px;flex-shrink:0}.action-button{background:transparent;border:1px solid var(--line);color:var(--ink);border-radius:3px;padding:12px 16px;min-height:44px;font-size:13px;transition:background-color .15s,border-color .15s}.action-button:hover{background:var(--paper-inset);border-color:var(--muted)}.paste-content{padding:36px;min-height:240px}.content-display{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/2 var(--mono);-moz-tab-size:4;tab-size:4;margin:0}.paste-footnote{padding:18px 36px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:11px;line-height:1.8}.copy-notice{color:var(--success)}.state-card{padding:64px 24px;text-align:center}.state-card h1{font-size:30px}.state-card p{color:var(--muted);margin:18px 0 28px;font-size:14px;line-height:1.9}.state-card .back-link{display:inline-block;margin-left:20px;font-size:13px}.spinner{display:inline-block;width:24px;height:24px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 960px){.container{width:calc(100% - 48px)}.create-paste{grid-template-columns:200px minmax(0,1fr);column-gap:32px}.page-heading h1{font-size:36px}.paste-form{padding:24px}.form-bottom{flex-direction:column;align-items:stretch;gap:16px}.form-bottom p{max-width:none}.paste-header{flex-wrap:wrap}}@media (max-width: 640px){.container{width:calc(100% - 32px)}.header-inner{min-height:72px}.brand{font-size:18px}.brand-mark{width:38px;height:38px}.header-caption{display:none}.app-main{padding-block:32px 24px}.create-paste{display:block}.page-heading{padding-top:0;margin-bottom:28px}.page-heading:before{width:28px;margin-bottom:16px}.eyebrow{margin-bottom:12px}.page-heading h1{font-size:32px;max-width:none;margin-bottom:12px;letter-spacing:0}.page-heading h1 span{display:inline}.page-heading>p:last-child{font-size:13px;max-width:none}.paste-form{padding:22px 18px}.paste-form:before{left:18px}.content-textarea{min-height:280px;padding:12px;font-size:16px}.title-input{font-size:16px}.tips{padding-block:16px;font-size:11px}.paste-header{flex-direction:column;align-items:stretch;padding:24px 20px;gap:22px}.paste-header h1{font-size:26px}.paste-actions>button{flex:1}.paste-content{padding:24px 20px}.paste-footnote{padding:16px 20px;flex-wrap:wrap}.state-card{padding:48px 20px}.state-card h1{font-size:26px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
