:root{--bg:#f5f5f7;--fg:#202126;--card:#fff;--primary:#6255cb;--muted:#f2f2f5;--muted-fg:#777985;--border:#e3e3e8;--sidebar:#f8f8fa;--purple:#eeecfb;--green:#e8f5ef;--danger:#d64d59;--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
.dark{--bg:#17171b;--fg:#ededf1;--card:#212126;--primary:#8c7ff0;--muted:#29292f;--muted-fg:#a4a4af;--border:#34343b;--sidebar:#1c1c21;--purple:#2c2941;--green:#20362d;--danger:#ed7780}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);text-rendering:optimizeLegibility}button,input,textarea{font:inherit}button{cursor:pointer}::selection{background:#cfcaf5;color:#2d275f}
.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;width:250px;padding:26px 18px 18px;background:var(--sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column}.brand-row{display:flex;align-items:center;gap:11px;padding:0 8px}.brand-symbol{width:36px;height:36px;flex:0 0 36px;border-radius:11px;display:grid;place-items:center;background:var(--primary);color:#fff;font-size:18px;box-shadow:0 7px 18px rgb(98 85 203/23%)}.brand-row strong,.auth-brand strong{display:block;font-size:16px;letter-spacing:-.02em}.brand-row small,.auth-brand small{display:block;margin-top:2px;color:var(--muted-fg);font-size:10px}.close-sidebar{display:none;margin-left:auto;border:0;background:transparent;color:var(--muted-fg);font-size:25px}.private-card{margin-top:30px;padding:15px 14px;background:var(--card);border:1px solid var(--border);border-radius:14px}.eyebrow,.nav-label{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--muted-fg);text-transform:uppercase}.private-card>strong{display:flex;align-items:center;gap:7px;margin-top:8px;font-size:12px}.private-card>strong i{width:7px;height:7px;border-radius:50%;background:#3eaf7c;box-shadow:0 0 0 3px #dff3e9}.private-card>span:last-child{display:block;margin-top:9px;padding-top:9px;border-top:1px solid var(--border);color:var(--muted-fg);font-size:10px}.nav-list{margin-top:28px}.nav-label{margin:0 10px 8px}.nav-list button{width:100%;display:grid;grid-template-columns:19px 1fr auto;gap:9px;align-items:center;margin:3px 0;padding:10px 11px;border:0;border-radius:10px;background:transparent;color:var(--muted-fg);text-align:left;font-size:12px}.nav-list button b{font-weight:500}.nav-list button em{min-width:22px;padding:2px 6px;border-radius:99px;background:rgb(128 128 140/9%);font-size:9px;font-style:normal;text-align:center}.nav-list button:hover{background:var(--muted);color:var(--fg)}.nav-list button.active{color:var(--primary);background:var(--purple)}.nav-list button.active b{font-weight:700}.rate-panel{margin-top:auto;padding:16px;border:1px solid color-mix(in srgb,var(--primary) 12%,var(--border));border-radius:15px;background:linear-gradient(145deg,var(--purple),color-mix(in srgb,var(--purple) 45%,var(--card)))}.rate-icon{width:32px;height:32px;margin-bottom:10px;display:grid;place-items:center;border-radius:10px;background:var(--card);color:var(--primary);font-size:22px}.rate-panel>strong{font-size:11px}.rate-panel>p{margin:5px 0 12px;color:var(--muted-fg);font-size:9.5px;line-height:1.55}.rate-panel>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:6px}.rate-panel>div span{padding:7px 4px;border-radius:8px;background:color-mix(in srgb,var(--card) 72%,transparent);color:var(--muted-fg);font-size:8px;text-align:center}.rate-panel>div b{color:var(--primary);font-size:11px}.sidebar-footer{padding:15px 4px 0;display:flex;align-items:center;justify-content:space-between;color:var(--muted-fg);font-size:8px}.sidebar-footer button{padding:2px 0;border:0;background:transparent;color:var(--muted-fg);font-size:9px}.sidebar-footer button:hover{color:var(--danger)}
.main-panel{min-width:0;width:calc(100% - 250px);margin-left:250px}.topbar{height:68px;display:flex;align-items:center;gap:12px;padding:0 33px;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--card) 93%,transparent);backdrop-filter:blur(14px)}.search-box{width:min(450px,52vw);height:36px;margin:0 auto;padding:0 11px;display:flex;align-items:center;gap:9px;border:1px solid transparent;border-radius:10px;background:var(--muted);color:var(--muted-fg)}.search-box:focus-within{border-color:var(--primary);background:var(--card);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 9%,transparent)}.search-box input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--fg);font-size:12px}.search-box kbd,.primary-button kbd{padding:2px 5px;border:1px solid var(--border);border-radius:5px;background:var(--card);color:var(--muted-fg);font-size:9px}.theme-button,.menu-button{width:35px;height:35px;display:grid;place-items:center;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--muted-fg)}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#dedbf4;color:#5548b5;font-size:11px;font-weight:800}.menu-button,.mobile-brand{display:none}.content-wrap{max-width:980px;margin:auto;padding:42px 42px 90px}.composer{padding:26px 28px 24px;border:1px solid var(--border);border-radius:18px;background:var(--card);box-shadow:0 8px 30px rgb(32 33 38/4%)}.composer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.section-kicker{color:var(--primary);font-size:10px;font-weight:750;letter-spacing:.08em}.composer h1{margin:6px 0 0;font-size:21px;letter-spacing:-.035em}.paste-button{padding:7px 10px;border:1px solid var(--border);border-radius:9px;background:transparent;color:var(--muted-fg);font-size:10px}.paste-button:hover{color:var(--primary);background:var(--purple)}.editor-shell{margin-top:19px;border:1px solid var(--border);border-radius:13px;overflow:hidden}.editor-shell:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 9%,transparent)}.editor-shell textarea{width:100%;min-height:118px;max-height:330px;padding:14px 15px;resize:vertical;border:0;outline:0;background:var(--card);color:var(--fg);font-size:12px;line-height:1.65}.editor-shell>div{padding:7px 13px;display:flex;justify-content:space-between;border-top:1px solid var(--border);background:color-mix(in srgb,var(--muted) 60%,var(--card));color:var(--muted-fg);font-size:8.5px}.composer-foot{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.type-switch{padding:3px;display:flex;gap:6px;border-radius:10px;background:var(--muted)}.type-switch button{height:29px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--muted-fg);font-size:10px}.type-switch small{font-size:8px;opacity:.7}.type-switch button.selected{background:var(--card);color:var(--primary);font-weight:700;box-shadow:0 1px 4px rgb(0 0 0/7%)}.primary-button,.primary-link{min-height:35px;padding:0 13px;border:1px solid var(--primary);border-radius:10px;background:var(--primary);color:#fff;font-size:10px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}.primary-button:disabled{cursor:not-allowed;opacity:.5}.primary-button kbd{margin-left:7px;border-color:rgb(255 255 255/25%);background:rgb(255 255 255/8%);color:rgb(255 255 255/70%)}
.history-section{margin-top:31px}.history-head{margin-bottom:13px;padding:0 3px;display:flex;align-items:center;justify-content:space-between}.history-head>div:first-child{display:flex;align-items:baseline;gap:9px}.history-head h2{margin:0;font-size:16px}.history-head span{color:var(--muted-fg);font-size:9px}.quick-filters{padding:3px;display:flex;gap:2px;border-radius:9px;background:var(--muted)}.quick-filters button{min-width:44px;padding:5px 10px;border:0;border-radius:7px;background:transparent;color:var(--muted-fg);font-size:9px}.quick-filters button.active{background:var(--card);color:var(--fg);font-weight:700}.clip-list{display:grid;gap:10px}.clip-card{position:relative;overflow:hidden;padding:18px 20px 15px;border:1px solid var(--border);border-radius:14px;background:var(--card)}.clip-card:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 99px 99px 0;background:#62b28b}.clip-card.pinned:before{background:var(--primary)}.clip-top,.clip-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.badges{display:flex;gap:6px}.badge{height:21px;padding:0 8px;display:inline-flex;align-items:center;border-radius:99px;background:var(--green);color:#27805c;font-size:8.5px;font-weight:700}.badge.permanent{background:var(--purple);color:var(--primary)}.badge.pinned{background:#fff6df;color:#a57625}.card-actions{display:flex;gap:2px}.card-actions button{width:28px;height:28px;border:0;border-radius:7px;background:transparent;color:var(--muted-fg);font-size:14px}.card-actions button:hover{background:var(--purple);color:var(--primary)}.card-actions button.delete:hover{color:var(--danger)}.clip-content{margin:14px 0 0;white-space:pre-wrap;word-break:normal;overflow-wrap:anywhere;user-select:text;color:color-mix(in srgb,var(--fg) 88%,transparent);font-size:11.5px;line-height:1.72}.expand-button{margin-top:8px;padding:0;border:0;background:transparent;color:var(--primary);font-size:9px;font-weight:700}.clip-footer{margin-top:15px;padding-top:12px;border-top:1px solid var(--border)}.clip-time{color:var(--muted-fg);font-size:8.5px}.clip-buttons{display:flex;gap:5px}.clip-buttons button{height:29px;padding:0 9px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--muted-fg);font-size:9px;font-weight:700}.clip-buttons button:last-child{border-color:var(--primary);background:var(--primary);color:#fff}.empty-card,.loading-card{padding:58px 20px;border:1px dashed var(--border);border-radius:14px;background:var(--card);color:var(--muted-fg);font-size:11px;text-align:center}.mobile-nav,.mobile-scrim{display:none}
.toast{position:fixed;top:18px;left:50%;z-index:100;transform:translate(-50%,-20px);padding:9px 13px;border:1px solid var(--border);border-radius:10px;background:var(--card);box-shadow:0 12px 40px rgb(0 0 0/13%);font-size:11px;opacity:0;pointer-events:none;transition:.2s}.toast.show{transform:translate(-50%,0);opacity:1}.toast.error{color:var(--danger)}dialog{max-width:none;padding:0;border:0;background:transparent}dialog::backdrop{background:rgb(15 15 20/25%);backdrop-filter:blur(2px)}.dialog-card{position:relative;width:min(590px,calc(100vw - 28px));padding:22px;border:1px solid var(--border);border-radius:15px;background:var(--card);color:var(--fg);box-shadow:0 24px 80px rgb(0 0 0/18%)}.dialog-card h2{margin:0;font-size:18px}.dialog-card>p{margin:4px 0 15px;color:var(--muted-fg);font-size:11px}.dialog-card textarea{width:100%;min-height:220px;padding:12px;border:1px solid var(--border);border-radius:10px;resize:vertical;outline:0;background:var(--muted);color:var(--fg);font-size:12px;line-height:1.65}.dialog-card textarea:focus{border-color:var(--primary)}.dialog-close{position:absolute;right:14px;top:12px;border:0;background:transparent;color:var(--muted-fg);font-size:23px}.dialog-card>small{display:block;margin-top:8px;color:var(--muted-fg);font-size:9px}.dialog-actions{margin-top:16px;display:flex;justify-content:flex-end;gap:8px}.secondary-button{min-height:35px;padding:0 13px;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--fg);font-size:10px}.captcha-card{width:min(430px,calc(100vw - 28px))}.captcha-card label{display:grid;gap:7px;font-size:11px;font-weight:700}.captcha-card input{height:46px;padding:0 14px;border:1px solid var(--border);border-radius:10px;outline:0;background:var(--muted);color:var(--fg);font-size:18px;font-weight:750;letter-spacing:.35em;text-align:center}.captcha-card input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 9%,transparent)}
.auth-page{min-height:100vh;padding:30px;display:grid;place-items:center;background:radial-gradient(circle at 50% -10%,#eeecfb 0,transparent 40%),var(--bg)}.auth-card{width:min(430px,100%);padding:30px;border:1px solid var(--border);border-radius:20px;background:var(--card);box-shadow:0 22px 70px rgb(32 33 38/10%)}.auth-brand{display:flex;align-items:center;gap:11px;margin-bottom:28px}.auth-card h1{margin:0;font-size:22px;letter-spacing:-.03em}.auth-card>p{margin:7px 0 22px;color:var(--muted-fg);font-size:11px;line-height:1.65}.lock-mark,.success-mark{width:46px;height:46px;margin-bottom:14px;display:grid;place-items:center;border-radius:14px;background:var(--purple);color:var(--primary);font-size:18px}.success-mark{background:var(--green);color:#27805c}.auth-form{display:grid;gap:13px}.auth-form label{display:grid;gap:6px;color:var(--fg);font-size:10px;font-weight:700}.auth-form input{height:40px;padding:0 11px;border:1px solid var(--border);border-radius:10px;outline:0;background:var(--muted);color:var(--fg);font-size:12px}.auth-form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 9%,transparent)}.auth-form>button{height:41px;margin-top:3px;border:0;border-radius:10px;background:var(--primary);color:#fff;font-size:11px;font-weight:750}.auth-note{margin:18px 0 0!important;text-align:center;font-size:9px!important}.inline-error{min-height:14px;margin:-3px 0!important;color:var(--danger)!important;font-size:10px!important}.requirements{display:flex;gap:7px;margin-bottom:17px}.requirements span{padding:5px 8px;border-radius:7px;font-size:9px}.requirements .ok{background:var(--green);color:#27805c}.requirements .bad{background:#fdebed;color:var(--danger)}.form-errors{margin-bottom:14px;padding:10px 12px;border-radius:9px;background:#fdebed;color:var(--danger);font-size:10px}.form-errors p{margin:3px 0}.setup-card .primary-link{width:100%;height:41px}.setup-card .success-mark{margin-top:10px}
@media(max-width:800px){.sidebar{width:270px;transform:translateX(-102%);transition:transform .24s;box-shadow:18px 0 50px rgb(0 0 0/13%)}.sidebar.open{transform:translateX(0)}.close-sidebar{display:block}.mobile-scrim.show{display:block;position:fixed;inset:0;z-index:35;border:0;background:rgb(15 15 20/32%)}.main-panel{width:100%;margin-left:0}.topbar{padding:0 18px}.menu-button{display:grid}.mobile-brand{display:block;margin-right:auto;font-size:13px;font-weight:800}.search-box{width:min(370px,45vw)}.content-wrap{padding:30px 24px 100px}}
@media(max-width:560px){.topbar{height:58px;padding:0 13px;gap:8px}.search-box{position:absolute;top:68px;left:14px;width:calc(100% - 28px);border-color:var(--border);background:var(--card);box-shadow:0 4px 18px rgb(0 0 0/4%)}.search-box kbd,.avatar{display:none}.content-wrap{padding:66px 12px 102px}.composer{padding:20px 16px 16px}.composer h1{font-size:19px}.paste-button{font-size:0}.paste-button:first-letter{font-size:14px}.composer-foot{align-items:stretch;flex-direction:column}.type-switch{width:100%}.type-switch button{flex:1}.composer-foot>.primary-button{width:100%;height:40px}.quick-filters{display:none}.clip-card{padding:16px 14px 14px 16px}.clip-footer{align-items:flex-start;flex-direction:column}.clip-buttons{width:100%}.clip-buttons button{flex:1}.mobile-nav{position:fixed;z-index:30;left:9px;right:9px;bottom:8px;height:62px;padding:5px 8px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;border:1px solid var(--border);border-radius:17px;background:color-mix(in srgb,var(--card) 94%,transparent);box-shadow:0 12px 40px rgb(0 0 0/14%);backdrop-filter:blur(15px)}.mobile-nav button{height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;background:transparent;color:var(--muted-fg);font-size:18px}.mobile-nav button span{font-size:8px}.mobile-nav button.active{color:var(--primary)}#mobile-add{margin-top:-22px;color:#fff}#mobile-add:first-line{width:42px;height:42px;border-radius:14px;background:var(--primary)}.auth-page{padding:14px}.auth-card{padding:23px}.dialog-card{padding:19px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important}}