:root{--bg:#f5f5f5;--header:#f5f5f5;--card:#fff;--ink:#333;--secondary:#666;--muted:#9ca3af;--line:#e5e5e5;--soft:#f3f4f6;--hover:#e5e7eb;--blue:#3159ff;--danger:#dc2626;--shadow:rgba(0,0,0,.08)}
[data-theme=dark]{--bg:#1a1a1a;--header:#1a1a1a;--card:#2d2d2d;--ink:#e5e5e5;--secondary:#aaa;--muted:#72756d;--line:#444;--soft:#3d3d3d;--hover:#444;--shadow:rgba(0,0,0,.3)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;color:var(--ink);background:var(--bg);font-family:"SF Pro Display","PingFang SC",system-ui,sans-serif}.container{width:min(800px,calc(100% - 16px));margin-inline:auto}.fixed-header{position:fixed;z-index:20;inset:0 0 auto;background:color-mix(in srgb,var(--header) 92%,transparent);backdrop-filter:blur(16px)}.header{height:62px;display:flex;align-items:center;justify-content:space-between}.title-button{padding:0;border:0;color:var(--ink);background:transparent;font-size:18px;font-weight:700;cursor:pointer}.header-tools,.input-toolbar>div{display:flex;align-items:center;gap:3px}.stats{margin-right:3px;color:var(--muted);font-size:11px}.tool-btn,.note-action,.viewer-actions>*{width:32px;height:32px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;color:var(--secondary);background:transparent;cursor:pointer}.tool-btn:hover,.note-action:hover{background:var(--hover)}svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.refresh-btn.is-refreshing svg{animation:spin .55s ease}.send-btn{color:white;background:var(--blue)}
main.container{padding-top:70px;padding-bottom:30px}.input-area{padding:8px;border-radius:24px;background:var(--card);box-shadow:0 2px 12px var(--shadow)}.input-toolbar{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 6px}.text-input{min-height:38px;max-height:400px;overflow-y:auto;padding:5px 8px 8px;outline:0;color:var(--ink);font-size:15px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.text-input:empty::before{content:attr(data-placeholder);color:var(--muted);pointer-events:none}.pending-preview{display:grid;gap:5px;margin-top:5px}.pending-preview[hidden]{display:none}.pending-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:9px;min-height:48px;padding:6px 8px;border-radius:12px;color:var(--secondary);background:var(--soft);font-size:12px}.pending-item img{width:42px;height:42px;object-fit:cover;border-radius:8px;cursor:zoom-in}.pending-file-icon{width:34px;height:40px;display:grid;place-items:center;border-radius:7px;color:white;background:var(--blue);font-size:7px;font-style:normal}.pending-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-status{color:var(--muted);font-size:10px}.cancel-file{width:26px;height:26px;border:0;color:var(--muted);background:transparent;font-size:19px;cursor:pointer}.privacy-note{display:flex;align-items:center;gap:8px;margin:12px 5px 18px;color:var(--muted);font-size:9px;line-height:1.55}.privacy-note i{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:#65c49e;box-shadow:0 0 0 4px rgba(101,196,158,.13)}
.notes-list{padding-bottom:20px}.note-item{margin-bottom:11px;padding:16px;border-radius:20px;background:var(--card);box-shadow:0 1px 4px var(--shadow)}.note-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.note-meta{min-width:0;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;white-space:nowrap}.note-id{padding:0;border:0;color:inherit;background:transparent;font:inherit;cursor:pointer}.note-id.is-copied{color:var(--blue)}.note-actions{display:flex;align-items:center;gap:4px}.note-action{width:28px;height:28px}.note-action.confirm-delete{width:auto;min-width:70px;padding:4px 11px;border-radius:999px;color:white;background:var(--danger);font-size:11px}.note-content{color:var(--ink);font-size:14px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.note-files{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.note-file{max-width:220px;padding:7px;border-radius:10px;background:var(--soft)}.image-button{display:block;padding:0;border:0;background:transparent;cursor:zoom-in}.image-button img{width:auto;max-width:150px;height:auto;max-height:105px;display:block;border-radius:7px;object-fit:cover}.file-row{display:flex;align-items:center;gap:8px;margin-top:6px}.file-row:first-child{margin-top:0}.file-type{width:22px;height:26px;display:grid;place-items:center;flex:0 0 auto;border-radius:4px;color:white;background:var(--blue);font-size:6px}.file-links{min-width:0;display:flex;align-items:center;gap:8px}.file-links button,.file-links a{max-width:145px;padding:0;border:0;color:#3b82f6;background:transparent;font-size:11px;text-decoration:none;cursor:pointer}.file-links button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.download-link{color:var(--muted)!important;font-size:9px!important}
.image-viewer[hidden]{display:none}.image-viewer{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:22px;background:rgba(0,0,0,.92)}.image-viewer img{max-width:92vw;max-height:86svh;object-fit:contain}.viewer-actions{position:absolute;z-index:2;top:max(18px,env(safe-area-inset-top));right:18px;display:flex;gap:7px}.viewer-actions>*{color:white;background:rgba(255,255,255,.17)}.viewer-open{overflow:hidden}.toast{position:fixed;z-index:120;left:50%;bottom:max(28px,env(safe-area-inset-bottom));max-width:80%;padding:11px 20px;border-radius:999px;color:white;background:rgba(0,0,0,.82);font-size:12px;text-align:center;opacity:0;pointer-events:none;transform:translate(-50%,10px);transition:.2s;backdrop-filter:blur(10px)}.toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:560px){.container{width:calc(100% - 16px)}.header{height:56px}.title-button{font-size:15px}.stats{font-size:9px}.tool-btn{width:29px;height:29px}.header-tools{gap:1px}main.container{padding-top:64px}.input-area{padding:6px;border-radius:20px}.input-toolbar{height:28px;padding:0 4px}.text-input{min-height:36px;padding:5px 5px 7px;font-size:16px;line-height:1.4}.pending-item{grid-template-columns:auto minmax(0,1fr) auto;gap:7px}.pending-item .file-status{display:none}.note-item{padding:14px;border-radius:17px}.note-meta{gap:5px;font-size:10px}.note-content{font-size:14px}.image-button img{max-width:112px;max-height:86px}.note-file{max-width:100%}.image-viewer{padding:8px}.image-viewer img{max-width:96vw;max-height:92svh}.viewer-actions{right:12px}.toast{font-size:12px}}
body{overflow-x:hidden}.title-button{flex:0 0 auto}.header-tools,.input-toolbar>div{width:max-content;flex:0 0 auto}.header-tools{margin-left:auto}.stats{white-space:nowrap}.note-meta{flex:1;overflow:hidden}.note-actions{flex:0 0 auto}