:root{
  --bg:#f7f2eb;
  --rail:#2f2b28;
  --library:#efe6dc;
  --list:#f7f2eb;
  --paper:#fffcf8;
  --ink:#292522;
  --muted:#8b8179;
  --faint:#b9ada2;
  --line:#e2d8ce;
  --line-strong:#d4c6b9;
  --accent:#dc6849;
  --accent-deep:#b84f36;
  --accent-soft:#f6ddd4;
  --green:#77927b;
  --plum:#80708e;
  --sand:#c69d6a;
  --blue:#6c869b;
  --shadow:0 24px 70px rgba(62,43,31,.15);
}

*{box-sizing:border-box}
html,body{height:100%;overflow:hidden}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-width:320px;-webkit-font-smoothing:antialiased}
button,input,textarea{font:inherit}
button{color:inherit}
button:focus-visible,input:focus-visible,textarea:focus-visible,[contenteditable]:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 75%,white);outline-offset:2px}
::selection{background:var(--accent-soft);color:var(--ink)}

.app-shell{height:100dvh;display:grid;grid-template-columns:72px 248px 346px minmax(480px,1fr);background:var(--paper)}
.mobile-bar{display:none}
.eyebrow{display:block;color:var(--muted);font-size:9px;line-height:1.2;font-weight:800;letter-spacing:.14em}
.bare-button{border:0;background:transparent;cursor:pointer}
kbd{font:600 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--faint);background:transparent;border:0;box-shadow:none}

/* Rail */
.icon-rail{position:relative;z-index:5;background:var(--rail);display:flex;flex-direction:column;align-items:center;padding:18px 0 16px;border-right:1px solid rgba(255,255,255,.05)}
.brand-seed{display:grid;place-items:center;text-decoration:none;text-transform:lowercase;background:var(--accent);color:#fff;font:700 18px/1 Georgia,serif;width:34px;height:34px;border-radius:11px 11px 11px 4px;box-shadow:0 7px 18px rgba(220,104,73,.26);transform:rotate(-3deg)}
.brand-seed.large{width:39px;height:39px;font-size:21px;margin-bottom:38px}
.rail-group{display:flex;flex-direction:column;gap:10px;align-items:center}
.rail-bottom{margin-top:auto}
.rail-button,.avatar{width:38px;height:38px;border:0;border-radius:11px;background:transparent;color:#a79f99;display:grid;place-items:center;cursor:pointer;font-size:18px;transition:background .2s,color .2s,transform .2s}
.rail-button:hover{background:rgba(255,255,255,.08);color:#fff;transform:translateY(-1px)}
.rail-button.active{background:rgba(255,255,255,.12);color:#fff}
.rail-button.nexus-link{color:#efa07f}
.avatar{margin-top:10px;background:#d6b99c;color:#4d3d31;font-weight:800;font-size:10px;border-radius:50%}

/* Library */
.library-panel{position:relative;z-index:4;background:var(--library);padding:27px 17px 18px;display:flex;flex-direction:column;border-right:1px solid var(--line);min-height:0}
.workspace-row{display:flex;align-items:center;justify-content:space-between;padding:0 7px 19px}
.workspace-row strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:15px;margin-top:5px;letter-spacing:-.01em}
.close-mobile{display:none;font-size:24px}
.new-note-button{width:100%;height:45px;border:0;border-radius:12px;background:var(--accent);color:#fff;cursor:pointer;display:grid;grid-template-columns:24px 1fr auto;align-items:center;padding:0 12px;box-shadow:0 8px 21px rgba(187,76,48,.15);transition:background .2s,transform .2s}
.new-note-button:hover{background:var(--accent-deep);transform:translateY(-1px)}
.new-note-button span{font-size:21px;font-weight:300}.new-note-button b{text-align:left;font-size:13px}.new-note-button kbd{color:rgba(255,255,255,.7)}
.library-nav{display:flex;flex-direction:column;gap:3px;margin-top:22px}
.library-item{height:39px;width:100%;display:grid;grid-template-columns:28px 1fr auto;align-items:center;border:0;background:transparent;border-radius:10px;padding:0 10px;color:#716860;cursor:pointer;text-align:left;font-size:12px;transition:.18s}
.library-item:hover{background:color-mix(in srgb,var(--paper) 50%,transparent);color:var(--ink)}
.library-item.active{background:var(--paper);color:var(--ink);box-shadow:0 2px 8px rgba(76,52,38,.05);font-weight:700}
.library-item small{font-size:10px;color:var(--faint)}
.library-item em{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);background:var(--accent-soft);padding:4px 6px;border-radius:12px;font-style:normal;font-weight:800}
.nav-glyph{font-size:15px;color:var(--muted)}.nexus-glyph{color:var(--accent)}
.section-heading{display:flex;justify-content:space-between;align-items:center;margin:30px 10px 10px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.13em}
.section-heading button{border:0;background:transparent;color:var(--muted);font-size:18px;cursor:pointer}
.tag-list{display:flex;flex-direction:column;gap:2px;overflow:auto;scrollbar-width:none}
.tag-item{height:35px;display:grid;grid-template-columns:22px 1fr auto;align-items:center;border:0;background:transparent;padding:0 10px;border-radius:9px;color:#716860;font-size:12px;cursor:pointer;text-align:left}
.tag-item:hover,.tag-item.active{background:rgba(255,255,255,.55);color:var(--ink)}
.tag-item i{width:7px;height:7px;border-radius:50%;background:var(--tag-color,var(--accent))}.tag-item small{font-size:9px;color:var(--faint)}
.library-foot{margin-top:auto;border-top:1px solid var(--line-strong);padding:14px 6px 0}
.sync-dot{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9px;margin:0 4px 13px}.sync-dot i{width:6px;height:6px;background:#6e9a79;border-radius:50%;box-shadow:0 0 0 3px rgba(110,154,121,.12)}
.library-foot>button{width:100%;height:35px;border:0;background:transparent;border-radius:8px;color:#746a62;display:grid;grid-template-columns:24px 1fr auto;align-items:center;text-align:left;font-size:11px;cursor:pointer}.library-foot>button:hover{background:rgba(255,255,255,.5)}

/* List */
.notes-panel{position:relative;z-index:3;min-width:0;background:var(--list);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:29px 18px 0;min-height:0}
.notes-heading{display:flex;justify-content:space-between;align-items:end;padding:0 5px 19px}
.notes-heading h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:25px;letter-spacing:-.035em;margin:4px 0 0}
.filter-button{width:32px;height:32px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--muted);cursor:pointer}
.filter-button:hover{color:var(--accent);border-color:var(--line-strong)}
.search-box{height:40px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:11px;padding:0 10px;background:var(--paper);color:var(--muted)}
.search-box:focus-within{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));box-shadow:0 0 0 3px var(--accent-soft)}
.search-box input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--ink);font-size:12px}.search-box input::placeholder{color:var(--faint)}
.search-box kbd{border:1px solid var(--line);padding:3px 4px;border-radius:4px;font-size:8px}
.result-row{display:flex;justify-content:space-between;color:var(--faint);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:15px 5px 8px}
.note-list{overflow:auto;padding:0 1px 30px;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}
.note-card{position:relative;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:17px 14px 17px 16px;text-align:left;cursor:pointer;display:block;transition:background .18s,border-radius .18s}
.note-card:hover{background:color-mix(in srgb,var(--paper) 70%,transparent);border-radius:10px}
.note-card.active{background:var(--paper);border-bottom-color:transparent;border-radius:13px;box-shadow:0 7px 24px rgba(82,56,39,.07);margin:4px 0}
.note-card.active:before{content:"";position:absolute;left:0;top:17px;bottom:17px;width:3px;background:var(--accent);border-radius:0 3px 3px 0}
.note-card h2{font-size:14px;line-height:1.3;margin:0 22px 7px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.012em}
.note-card .card-time{font-size:9px;color:var(--faint);font-weight:700;letter-spacing:.05em}
.note-card p{font-family:Georgia,"Times New Roman",serif;margin:8px 0 12px;color:var(--muted);font-size:12px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card-tags{display:flex;gap:5px;overflow:hidden}.card-tags span{font-size:8px;color:var(--muted);background:color-mix(in srgb,var(--library) 75%,transparent);padding:4px 7px;border-radius:10px;white-space:nowrap}
.card-star{position:absolute;right:13px;top:16px;color:var(--accent);font-size:13px}
.empty-state{text-align:center;margin:auto;color:var(--muted);padding:30px}.empty-state>span{font-family:Georgia,serif;font-size:32px;color:var(--faint)}.empty-state h2{font:500 21px Georgia,serif;color:var(--ink);margin:10px 0 6px}.empty-state p{font-size:12px;line-height:1.5}.empty-state button{border:0;background:var(--accent);color:#fff;border-radius:9px;padding:9px 14px;cursor:pointer}

/* Editor */
.editor-panel{position:relative;z-index:2;background:var(--paper);min-width:0;display:flex;flex-direction:column;min-height:0}
.editor-topbar{height:67px;flex:none;border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent);padding:0 clamp(20px,4vw,54px);display:flex;justify-content:space-between;align-items:center}
.save-status{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:9px}.save-status i{width:6px;height:6px;background:#79a17f;border-radius:50%;transition:.2s}.save-status.saving i{background:var(--sand)}
.editor-actions{display:flex;align-items:center;gap:4px}.editor-actions button,.back-to-list{border:0;background:transparent;width:32px;height:32px;border-radius:9px;color:var(--muted);font-size:16px;cursor:pointer}.editor-actions button:hover,.back-to-list:hover{background:var(--bg);color:var(--ink)}
#pinNote.active{color:var(--accent);background:var(--accent-soft)}
.back-to-list{display:none;font-size:26px}
.editor-scroll{overflow:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding:0 clamp(30px,7vw,98px) 110px}
.note-editor{max-width:760px;margin:0 auto;padding-top:68px}
.note-meta{display:flex;align-items:center;gap:12px;color:var(--faint);font-size:9px;font-weight:800;letter-spacing:.1em}.reading-time{padding-left:12px;border-left:1px solid var(--line);font-weight:500;letter-spacing:0;text-transform:none}
.author-line{padding-left:12px;border-left:1px solid var(--line);font-weight:500;letter-spacing:0;text-transform:none;color:var(--accent-deep)}
.title-input{display:block;width:100%;border:0;outline:0;resize:none;overflow:hidden;background:transparent;color:var(--ink);font:500 clamp(38px,4vw,56px)/1.04 Georgia,"Times New Roman",serif;letter-spacing:-.055em;padding:13px 0 20px;caret-color:var(--accent)}
.title-input::placeholder{color:var(--line-strong)}
.body-editor{outline:0;min-height:280px;color:#504842;font:400 17px/1.82 Georgia,"Times New Roman",serif;caret-color:var(--accent)}
.body-editor:empty:before{content:attr(data-placeholder);color:var(--faint)}
.body-editor p{margin:0 0 1.25em}.body-editor h2{font:600 25px/1.25 Georgia,serif;color:var(--ink);margin:1.55em 0 .6em;letter-spacing:-.025em}.body-editor ul{padding-left:1.25em}.body-editor li{padding-left:.35em;margin:.45em 0}.body-editor li::marker{color:var(--accent)}
.body-editor blockquote{margin:1.6em 0;border-left:3px solid var(--accent);padding:.15em 0 .15em 1.2em;color:var(--muted);font-style:italic}.body-editor a{color:var(--accent-deep);text-decoration-color:var(--accent-soft);text-underline-offset:3px}
.editor-tags{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);margin-top:52px;padding-top:17px}.editor-tags>span{font-size:8px;color:var(--faint);font-weight:800;letter-spacing:.12em;margin-right:3px}.editor-tags>div{display:flex;gap:6px;flex-wrap:wrap}.editor-tags button{width:22px;height:22px;border:1px dashed var(--line-strong);border-radius:50%;background:transparent;color:var(--muted);cursor:pointer}.editor-tag{font-size:9px;background:var(--bg);color:var(--muted);border:1px solid var(--line);border-radius:13px;padding:5px 8px;cursor:pointer}.editor-tag:hover{text-decoration:line-through;color:var(--accent)}
.connections-card{display:grid;grid-template-columns:43px 1fr auto;gap:17px;align-items:start;margin-top:40px;padding:22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,var(--bg),color-mix(in srgb,var(--accent-soft) 40%,var(--paper)));box-shadow:0 11px 35px rgba(86,57,41,.05)}
.connections-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:19px;box-shadow:0 7px 17px rgba(220,104,73,.2)}
.connections-card h2{font:500 17px/1.3 Georgia,serif;margin:5px 0 5px}.connections-card p{font-size:10px;line-height:1.5;color:var(--muted);margin:0;max-width:440px}.connections-card>button{align-self:center;border:0;background:var(--paper);border-radius:9px;color:var(--accent-deep);padding:9px 11px;font-size:10px;font-weight:800;white-space:nowrap;cursor:pointer;box-shadow:0 2px 10px rgba(70,48,34,.06)}
.related-notes{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}.related-notes button{border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:5px 8px;font-size:9px;color:var(--muted);cursor:pointer}.related-notes button:hover{color:var(--accent);border-color:var(--accent)}
.format-bar{position:absolute;z-index:3;bottom:22px;left:50%;transform:translateX(-50%);height:43px;padding:0 7px;display:flex;align-items:center;gap:2px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(14px);box-shadow:0 10px 34px rgba(67,45,31,.14)}
.format-bar button{width:29px;height:29px;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer;font:500 12px Georgia,serif}.format-bar button:hover{background:var(--bg);color:var(--ink)}.format-bar>span{width:1px;height:17px;background:var(--line);margin:0 3px}

/* Nexo */
.nexus-overlay,.command-overlay{position:fixed;z-index:50;inset:0;background:rgba(31,26,23,.46);backdrop-filter:blur(8px);display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
.nexus-overlay.open,.command-overlay.open{opacity:1;visibility:visible}
.nexus-modal{width:min(1180px,95vw);height:min(760px,91vh);background:var(--paper);border:1px solid rgba(255,255,255,.5);border-radius:26px;box-shadow:0 35px 100px rgba(34,25,20,.28);overflow:hidden;display:flex;flex-direction:column;transform:translateY(10px) scale(.985);transition:transform .3s}
.nexus-overlay.open .nexus-modal{transform:none}
.nexus-modal>header{height:105px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line)}
.nexus-modal h2{font:500 30px/1 Georgia,serif;margin:5px 0 6px;letter-spacing:-.04em}.nexus-modal h2 em{font:800 8px/1 sans-serif;text-transform:uppercase;letter-spacing:.12em;background:var(--accent-soft);color:var(--accent);border-radius:10px;padding:4px 7px;vertical-align:middle}.nexus-modal header p{margin:0;color:var(--muted);font-size:11px}
.close-nexus{width:38px;height:38px;border:1px solid var(--line);background:var(--bg);border-radius:50%;font-size:22px;color:var(--muted);cursor:pointer}.close-nexus:hover{color:var(--ink);transform:rotate(5deg)}
.nexus-layout{display:grid;grid-template-columns:1fr 270px;min-height:0;flex:1}
.nexus-stage{position:relative;overflow:hidden;background:radial-gradient(circle at center,rgba(220,104,73,.06),transparent 38%),linear-gradient(var(--paper),var(--bg))}
.nexus-stage:before{content:"";position:absolute;inset:0;opacity:.25;background-image:radial-gradient(var(--line-strong) .7px,transparent .7px);background-size:18px 18px}
#nexusCanvas,#nexusNodes{position:absolute;inset:0;width:100%;height:100%}
.nexus-node{position:absolute;transform:translate(-50%,-50%);width:104px;min-height:48px;border:1px solid var(--line);border-radius:14px;background:var(--paper);box-shadow:0 6px 19px rgba(68,47,35,.09);padding:8px 9px;text-align:left;cursor:pointer;transition:transform .18s,box-shadow .18s,border .18s;color:var(--ink)}
.nexus-node:hover{transform:translate(-50%,-50%) scale(1.05);z-index:4;box-shadow:0 10px 25px rgba(68,47,35,.15);border-color:var(--accent)}
.nexus-node.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 10px 26px rgba(220,104,73,.27);z-index:3}
.nexus-node i{display:block;width:7px;height:7px;border-radius:50%;background:var(--node-color,var(--accent));margin-bottom:5px}.nexus-node.active i{background:#fff}.nexus-node strong{font:600 11px/1.2 Georgia,serif;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nexus-node small{display:block;font-size:7px;opacity:.7;margin-top:4px}
.nexus-legend{position:absolute;top:20px;left:22px;z-index:3;display:flex;gap:15px;color:var(--muted);font-size:8px}.nexus-legend span{display:flex;align-items:center;gap:5px}.nexus-legend i{width:7px;height:7px;border-radius:50%;background:var(--line-strong)}.nexus-legend .active-dot{background:var(--accent)}
.nexus-hint{position:absolute;left:50%;bottom:17px;transform:translateX(-50%);color:var(--faint);font-size:8px;white-space:nowrap}
.nexus-insight{border-left:1px solid var(--line);background:var(--paper);padding:29px 25px;display:flex;flex-direction:column;align-items:stretch}
.pulse-orbit{width:132px;height:132px;margin:23px auto 20px;border:1px solid var(--accent-soft);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle,var(--accent-soft),transparent 68%)}
.pulse-orbit:before,.pulse-orbit:after{content:"";position:absolute;border:1px solid var(--line);border-radius:50%}.pulse-orbit:before{inset:9px}.pulse-orbit:after{width:7px;height:7px;background:var(--accent);border-color:var(--accent);right:12px;top:28px;box-shadow:0 0 0 5px var(--accent-soft)}
.pulse-orbit strong{font:500 37px/1 Georgia,serif}.pulse-orbit span{color:var(--muted);font-size:9px;margin-top:5px}
.nexus-insight dl{margin:0}.nexus-insight dl div{border-top:1px solid var(--line);padding:11px 0;display:flex;justify-content:space-between;gap:15px}.nexus-insight dt{color:var(--muted);font-size:9px}.nexus-insight dd{margin:0;font-size:10px;font-weight:700;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:105px}.nexus-insight dd:before{content:"#";color:var(--accent);margin-right:1px}.nexus-insight dl div:nth-child(n+2) dd:before{display:none}
#rescueNote{margin-top:19px;border:0;border-radius:13px;background:var(--rail);color:#fff;display:grid;grid-template-columns:28px 1fr;grid-template-rows:1fr 1fr;text-align:left;padding:12px 13px;cursor:pointer}#rescueNote:hover{background:var(--accent-deep)}#rescueNote>span{grid-row:1/3;align-self:center;color:#f0a184;font-size:18px}#rescueNote b{font-size:10px}#rescueNote small{font-size:8px;color:#bbb3ad;margin-top:3px}
.privacy-note{margin:auto 0 0;color:var(--faint);font-size:8px;line-height:1.5;text-align:center}

/* Commands, tags, toast */
.command-palette{width:min(570px,94vw);max-height:560px;background:var(--paper);border:1px solid var(--line);border-radius:19px;box-shadow:var(--shadow);overflow:hidden;transform:translateY(-8vh) scale(.98);transition:.2s}
.command-overlay.open .command-palette{transform:translateY(-8vh)}
.command-palette>label{height:64px;display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid var(--line);color:var(--muted)}.command-palette input{flex:1;border:0;outline:0;background:transparent;color:var(--ink);font-size:15px}
.command-palette>p{font-size:8px;font-weight:800;letter-spacing:.13em;color:var(--faint);margin:16px 18px 6px}.command-palette>div{padding:0 8px;max-height:350px;overflow:auto}.command-option{width:100%;height:44px;border:0;background:transparent;border-radius:9px;display:grid;grid-template-columns:31px 1fr auto;align-items:center;text-align:left;color:var(--ink);cursor:pointer;padding:0 10px}.command-option:hover,.command-option.active{background:var(--bg)}.command-option>span{font-size:16px;color:var(--accent)}.command-option b{font-size:12px}.command-option small{font-size:9px;color:var(--faint)}.command-palette>small{display:block;border-top:1px solid var(--line);padding:12px 18px;color:var(--faint);font-size:8px}.command-palette>small kbd{border:1px solid var(--line);padding:3px;border-radius:4px;margin:0 2px}
.tag-popover{position:fixed;z-index:70;width:260px;background:var(--paper);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);padding:14px}.tag-popover label{display:block;font-size:9px;font-weight:800;letter-spacing:.09em;color:var(--muted);text-transform:uppercase;margin-bottom:8px}.tag-popover>div{height:36px;display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;padding-left:10px;color:var(--accent)}.tag-popover input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink)}.tag-popover button{height:100%;border:0;background:var(--accent);color:#fff;padding:0 10px;border-radius:0 7px 7px 0;font-size:10px;cursor:pointer}
.toast{position:fixed;z-index:90;left:50%;bottom:27px;transform:translate(-50%,20px);background:var(--rail);color:#fff;border-radius:10px;padding:10px 14px;font-size:10px;opacity:0;pointer-events:none;transition:.25s;box-shadow:0 8px 25px rgba(20,17,15,.22)}.toast.show{opacity:1;transform:translate(-50%,0)}

/* Personalización y guía */
.profile-overlay,.guide-overlay{position:fixed;z-index:80;inset:0;display:grid;place-items:center;padding:20px;background:rgba(38,30,25,.48);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:.22s}.profile-overlay.open,.guide-overlay.open{opacity:1;visibility:visible}
.profile-card{position:relative;width:min(460px,95vw);padding:35px;background:var(--paper);border:1px solid rgba(255,255,255,.65);border-radius:25px;box-shadow:0 35px 95px rgba(30,20,14,.3);text-align:center;transform:translateY(10px) scale(.985);transition:.25s}.profile-overlay.open .profile-card{transform:none}.dialog-close{position:absolute;right:17px;top:17px;width:32px;height:32px;border:1px solid var(--line);border-radius:50%;background:var(--bg);color:var(--muted);font-size:21px;cursor:pointer}.dialog-close:hover{color:var(--ink);transform:rotate(5deg)}
.profile-illustration{width:88px;height:78px;margin:0 auto 19px;position:relative}.profile-illustration span{position:absolute;z-index:2;left:5px;top:13px;width:52px;height:52px;background:var(--accent);border-radius:17px 17px 17px 5px;display:grid;place-items:center;color:#fff;font:700 30px Georgia,serif;transform:rotate(-7deg);box-shadow:0 11px 25px rgba(220,104,73,.25)}.profile-illustration i,.profile-illustration b{position:absolute;display:block;background:var(--library);border:1px solid var(--line);border-radius:12px;transform:rotate(10deg)}.profile-illustration i{width:47px;height:55px;right:0;top:5px}.profile-illustration b{width:39px;height:45px;right:6px;bottom:0;background:var(--accent-soft);transform:rotate(-2deg)}
.profile-card h2{font:500 30px/1.05 Georgia,serif;letter-spacing:-.04em;margin:8px 0 10px}.profile-card>p{margin:0 auto 22px;max-width:340px;color:var(--muted);font-size:12px;line-height:1.55}.profile-card label{display:block;text-align:left;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin:13px 0}.profile-card input{display:block;width:100%;height:43px;margin-top:6px;border:1px solid var(--line);border-radius:10px;padding:0 12px;background:var(--bg);color:var(--ink);font-size:13px;outline:0;text-transform:none;letter-spacing:normal}.profile-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.profile-preview{margin:19px 0 16px;padding:11px 13px;border:1px solid var(--line);border-radius:11px;background:var(--bg);text-align:left}.profile-preview span{display:block;color:var(--faint);font-size:8px;text-transform:uppercase;font-weight:800;letter-spacing:.1em}.profile-preview strong{display:block;margin-top:5px;color:var(--accent-deep);font:500 14px Georgia,serif}.profile-save{width:100%;height:45px;border:0;border-radius:11px;background:var(--accent);color:#fff;font-weight:800;font-size:12px;cursor:pointer;box-shadow:0 8px 20px rgba(220,104,73,.2)}.profile-save:hover{background:var(--accent-deep)}.profile-save span{margin-left:7px;font-size:16px}.profile-guide-link{border:0;background:transparent;color:var(--muted);padding:13px 5px 0;cursor:pointer;font-size:10px;text-decoration:underline;text-underline-offset:3px}
.guide-modal{width:min(1000px,96vw);background:var(--paper);border:1px solid rgba(255,255,255,.6);border-radius:26px;box-shadow:0 35px 100px rgba(30,20,14,.28);overflow:hidden;transform:translateY(10px) scale(.985);transition:.25s}.guide-overlay.open .guide-modal{transform:none}.guide-modal>header{display:flex;align-items:center;justify-content:space-between;padding:30px 34px 24px;border-bottom:1px solid var(--line)}.guide-modal h2{font:500 29px/1 Georgia,serif;letter-spacing:-.04em;margin:7px 0 0}.guide-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.guide-steps article{background:var(--paper);padding:24px 21px 27px}.guide-steps small{display:block;color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.12em;margin-top:20px}.guide-steps h3{font:500 18px/1.2 Georgia,serif;margin:7px 0}.guide-steps p{margin:0;color:var(--muted);font-size:10px;line-height:1.6}.guide-art{height:105px;position:relative;border-radius:15px;background:var(--bg);overflow:hidden}.guide-art:after{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--line-strong) .6px,transparent .6px);background-size:12px 12px;opacity:.45}.art-profile span{position:absolute;z-index:2;top:26px;left:calc(50% - 24px);width:48px;height:48px;border-radius:14px 14px 14px 4px;background:var(--accent);display:grid;place-items:center;color:#fff;font:700 26px Georgia,serif;transform:rotate(-6deg)}.art-profile i,.art-profile b{position:absolute;z-index:1;width:40px;height:48px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.art-profile i{left:28px;top:31px;transform:rotate(10deg)}.art-profile b{right:28px;top:25px;background:var(--accent-soft);transform:rotate(3deg)}
.art-note i,.art-note b,.art-note em{position:absolute;z-index:1;display:block;left:31px;right:31px;height:1px;background:var(--line-strong)}.art-note i{top:32px}.art-note b{top:49px}.art-note em{top:66px;right:55px;background:var(--accent)}.art-note:before{content:"";position:absolute;z-index:1;left:22px;top:19px;width:7px;height:64px;border-radius:4px;background:var(--accent)}.art-nexus i,.art-nexus b,.art-nexus em,.art-nexus strong{position:absolute;z-index:2;width:16px;height:16px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px var(--accent-soft)}.art-nexus i{left:31px;top:48px}.art-nexus b{right:33px;top:23px;background:var(--plum);box-shadow:0 0 0 5px color-mix(in srgb,var(--plum) 15%,transparent)}.art-nexus em{right:37px;bottom:20px;background:var(--green);box-shadow:0 0 0 5px color-mix(in srgb,var(--green) 15%,transparent)}.art-nexus strong{left:50%;top:16px;width:1px;height:72px;background:var(--line-strong);box-shadow:none;transform:rotate(54deg);transform-origin:bottom}.art-share i{position:absolute;z-index:2;left:calc(50% - 25px);top:21px;width:50px;height:50px;border-radius:14px;background:var(--accent);display:grid;place-items:center;color:#fff;font-style:normal;font-size:27px;transform:rotate(-7deg)}.art-share b,.art-share em{position:absolute;z-index:1;width:47px;height:58px;border-radius:10px;border:1px solid var(--line);background:var(--paper)}.art-share b{left:35px;top:29px;transform:rotate(11deg)}.art-share em{right:31px;top:21px;background:var(--accent-soft);transform:rotate(-8deg)}
.guide-modal footer{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 30px;background:var(--bg)}.guide-modal footer p{margin:0;color:var(--muted);font-size:10px}.guide-modal footer p span{color:var(--accent)}.guide-modal footer button{border:0;background:var(--rail);color:#fff;border-radius:9px;padding:10px 13px;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}.guide-modal footer button span{margin-left:6px;font-size:14px}

/* Compartir cuaderno */
.share-overlay{position:fixed;z-index:82;inset:0;display:grid;place-items:center;padding:20px;background:rgba(38,30,25,.48);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:.22s}.share-overlay.open{opacity:1;visibility:visible}.share-card{position:relative;width:min(470px,95vw);padding:34px;background:var(--paper);border:1px solid rgba(255,255,255,.65);border-radius:25px;box-shadow:0 35px 95px rgba(30,20,14,.3);text-align:center;transform:translateY(10px) scale(.985);transition:.25s}.share-overlay.open .share-card{transform:none}.share-orbit{height:66px;width:82px;margin:0 auto 16px;position:relative}.share-orbit span{position:absolute;z-index:2;left:18px;top:7px;width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:var(--accent);color:#fff;font-size:25px;transform:rotate(-8deg);box-shadow:0 10px 21px rgba(220,104,73,.24)}.share-orbit i,.share-orbit b{position:absolute;display:block;border:1px solid var(--line);border-radius:13px;background:var(--bg)}.share-orbit i{width:38px;height:47px;left:2px;top:15px;transform:rotate(10deg)}.share-orbit b{width:34px;height:41px;right:2px;top:3px;background:var(--accent-soft);transform:rotate(-4deg)}.share-card h2{font:500 30px/1.05 Georgia,serif;letter-spacing:-.04em;margin:8px 0 10px}.share-card>p{margin:0 auto 21px;max-width:355px;color:var(--muted);font-size:12px;line-height:1.55}.share-card label{display:block;text-align:left;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin:13px 0}.share-card label small{float:right;color:var(--faint);font-weight:500}.share-card input,.share-card select{display:block;width:100%;height:43px;margin-top:6px;border:1px solid var(--line);border-radius:10px;padding:0 12px;background:var(--bg);color:var(--ink);font-size:13px;outline:0;text-transform:none;letter-spacing:normal}.share-card input:focus,.share-card select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.share-result{margin-top:18px;padding:13px;border-top:1px solid var(--line);text-align:left}.share-result label{margin:0}.share-result input{font-size:11px;white-space:nowrap;text-overflow:ellipsis}.share-copy-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin-top:10px}.share-copy-actions button{border:1px solid var(--line);background:var(--bg);border-radius:9px;padding:9px 5px;color:var(--accent-deep);font-size:9px;font-weight:800;cursor:pointer}.share-copy-actions button:hover{border-color:var(--accent);background:var(--accent-soft)}.share-result p{margin:10px 1px 0;color:var(--faint);font-size:9px;line-height:1.45}

/* Cuentas */
.auth-overlay{position:fixed;z-index:84;inset:0;display:grid;place-items:center;padding:20px;background:rgba(38,30,25,.5);backdrop-filter:blur(9px);opacity:0;visibility:hidden;transition:.22s}.auth-overlay.open{opacity:1;visibility:visible}.auth-card{position:relative;width:min(440px,95vw);padding:35px;background:var(--paper);border:1px solid rgba(255,255,255,.65);border-radius:25px;box-shadow:0 35px 95px rgba(30,20,14,.32);text-align:center;transform:translateY(10px) scale(.985);transition:.25s}.auth-overlay.open .auth-card{transform:none}.auth-mark{width:78px;height:66px;margin:0 auto 17px;position:relative}.auth-mark span{position:absolute;z-index:2;left:12px;top:5px;width:49px;height:49px;border-radius:15px 15px 15px 4px;background:var(--accent);display:grid;place-items:center;color:#fff;font:700 27px Georgia,serif;transform:rotate(-7deg);box-shadow:0 10px 22px rgba(220,104,73,.24)}.auth-mark i{position:absolute;right:4px;top:13px;width:39px;height:45px;border:1px solid var(--line);border-radius:12px;background:var(--accent-soft);transform:rotate(9deg)}.auth-card h2{font:500 29px/1.06 Georgia,serif;letter-spacing:-.04em;margin:8px 0 10px}.auth-card p{color:var(--muted);font-size:11px;line-height:1.55}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;margin:20px 0 15px;padding:3px;background:var(--bg);border:1px solid var(--line);border-radius:11px}.auth-tabs button{height:34px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:10px;font-weight:800;cursor:pointer}.auth-tabs button.active{background:var(--paper);color:var(--ink);box-shadow:0 3px 10px rgba(54,39,30,.08)}.auth-card label{display:block;text-align:left;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin:12px 0}.auth-card input{display:block;width:100%;height:43px;margin-top:6px;border:1px solid var(--line);border-radius:10px;padding:0 12px;background:var(--bg);color:var(--ink);font-size:13px;outline:0;text-transform:none;letter-spacing:normal}.auth-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.auth-migration{margin:14px 0!important;padding:10px 12px;border-radius:10px;background:var(--accent-soft);color:var(--accent-deep)!important;text-align:left}.auth-migration span{margin-right:5px}.auth-error{min-height:17px;margin:5px 0;color:#b64735!important;font-size:10px!important}.auth-card>div>small{display:block;margin-top:13px;color:var(--faint);font-size:8px;line-height:1.5}.auth-identity{display:flex;align-items:center;gap:12px;padding:14px;margin:23px 0 18px;border:1px solid var(--line);border-radius:13px;background:var(--bg);text-align:left}.auth-identity>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--accent);color:#fff;font-weight:800}.auth-identity b,.auth-identity small{display:block}.auth-identity b{font-size:13px}.auth-identity small{margin-top:4px;color:var(--muted);font-size:9px}.auth-logout{margin-top:10px;border:0;background:transparent;color:var(--muted);font-size:10px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}

/* Focus and theme */
body.focus-mode .icon-rail,body.focus-mode .library-panel,body.focus-mode .notes-panel{display:none}.focus-mode .app-shell{display:block}.focus-mode .editor-panel{height:100dvh}.focus-mode #focusMode{color:var(--accent);background:var(--accent-soft)}
body.dark{--bg:#211f1e;--rail:#181716;--library:#272422;--list:#211f1e;--paper:#2d2a28;--ink:#f5eee7;--muted:#aaa099;--faint:#756c66;--line:#403b37;--line-strong:#514a45;--accent:#ec7b5c;--accent-deep:#d45e42;--accent-soft:#4a3029;--shadow:0 24px 70px rgba(0,0,0,.33)}
body.dark .library-item.active,body.dark .note-card.active{box-shadow:0 6px 20px rgba(0,0,0,.16)}
body.dark .body-editor{color:#d9d0c9}

@media(max-width:1180px){
  .app-shell{grid-template-columns:68px 312px minmax(470px,1fr)}
  .library-panel{display:none}
  .notes-panel{padding-inline:16px}
}

@media(max-width:800px){
  html,body{overflow:auto}.app-shell{min-height:100dvh;height:auto;display:block;padding-top:58px;background:var(--list)}
  .mobile-bar{position:fixed;z-index:20;top:0;left:0;right:0;height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
  .mobile-bar .bare-button{font-size:20px}.mobile-brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);font:600 17px Georgia,serif}.mobile-brand .brand-seed{width:27px;height:27px;font-size:14px;border-radius:8px 8px 8px 3px}
  .round-button{width:31px;height:31px;border:0;border-radius:50%;cursor:pointer}.accent-button{background:var(--accent);color:#fff;font-size:19px}
  .icon-rail{display:none}
  .library-panel{display:flex;position:fixed;z-index:40;inset:0 18% 0 0;transform:translateX(-105%);transition:transform .25s;box-shadow:20px 0 60px rgba(35,27,22,.22);padding-top:24px}.mobile-library-open .library-panel{transform:none}.close-mobile{display:block}
  .notes-panel{min-height:calc(100dvh - 58px);border:0;padding:24px 14px 0}.notes-heading{padding-inline:4px}.notes-heading h1{font-size:28px}.note-card{padding-block:19px}.note-card h2{font-size:15px}.note-card p{font-size:13px}
  .editor-panel{display:none;position:fixed;z-index:15;inset:58px 0 0;background:var(--paper)}.editor-open .editor-panel{display:flex}
  .editor-topbar{height:52px;padding:0 11px}.back-to-list{display:block}.save-status{margin-right:auto}.editor-actions{gap:0}.editor-actions #moreMenu,.editor-actions #shareNote{display:none}
  .editor-scroll{padding:0 22px 100px}.note-editor{padding-top:34px}.title-input{font-size:39px;padding-bottom:18px}.body-editor{font-size:16px;line-height:1.72}.connections-card{grid-template-columns:38px 1fr;padding:17px}.connections-mark{width:38px;height:38px}.connections-card>button{grid-column:2;justify-self:start}.format-bar{bottom:13px;max-width:94%;overflow:auto}
  .nexus-overlay{padding:0}.nexus-modal{width:100vw;height:100dvh;max-height:none;border-radius:0}.nexus-modal>header{height:90px;padding:0 19px}.nexus-layout{grid-template-columns:1fr;grid-template-rows:minmax(360px,1fr) auto}.nexus-insight{border-left:0;border-top:1px solid var(--line);padding:16px 18px;display:grid;grid-template-columns:1fr 1fr;gap:9px 16px}.nexus-insight>.eyebrow{grid-column:1/3}.pulse-orbit{display:none}.nexus-insight dl{grid-column:1/2}.nexus-insight dl div{padding:7px 0}.nexus-insight #rescueNote{grid-column:2;margin-top:0;align-self:center}.privacy-note{display:none}.nexus-node{width:90px}.nexus-hint{display:none}
  .profile-overlay,.guide-overlay,.share-overlay,.auth-overlay{padding:0}.profile-card,.share-card,.auth-card{width:100vw;min-height:100dvh;border:0;border-radius:0;display:flex;flex-direction:column;justify-content:center;padding:34px 28px}.guide-modal{width:100vw;max-height:100dvh;overflow:auto;border:0;border-radius:0}.guide-modal>header{padding:26px 21px 20px}.guide-steps{grid-template-columns:1fr 1fr}.guide-steps article{padding:18px 16px}.guide-art{height:84px}.guide-steps small{margin-top:13px}.guide-modal footer{padding:16px 21px;align-items:flex-start;flex-direction:column}.author-line{display:none}
  .focus-mode .app-shell{padding-top:0}.focus-mode .mobile-bar{display:none}.focus-mode .editor-panel{inset:0}
}

@media(max-width:520px){
  .nexus-layout{grid-template-rows:minmax(390px,1fr) auto}.nexus-insight{grid-template-columns:1fr}.nexus-insight>.eyebrow,.nexus-insight dl,.nexus-insight #rescueNote{grid-column:1}.nexus-insight dl{display:none}.nexus-insight #rescueNote{margin:0}.nexus-modal>header p{display:none}
  .guide-steps{grid-template-columns:1fr}.guide-art{height:72px}.guide-steps article{padding:16px 20px}.guide-steps small{margin-top:10px}.guide-steps h3{font-size:17px}.guide-modal footer p{line-height:1.5}.profile-card h2{font-size:28px}
  .format-bar button:nth-of-type(5),.format-bar button:nth-of-type(7){display:none}
}

@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}