:root{font-family:Inter,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button,a{transition:background .18s,color .18s,box-shadow .18s,transform .18s}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--text);outline-offset:5px}button,a{color:inherit}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.app-shell{--bg:#0b0b0b;--text:#eee;--muted:#909090;--line:#252525;--surface:#121212;--hover:#1b1b1b;--inverse:#111;min-height:100dvh;background:var(--bg);color:var(--text);transition:background .2s,color .2s}.app-shell.light{--bg:#fff;--text:#171717;--muted:#737373;--line:#e8e8e8;--surface:#fafafa;--hover:#f1f1f1;--inverse:#fff;color-scheme:light}.topbar{height:92px;max-width:1440px;margin:auto;padding:0 56px;display:flex;align-items:center;gap:60px}.brand{display:flex;align-items:center;gap:10px;border:0;background:none;padding:0;font-size:25px;font-weight:650;letter-spacing:-1.5px}.brand .icon{width:25px;height:29px}.brand-period{color:var(--muted)}nav{display:flex;gap:28px;height:100%;align-items:center}nav button{border:0;background:none;padding:10px 0;font-size:13px;color:var(--muted);position:relative}nav button.active{color:var(--text)}nav button.active:after{content:"";position:absolute;bottom:1px;left:50%;width:3px;height:3px;border-radius:50%;background:var(--text)}.top-actions{margin-left:auto;display:flex;align-items:center;gap:18px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 17px;border:1px solid var(--line);border-radius:7px;background:var(--surface);font-size:12px;font-weight:500;white-space:nowrap;min-height:40px}.button:hover:not(:disabled){background:var(--hover);border-color:var(--muted);transform:translateY(-1px)}.button.primary{background:var(--text);color:var(--inverse);border-color:var(--text);box-shadow:0 2px 8px #0002,0 0 24px #ffffff09}.button.primary:hover:not(:disabled){background:var(--text);box-shadow:0 4px 18px #0003,0 0 30px #ffffff24}.button:active:not(:disabled){transform:translateY(1px)}.button .icon{width:16px;height:16px}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;border-radius:6px;width:34px;height:34px;padding:7px;color:var(--muted)}.icon-button:hover:not(:disabled){color:var(--text);background:var(--hover)}main{max-width:900px;padding:0 40px;margin:auto}.library-heading{padding:85px 0 65px}.eyebrow{display:block;font-size:10px;font-weight:500;letter-spacing:2px;color:var(--muted)}h1{font-size:clamp(32px,4vw,46px);letter-spacing:-2px;font-weight:500;line-height:1.2;margin:20px 0 16px}.library-heading p,.account-page>p{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 27px}.library-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding-bottom:15px}.filters{display:flex;gap:23px;align-items:center;font-size:12px}.filters button{padding:8px 0;border:0;background:transparent;color:var(--muted);text-transform:capitalize;position:relative;font-size:12px}.filters button.active{color:var(--text)}.filters button.active:after{content:"";position:absolute;bottom:-16px;height:1px;left:0;right:0;background:var(--text)}.list-tools{display:flex;align-items:center;gap:8px}.search{display:flex;align-items:center;gap:9px;color:var(--muted)}.search .icon{width:16px;height:16px}.search input{width:125px;background:transparent;border:0;color:var(--text);font-size:12px;padding:8px 0}.search input::placeholder{color:var(--muted)}.note-row{display:flex;align-items:center;gap:22px;width:100%;padding:28px 8px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left}.note-row:hover:not(:disabled){background:var(--surface);padding-left:12px}.note-icon{color:var(--muted);width:25px;height:29px}.note-copy{display:flex;flex-direction:column;min-width:0;flex:1;gap:8px}.note-copy strong{font-size:16px;font-weight:500;letter-spacing:-.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-copy>span{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visibility-label{display:flex;align-items:center;gap:6px;text-transform:capitalize;font-size:11px;color:var(--muted)}.visibility-label .icon{width:13px;height:13px}.row-arrow{width:16px;color:var(--muted);opacity:0;transform:translate(-4px)}.note-row:hover .row-arrow{opacity:1;transform:translate(0);transition:.2s}.empty-state{text-align:center;padding:65px 16px 68px}.empty-state h2{font-size:20px;letter-spacing:-.6px;font-weight:500;margin:27px 0 12px}.empty-state p{font-size:13px;color:var(--muted);line-height:1.85;white-space:pre-line;margin:0 0 22px}.text-button{display:inline-flex;gap:10px;align-items:center;padding:0;border:0;background:transparent;font-size:12px;color:var(--text)}.text-button .icon{width:16px;height:16px}.text-button:hover{color:var(--muted)}.paper-art{position:relative;width:96px;height:102px;margin:auto;filter:drop-shadow(0 8px 12px #0003)}.paper{position:absolute;width:69px;height:86px;border:1px solid var(--line);border-radius:5px;background:var(--surface)}.paper.back{left:7px;top:4px;transform:rotate(-12deg)}.paper.front{left:22px;top:10px;transform:rotate(8deg);padding:12px;box-shadow:0 0 30px #ffffff05;transition:transform .3s}.empty-state:hover .paper.front{transform:rotate(3deg) translateY(-3px)}.paper .icon{height:16px;width:16px;color:var(--muted);display:block;margin-bottom:10px}.paper span{display:block;height:1px;margin-bottom:6px;background:var(--muted);opacity:.3}.paper span:nth-of-type(3){width:65%}.paper i{position:absolute;width:16px;height:16px;bottom:-5px;right:-5px;background:var(--text);border-radius:50%;box-shadow:0 0 12px #ffffff15}.paper i:before,.paper i:after{content:"";position:absolute;background:var(--bg);width:6px;height:1px;left:5px;top:8px}.paper i:after{transform:rotate(90deg)}.library-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:22px 0 35px;color:var(--muted);font-size:10px}.library-footer>span:first-child{display:flex;align-items:center;gap:8px}.library-footer .icon{width:13px;height:15px}.document-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:35px 0;border-bottom:1px solid var(--line)}.document-toolbar>div{display:flex;align-items:center;gap:10px}.draft-status{font-size:11px;color:var(--muted);margin-right:8px}.document{padding:52px 20px 40px}.document-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.visibility-switch{display:flex;gap:4px}.visibility-switch button{display:flex;align-items:center;gap:6px;background:none;color:var(--muted);border:0;border-radius:5px;padding:8px 10px;font-size:11px}.visibility-switch button.active{background:var(--hover);color:var(--text)}.visibility-switch button:disabled{opacity:1;cursor:default}.visibility-switch button:disabled:not(.active){display:none}.visibility-switch .icon{width:14px;height:14px}.import-button{display:flex;gap:6px;align-items:center;font-size:11px;color:var(--muted);cursor:pointer;position:relative}.import-button .icon{width:14px;height:14px}.import-button input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.import-button:focus-within{outline:2px solid var(--text);outline-offset:5px}.title-field{display:block;position:relative}.title-field input{font-size:clamp(27px,4vw,40px);font-weight:500;letter-spacing:-1.5px;border:0;border-bottom:1px solid transparent;background:none;color:var(--text);padding:8px 0 12px;width:100%;border-radius:0;transition:border-color .2s}.title-field input:hover:not([readonly]){border-bottom-color:var(--line)}.title-field input:focus-visible{outline:none;border-bottom-color:var(--muted)}.title-field input::selection,.writing-area::selection{background:var(--text);color:var(--bg)}.document-hint{font-size:11px;color:var(--muted);line-height:1.8;margin:13px 0 30px}.writing-sheet{border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,var(--surface),var(--bg) 80%);box-shadow:0 8px 32px #0000000a;overflow:hidden;transition:border-color .25s,box-shadow .25s}.writing-sheet:hover{border-color:color-mix(in srgb,var(--line),var(--muted) 25%)}.writing-sheet:focus-within{border-color:var(--muted);box-shadow:0 12px 40px #00000012,0 0 28px #ffffff06}.light .writing-sheet:focus-within{box-shadow:0 12px 40px #00000008,0 0 0 3px #00000003}.writing-area{display:block;width:100%;min-height:360px;resize:none;overflow:hidden;background:transparent;border:0;color:var(--text);caret-color:var(--text);font-size:16px;line-height:1.95;padding:30px 32px 24px;letter-spacing:-.15px}.writing-area::placeholder{color:var(--muted);opacity:.7;transition:opacity .2s}.writing-area:focus::placeholder{opacity:.4}.writing-area:focus-visible{outline:none}.writing-sheet-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 32px 20px;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.writing-sheet-footer>span:first-child{opacity:.7}@media(max-width:700px){.writing-area{padding:23px 20px;min-height:320px}.writing-sheet-footer{padding:12px 20px 18px}}.document-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:18px 0;color:var(--muted);font-size:10px}.over{color:var(--text);font-weight:600}.fine-print{font-size:10px;line-height:1.8;color:var(--muted);max-width:530px}.locked-state{text-align:center;padding:70px 15px 100px}.locked-state>.icon{width:30px;height:30px;color:var(--muted)}.locked-state h2{font-size:23px;font-weight:500}.locked-state p{color:var(--muted);font-size:13px;margin-bottom:25px}.account-page{padding:55px 0}.account-page>.text-button{margin-bottom:65px}.account-details{margin-top:40px;padding:35px 0;border-top:1px solid var(--line)}.account-details h2{font-size:20px;font-weight:500}.address{overflow-wrap:anywhere;font-size:12px;color:var(--muted)}.account-actions{display:flex;gap:10px;margin-top:25px}.notice,.connection-notice{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);background:var(--surface);padding:12px 18px;font-size:12px;line-height:1.6;border-radius:7px;margin-top:20px;overflow-wrap:anywhere}.connection-notice button{background:none;border:0;color:var(--text);text-decoration:underline;white-space:nowrap}.modal-backdrop{position:fixed;inset:0;z-index:20;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center;padding:24px}.modal{width:min(420px,100%);max-height:90dvh;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:36px;position:relative;box-shadow:0 24px 100px #0007,0 0 60px #ffffff05;animation:appear .2s ease-out}.modal-close{position:absolute;right:14px;top:14px}.modal-symbol{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--line);border-radius:12px;box-shadow:0 4px 20px #0002;margin-bottom:25px}.modal h2{font-size:24px;font-weight:500;letter-spacing:-.9px;margin:0 0 14px;line-height:1.25}.modal p{font-size:12px;line-height:1.8;color:var(--muted)}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:28px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.spinning{animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){.library-heading{padding-top:110px}}@media(max-width:700px){.topbar{padding:0 22px;height:76px;gap:26px}nav{gap:18px}.top-actions{gap:5px}.top-actions .button .icon{display:none}.top-actions .button{font-size:11px;padding:9px 11px}main{padding:0 24px}.library-heading{padding:55px 0 45px}h1{letter-spacing:-1.4px}.library-heading p{max-width:300px}.library-toolbar{gap:10px}.filters{gap:16px}.search input{width:95px}.document{padding:35px 0}.document-toolbar{padding:25px 0}.draft-status{display:none}.note-row{gap:14px}.row-arrow{display:none}.library-footer{font-size:9px}.document-toolbar>div{gap:3px}}@media(max-width:420px){.topbar{flex-wrap:wrap;height:auto;padding:20px 20px 0;gap:20px}.topbar nav{order:3;width:100%;padding-bottom:10px;border-bottom:1px solid var(--line)}.top-actions{margin-left:auto}.library-heading{padding-top:40px}.filters{gap:12px}.search input{width:75px}.list-tools{gap:0}.library-footer{flex-direction:column;gap:12px}.visibility-label{font-size:0;gap:0}.visibility-label .icon{width:15px;height:15px}.modal{padding:30px 24px}.document-toolbar .button{font-size:11px;padding:10px}.document-toolbar{gap:10px}.document-footer{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.wallet-options{display:grid;gap:9px;margin-top:28px}.wallet-option{display:flex;align-items:center;gap:14px;text-align:left;background:transparent;border:1px solid var(--line);border-radius:9px;padding:14px;width:100%;min-height:70px}.wallet-option:hover:not(:disabled){background:var(--hover);border-color:var(--muted);box-shadow:0 4px 20px #0002;transform:translateY(-1px)}.wallet-option:disabled{opacity:.65}.wallet-option img{width:34px;height:34px;object-fit:contain;border-radius:8px;filter:grayscale(1)}.wallet-option-name{flex:1;font-size:13px;font-weight:500}.wallet-option-name small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:5px}.wallet-option>.icon{width:16px;height:16px;color:var(--muted)}.wallet-modal .wallet-note{font-size:10px;text-align:center;margin:23px 8px 0;line-height:1.7}