.inbox-page{--inbox-accent:#6edac6;--inbox-blue:#7899ff;color:#f5f7fb;background:radial-gradient(circle at 16% 7%,#23796c38,#0000 29rem),radial-gradient(circle at 88% 28%,#3f59ac2e,#0000 30rem),#070a10;min-height:100vh}.inbox-header,.inbox-hero,.inbox-capture,.inbox-controls,.inbox-list,.inbox-privacy,.inbox-footer{width:min(1180px,100% - 40px);margin-inline:auto}.inbox-header{border-color:#ffffff14}.inbox-hero{grid-template-columns:minmax(0,1fr) 360px;align-items:end;gap:40px;padding:86px 0 48px;display:grid}.inbox-hero>div>span,.inbox-capture header span{color:var(--inbox-accent);font-size:var(--font-size-caption);letter-spacing:.16em;align-items:center;gap:8px;font-weight:800;display:flex}.inbox-hero h1{letter-spacing:-.065em;margin:18px 0 16px;font-size:clamp(2.8rem,6vw,5.5rem);line-height:.98}.inbox-hero h1 em{color:var(--inbox-accent);font-style:normal}.inbox-hero p{color:#9aa5b8;max-width:690px;margin:0;font-size:1.02rem;line-height:1.75}.inbox-hero aside{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d121dc7;border:1px solid #ffffff1a;border-radius:20px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.inbox-hero aside div{border-right:1px solid #ffffff14;padding:22px}.inbox-hero aside div:last-child{border:0}.inbox-hero aside span{color:#7f8ba0;font-size:var(--font-size-caption);margin-bottom:8px;display:block}.inbox-hero aside strong{font-size:1.7rem}.inbox-capture{background:linear-gradient(145deg,#111d20f2,#0b0f18f7);border:1px solid #6edac642;border-radius:24px;padding:28px;box-shadow:0 30px 80px #0000003d}.inbox-capture header{justify-content:space-between;align-items:start;gap:20px;display:flex}.inbox-capture h2{margin:6px 0 4px;font-size:1.45rem}.inbox-capture header p,.inbox-capture header small{color:#8390a4;margin:0;font-size:.85rem}.inbox-kind-picker{grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0 14px;display:grid}.inbox-kind-picker button{color:#99a4b7;text-align:left;background:#0b1019;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;align-items:start;gap:4px;padding:14px 16px;transition:all .18s;display:flex}.inbox-kind-picker button:hover,.inbox-kind-picker button.active{color:#f7fffd;background:#3d857829;border-color:#6edac67a;transform:translateY(-1px)}.inbox-kind-picker small{color:#718096}.inbox-capture>input,.inbox-capture>textarea{box-sizing:border-box;color:#eef4f5;background:#080c13;border:1px solid #ffffff1c;outline:0;width:100%}.inbox-capture>input{border-bottom:0;border-radius:14px 14px 0 0;padding:15px 17px;font-size:1rem;font-weight:700}.inbox-capture>textarea{resize:vertical;border-radius:0 0 14px 14px;padding:16px 17px;line-height:1.65}.inbox-capture>input:focus,.inbox-capture>textarea:focus{border-color:#6edac68c}.inbox-capture>footer{justify-content:flex-end;align-items:center;gap:16px;margin-top:14px;display:flex}.inbox-capture>footer span{color:#69768a;font-size:.78rem}.inbox-capture>footer button{color:#07110f;background:var(--inbox-accent);border:0;border-radius:12px;align-items:center;gap:8px;padding:12px 18px;font-weight:800;display:flex}.inbox-capture>footer button:disabled{opacity:.35}.inbox-controls{justify-content:space-between;align-items:center;gap:18px;margin-top:26px;display:flex}.inbox-controls>label{color:#748197;background:#0b1018;border:1px solid #ffffff1a;border-radius:13px;align-items:center;gap:10px;min-width:270px;padding:12px 14px;display:flex}.inbox-controls input{color:#eef3fa;background:0 0;border:0;outline:0;width:100%}.inbox-filters{gap:7px;display:flex;overflow:auto}.inbox-filters button{white-space:nowrap;color:#8b96aa;background:#0a0f17;border:1px solid #ffffff17;border-radius:11px;align-items:center;gap:7px;padding:10px 13px;display:flex}.inbox-filters button.active{color:#dffff8;background:#3885772b;border-color:#6edac673}.inbox-filters small{background:#ffffff12;border-radius:20px;min-width:20px;padding:2px 5px}.inbox-message{color:#a9e9dc;width:min(1180px,100% - 40px);margin:16px auto 0;font-size:.86rem}.inbox-list{gap:16px;padding:22px 0 42px;display:grid}.inbox-card{background:#0b1019ed;border:1px solid #ffffff17;border-radius:20px;padding:22px;position:relative;overflow:hidden;box-shadow:0 18px 50px #00000026}.inbox-card:before{content:"";background:#6d7b91;width:3px;position:absolute;inset:0 auto 0 0}.inbox-card.status-processing:before{background:var(--inbox-blue)}.inbox-card.status-done:before{background:var(--inbox-accent)}.inbox-card.status-archived{opacity:.72}.inbox-card>header{justify-content:space-between;align-items:center;display:flex}.inbox-card time{color:#66748a;font-size:.76rem}.inbox-kind{color:#98a4b6;align-items:center;gap:7px;font-size:.78rem;font-weight:800;display:flex}.inbox-kind.kind-link{color:#83a3ff}.inbox-kind.kind-idea{color:#d69cff}.inbox-kind.kind-note{color:#6edac6}.inbox-card-content{padding:18px 0}.inbox-card-content h2{margin:0 0 9px;font-size:1.23rem}.inbox-card-content p{color:#9aa5b6;white-space:pre-wrap;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;line-height:1.65;display:-webkit-box;overflow:hidden}.inbox-card-content a{color:#9bb3ff;align-items:center;gap:6px;margin-top:13px;font-size:.84rem;text-decoration:none;display:inline-flex}.inbox-sent{color:#7f8ea5;align-items:center;gap:7px;margin:0 0 16px;font-size:.78rem;display:flex}.inbox-destinations{background:#080c13;border:1px solid #ffffff14;border-radius:15px;grid-template-columns:auto repeat(4,minmax(0,1fr));align-items:stretch;gap:8px;padding:14px;display:grid}.inbox-destinations>span{color:#6f7b8e;font-size:var(--font-size-caption);align-self:center;padding:0 8px}.inbox-destinations button{color:#aeb8c7;text-align:left;background:#0d131e;border:1px solid #ffffff14;border-radius:11px;align-items:center;gap:8px;min-width:0;padding:10px;display:flex}.inbox-destinations button:hover{color:#f1fffc;background:#346f6721;border-color:#6edac657}.inbox-destinations button>span{flex-direction:column;flex:1;min-width:0;display:flex}.inbox-destinations strong{font-size:.78rem}.inbox-destinations small{color:#647187;font-size:var(--font-size-caption);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.inbox-card>footer{justify-content:flex-end;gap:7px;margin-top:14px;display:flex}.inbox-card>footer button{color:#7f8b9e;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:6px;padding:8px 10px;display:flex}.inbox-card>footer button:hover,.inbox-card>footer button.active{color:#e5fff9;background:#6edac617;border-color:#6edac640}.inbox-card>footer .delete:hover{color:#ff9b9b;background:#ff5b5b14;border-color:#ff5b5b33}.inbox-empty{text-align:center;border:1px dashed #ffffff1f;border-radius:20px;place-items:center;min-height:290px;padding:30px;display:grid}.inbox-empty>svg{width:44px;height:44px;color:var(--inbox-accent)}.inbox-empty h2{margin:14px 0 6px}.inbox-empty p{color:#748196;margin:0}.inbox-privacy{color:#8d99aa;background:#23544c14;border:1px solid #6edac629;border-radius:17px;gap:15px;padding:20px 22px;display:flex}.inbox-privacy>svg{color:var(--inbox-accent);flex:none}.inbox-privacy strong{color:#cfeae5}.inbox-privacy p{margin:5px 0 0;line-height:1.55}.inbox-footer{margin-top:46px}@media (width<=900px){.inbox-hero{grid-template-columns:1fr}.inbox-destinations{grid-template-columns:repeat(2,1fr)}.inbox-destinations>span{grid-column:1/-1}.inbox-controls{flex-direction:column;align-items:stretch}.inbox-controls>label{min-width:0}}@media (width<=620px){.inbox-header,.inbox-hero,.inbox-capture,.inbox-controls,.inbox-list,.inbox-privacy,.inbox-footer,.inbox-message{width:min(100% - 24px,1180px)}.inbox-hero{padding-top:56px}.inbox-hero h1{font-size:2.65rem}.inbox-hero aside{grid-template-columns:repeat(3,1fr)}.inbox-hero aside div{padding:15px 12px}.inbox-capture{padding:18px}.inbox-kind-picker,.inbox-destinations{grid-template-columns:1fr}.inbox-card>footer{flex-wrap:wrap;justify-content:flex-start}.inbox-card>footer button{flex:1;justify-content:center}.inbox-privacy{box-sizing:border-box}}@media (prefers-reduced-motion:reduce){.inbox-page *{scroll-behavior:auto!important;transition:none!important}}.inbox-capture>footer .inbox-cancel{color:#9aa6b7;background:#0a0f17;border:1px solid #ffffff1f}.inbox-bulkbar,.inbox-transfer{box-sizing:border-box;width:min(1180px,100% - 40px);margin:14px auto 0}.inbox-bulkbar{background:#0a0f17;border:1px solid #ffffff17;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.inbox-bulkbar>button,.inbox-bulkbar div button,.inbox-transfer button{color:#93a0b3;background:#0e1520;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:7px;padding:9px 12px;display:flex}.inbox-bulkbar>button[aria-pressed=true]{color:#dffff8;background:#6edac61a;border-color:#6edac661}.inbox-bulkbar>span{color:#738095;flex:1;font-size:.8rem}.inbox-bulkbar>div{gap:7px;display:flex}.inbox-bulkbar button:disabled,.inbox-transfer button:disabled{opacity:.35}.inbox-transfer{background:linear-gradient(135deg,#27376024,#090e17e6);border:1px solid #7899ff29;border-radius:16px;justify-content:space-between;align-items:center;gap:22px;padding:18px 20px;display:flex}.inbox-transfer>div:first-child{flex-direction:column;gap:3px;display:flex}.inbox-transfer>div:first-child span{color:#8fa9ff;font-size:var(--font-size-caption);letter-spacing:.14em;font-weight:800}.inbox-transfer strong{font-size:.94rem}.inbox-transfer small{color:#718096}.inbox-transfer>div:last-child{gap:8px;display:flex}.inbox-transfer input{display:none}.inbox-card.pinned{border-color:#6edac63d;box-shadow:0 18px 55px #1c685b1f}.inbox-card.selected{outline-offset:2px;outline:2px solid #7899ff5c}.inbox-card>header{gap:12px}.inbox-select{color:#718096;font-size:var(--font-size-caption);align-items:center;gap:6px;display:flex}.inbox-select input{accent-color:var(--inbox-accent)}.inbox-kind{margin-right:auto}.inbox-card-meta{align-items:center;gap:8px;display:flex}.inbox-card-meta button{color:#77849a;background:0 0;border:0;border-radius:8px;place-items:center;padding:5px;display:grid}.inbox-card-meta button[aria-pressed=true]{color:var(--inbox-accent);background:#6edac61a}@media (width<=900px){.inbox-transfer{flex-direction:column;align-items:flex-start}}@media (width<=620px){.inbox-bulkbar,.inbox-transfer{width:min(100% - 24px,1180px)}.inbox-bulkbar{flex-wrap:wrap;align-items:stretch}.inbox-bulkbar>span{flex-basis:100%}.inbox-bulkbar>div,.inbox-transfer>div:last-child{width:100%}.inbox-bulkbar>div button,.inbox-transfer button{flex:1;justify-content:center}.inbox-card>header{flex-wrap:wrap}.inbox-kind{flex-basis:100%;order:-1}.inbox-card-meta{margin-left:auto}}
