:root{font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:#243047;background:#f3f5fa;color-scheme:light;font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:15px;line-height:1.65}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid #dbe1ed;background:white;color:#4e5a73;border-radius:9px;padding:10px 16px;min-height:44px}button:hover{background:#f4f1ff;border-color:#b6a7ee}button:disabled{opacity:.5;cursor:wait}a{color:#6550ce;text-decoration:none}a:hover{text-decoration:underline}[hidden]{display:none!important}header{background:#1c2130;color:#d7ddeb;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px max(24px,5vw)}.brand{display:flex;gap:12px;align-items:center;color:#fff;font-size:20px;font-weight:700}.brand:hover{text-decoration:none}.logo{color:#bcaaff;background:#37304f;border:1px solid #625280;border-radius:12px;width:44px;height:44px;text-align:center;font-size:29px}.brand small{display:block;font-weight:400;font-size:11px;letter-spacing:2px;color:#a5afc5}.portal{color:#c4cce0;font-size:13px}#userbar{display:flex;gap:10px;align-items:center;font-size:13px}#userbar button{background:#2b3141;color:#e1e5ee;border-color:#454c5d;font-size:13px;min-height:36px;padding:7px 12px}main{max-width:1260px;padding:38px 28px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow{font-size:11px;color:#7a6bba;letter-spacing:2px;font-weight:700}h1{font-size:32px;line-height:1.35;margin:10px 0}h2{font-size:19px;margin:0}h3{font-size:17px}.muted,.hint{color:#7a8499;font-size:13px}.private{color:#568675;background:#e8f2ed;border:1px solid #cde3d8;padding:7px 14px;border-radius:30px;font-size:12px}.layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:30px;align-items:start}.panel{background:#fff;border:1px solid #e0e5ef;border-radius:16px;box-shadow:0 5px 20px #25365b05;padding:24px}.composer{position:sticky;top:20px}.panel-heading,.history-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:20px}label{display:block;font-size:14px;margin-bottom:16px}input,textarea{width:100%;border:1px solid #d8dfed;background:#fff;color:#26324a;border-radius:9px;padding:12px;margin-top:7px;min-height:46px;outline:none;min-width:0}input:focus,textarea:focus{border-color:#8c76e7;box-shadow:0 0 0 3px #eee9ff}input::placeholder,textarea::placeholder{color:#a1aabd}textarea{resize:vertical;line-height:1.8;min-height:180px}.compose-meta{display:flex;justify-content:space-between;align-items:center;color:#929bad;font-size:12px;margin-top:-10px}.text-button{border:0;background:transparent;font-size:13px;color:#7561bf;padding:4px;min-height:36px}.primary{background:#7054dc;border-color:#7054dc;color:#fff;font-weight:600;box-shadow:0 4px 10px #7054dc20}.primary:hover{background:#5f43cd;color:#fff}.send-actions{display:flex;gap:10px;align-items:center;margin-top:16px}.send-actions .primary{flex:1}.hint{font-size:12px;margin-top:20px}#sendMessage,#loginMessage,#passwordMessage{font-size:14px;color:#985522}#sendMessage:empty{display:none}.history-heading p{margin:4px 0 0}.search input{margin:0;background:#fff}#items{display:grid;gap:14px}.clip{background:#fff;border:1px solid #e0e5ef;border-radius:13px;padding:20px}.clip-head{display:flex;gap:10px;align-items:start;justify-content:space-between}.clip h3{margin:0;overflow-wrap:anywhere}.clip time{font-size:12px;color:#939eb2}.clip pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:14px;line-height:1.8;color:#526078;margin:15px 0;max-height:220px;overflow:auto}.clip.expanded pre{max-height:none}.clip-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.clip-actions button,.clip-actions a{font-size:13px;padding:7px 12px;min-height:38px}.clip-actions .copy{background:#f2edff;color:#6c50c9;border-color:#e2d8fc}.clip-actions .delete{margin-left:auto;color:#929aae;border-color:transparent}.empty{text-align:center;padding:65px 20px;color:#8c98b0;border:1px dashed #d4dbea;border-radius:16px}.empty>span{font-size:38px;color:#a596d6}.empty p{font-size:13px}.empty h3{color:#5e6e8a;font-weight:500}#more{margin-top:18px;width:100%}footer{display:flex;justify-content:space-between;margin-top:40px;font-size:12px;color:#9ba4b5}.login{max-width:480px;background:white;border:1px solid #e0e5ef;border-radius:18px;margin:65px auto;padding:32px}.login h1{font-size:29px}.login form{margin-top:28px}.login .primary{width:100%}.login>a{font-size:12px}dialog{width:440px;max-width:calc(100vw - 24px);max-height:90dvh;overflow:auto;background:#fff;color:#26324a;border:1px solid #d9deea;border-radius:16px;padding:25px}dialog::backdrop{background:#1c253677}#toast{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:#252c3e;color:#fff;border-radius:10px;padding:12px 18px;box-shadow:0 6px 25px #24334c33;z-index:1000;max-width:calc(100vw - 24px);font-size:14px}#toast button{margin-left:12px;background:transparent;color:#ded1ff;border:0;min-height:32px;padding:0 6px}.sr,.clipboard-fallback{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none}
@media(max-width:760px){header{padding:14px 16px;gap:12px;flex-wrap:wrap}.brand{font-size:18px}#userbar{order:3;width:100%;flex-wrap:wrap}#who{flex:1;min-width:140px;overflow-wrap:anywhere}#userbar button{min-height:40px}main{padding:24px 14px}.heading{display:block;margin-bottom:22px}h1{font-size:27px}.private{display:inline-block;margin-top:8px}.layout{grid-template-columns:minmax(0,1fr);gap:26px}.composer{position:static;padding:18px}.panel-heading{margin-bottom:16px}textarea{min-height:160px;height:210px}input,textarea{font-size:16px}.clip{padding:17px}.clip-actions button,.clip-actions a{min-height:44px;display:inline-flex;align-items:center}.clip pre{font-size:15px}.login{margin:26px 14px;padding:24px;max-width:none}footer{flex-direction:column;gap:5px}.send-actions{flex-wrap:wrap}dialog{padding:20px}}

.sync-panel{max-width:1000px;margin:auto}.sync-panel textarea{height:46vh;min-height:260px;margin:0 0 14px}.sync-panel .send-actions .primary{flex:0 1 220px}.conflict{margin-top:20px;padding:16px;background:#fff7e5;border:1px solid #ebd49f;border-radius:10px}.conflict button{margin:4px}@media(max-width:760px){.sync-panel{padding:16px}.sync-panel .panel-heading{align-items:flex-start;flex-direction:column;gap:6px}.sync-panel textarea{height:45dvh;min-height:230px}.sync-panel .send-actions{display:grid;grid-template-columns:1fr 1fr}.sync-panel .send-actions .primary{grid-column:1/-1}.sync-panel .compose-meta{align-items:flex-start;gap:8px;font-size:11px}.sync-panel .compose-meta .muted{font-size:11px}}

.owner-badge{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.owner-badge strong{font-size:16px;overflow-wrap:anywhere}.history-panel{max-width:1000px;margin:24px auto 0}.history-panel summary{cursor:pointer;font-weight:600;min-height:36px}.history-panel summary .muted{font-weight:400;margin-left:12px}#historyItems{display:grid;gap:14px;margin-top:16px}.member-label-form{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,2fr) auto;align-items:center;gap:10px;margin:15px 0}.member-label-form input{margin:0}#labelsDialog{width:680px}@media(max-width:760px){.owner-badge{align-items:flex-start;margin-top:16px}.owner-badge .private{margin:0}.member-label-form{grid-template-columns:minmax(0,1fr) auto}.member-label-form strong{grid-column:1/-1}.history-panel{padding:16px}.history-panel summary .muted{display:block;margin:0}}

.scope-switch{display:flex;gap:6px;margin-bottom:10px}.scope-switch button{min-width:80px}select{font:inherit;min-height:44px;border:1px solid #d8dfed;border-radius:8px;padding:8px;background:white}#createMember{border-bottom:1px solid #e0e5ef;padding-bottom:20px;margin-bottom:20px}#pasteHelp{background:#fff5df;color:#775319;border-radius:8px;padding:12px}