:root{--font-display: "Segoe UI", "Trebuchet MS", sans-serif;--font-body: "Segoe UI", Arial, sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--shadow-soft: 0 10px 30px rgba(0, 0, 0, .08);--shadow-strong: 0 18px 50px rgba(0, 0, 0, .14);--surface: rgba(255, 255, 255, .82);--surface-strong: rgba(255, 255, 255, .94);--text-main: #18212c;--text-muted: #546071;--border-color: rgba(24, 33, 44, .12);--danger: #ba3a2d;--warning: #d08c18;--accent: #0d6d77;--accent-strong: #09484f}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);color:var(--text-main);background:radial-gradient(circle at top,rgba(13,109,119,.12),transparent 38%),linear-gradient(180deg,#f7f3eb,#efe8dc);min-height:100vh}button,input,textarea,select{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[data-theme=dark]{--surface: rgba(30, 37, 46, .86);--surface-strong: rgba(24, 30, 38, .96);--text-main: #e8ecf1;--text-muted: #9aa7b5;--border-color: rgba(232, 236, 241, .14);--shadow-soft: 0 10px 30px rgba(0, 0, 0, .4);--shadow-strong: 0 18px 50px rgba(0, 0, 0, .5);--accent: #2ea3ad;--accent-strong: #7fd0d8;--danger: #e06b5d;--warning: #e3a94a}[data-theme=dark] body{background:radial-gradient(circle at top,rgba(46,163,173,.08),transparent 42%),linear-gradient(180deg,#141920,#0f1318);color-scheme:dark}.app-shell{display:grid;grid-template-columns:264px 1fr;min-height:100vh}.sidebar{background:var(--surface);backdrop-filter:blur(10px);border-right:1px solid var(--border-color);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4);position:sticky;top:0;height:100vh;overflow-y:auto}.main-area{display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-color);background:var(--surface);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.topbar h1{font-family:var(--font-display);font-size:1.15rem;margin:0;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content{padding:var(--space-5);max-width:860px;width:100%;margin:0 auto}@media (max-width: 767px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.content{padding:var(--space-3);padding-bottom:84px}.bottom-nav{display:flex!important}}.brand{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:700;font-size:1.25rem;color:var(--accent-strong)}.brand .logo{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;display:grid;place-items:center;font-size:1rem}.nav-list{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}.nav-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-main);cursor:pointer;text-align:left;font-size:.95rem}.nav-item:hover{background:#0d6d7714}[data-theme=dark] .nav-item:hover{background:#2ea3ad1f}.nav-item.active{background:var(--accent);color:#fff}.nav-section-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:var(--space-3) var(--space-2) var(--space-1)}.tag-shortcuts{display:flex;flex-wrap:wrap;gap:var(--space-1)}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-2);font-size:.8rem;color:var(--text-muted)}.sync-line{display:flex;align-items:center;gap:var(--space-2)}.dot{width:9px;height:9px;border-radius:50%;background:var(--text-muted);flex:none}.dot.online{background:#2e9e5b}.dot.offline{background:var(--warning)}.dot.error{background:var(--danger)}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:30;background:var(--surface-strong);border-top:1px solid var(--border-color);justify-content:space-around;padding:var(--space-2) 0 calc(var(--space-2) + env(safe-area-inset-bottom))}.bottom-nav .nav-item{flex-direction:column;font-size:.68rem;gap:2px;width:auto;padding:var(--space-1) var(--space-3)}.btn{border:1px solid var(--border-color);background:var(--surface-strong);color:var(--text-main);border-radius:var(--radius-sm);padding:.45rem .9rem;cursor:pointer;font-size:.92rem;transition:background .15s ease,transform .05s ease}.btn:hover{background:#0d6d7714}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-strong)}.btn.danger{color:var(--danger);border-color:var(--danger)}.btn.danger:hover{background:#ba3a2d14}.btn.ghost{border-color:transparent;background:transparent}.btn.small{padding:.25rem .55rem;font-size:.8rem}.btn:disabled{opacity:.55;cursor:not-allowed}input[type=text],input[type=password],input[type=date],input[type=number],input[type=search],textarea,select{width:100%;padding:.5rem .7rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--surface-strong);color:var(--text-main)}input[type=date]{width:auto}label.field{display:block;margin-bottom:var(--space-3)}label.field>span{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:var(--space-1)}.card{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);padding:var(--space-4)}.chip{display:inline-flex;align-items:center;gap:6px;background:#0d6d771a;color:var(--accent-strong);border-radius:999px;padding:2px 10px;font-size:.78rem;border:none;cursor:pointer}[data-theme=dark] .chip{color:var(--accent-strong);background:#2ea3ad29}.chip.plain{cursor:default}.save-chip{font-size:.78rem;color:var(--text-muted);white-space:nowrap}.muted{color:var(--text-muted)}.spinner{width:22px;height:22px;border:3px solid rgba(13,109,119,.25);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.center-page{min-height:100vh;display:grid;place-items:center;padding:var(--space-5)}.center-card{width:min(440px,92vw);display:flex;flex-direction:column;gap:var(--space-4)}.error-text{color:var(--danger);font-size:.88rem}.notice{background:#d08c181f;border:1px solid rgba(208,140,24,.4);color:var(--text-main);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:.85rem}.notice.danger{background:#ba3a2d1a;border-color:#ba3a2d66}.strength{display:flex;gap:4px;margin-top:6px}.strength span{height:5px;flex:1;border-radius:3px;background:#54607133}.strength span.on-1{background:var(--danger)}.strength span.on-2{background:var(--warning)}.strength span.on-3{background:#7ba05b}.strength span.on-4{background:#2e9e5b}.editor-head{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-3)}.editor-head .spacer{flex:1}.title-input{font-family:var(--font-display);font-size:1.5rem;font-weight:600;border:none;background:transparent;padding:var(--space-2) 0}.title-input:focus-visible{outline:none}.editor-toolbar{display:flex;flex-wrap:wrap;gap:2px;margin-bottom:var(--space-2)}.editor-toolbar button{border:none;background:transparent;border-radius:6px;padding:4px 8px;cursor:pointer;color:var(--text-main);font-size:.85rem;min-width:30px}.editor-toolbar button:hover{background:#0d6d771a}.editor-toolbar button.active{background:var(--accent);color:#fff}.editor-body .tiptap{min-height:320px;outline:none;line-height:1.65}.tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--text-muted);pointer-events:none;float:left;height:0}.tiptap img{max-width:100%;border-radius:var(--radius-sm)}.tiptap ul[data-type=taskList]{list-style:none;padding-left:0}.tiptap a{color:var(--accent-strong)}.tags-input{border:none;background:transparent;padding:var(--space-2) 0;color:var(--text-muted)}.attachments{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.attachment-item{display:flex;align-items:center;gap:var(--space-2);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--space-2);background:var(--surface-strong);max-width:100%}.attachment-item .name{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem}.dropzone{border:2px dashed var(--border-color);border-radius:var(--radius-md);padding:var(--space-3);text-align:center;color:var(--text-muted);cursor:pointer;font-size:.85rem;margin-top:var(--space-3)}.dropzone.drag{border-color:var(--accent);background:#0d6d770f}.comments{margin-top:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.comment{border-left:3px solid var(--accent);padding:var(--space-2) var(--space-3);background:var(--surface);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.comment .comment-body{font-size:.95rem}.comment .comment-body img{max-width:100%;border-radius:var(--radius-sm)}.comment .meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-muted);margin-bottom:var(--space-1)}.timeline-list{display:flex;flex-direction:column;gap:var(--space-3)}.timeline-item{display:block;text-align:left;width:100%;border:1px solid var(--border-color);background:var(--surface);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);cursor:pointer;color:var(--text-main)}.timeline-item:hover{border-color:var(--accent)}.timeline-item .date{font-size:.78rem;color:var(--text-muted)}.timeline-item h3{margin:2px 0 4px;font-family:var(--font-display);font-size:1.05rem}.timeline-item .snippet{margin:0;color:var(--text-muted);font-size:.9rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item-tags{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-2)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-dow{text-align:center;font-size:.7rem;color:var(--text-muted);padding:2px 0}.cal-cell{aspect-ratio:1;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--surface-strong);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;font-size:.85rem;padding:0}.cal-cell.empty{background:transparent;border-color:transparent;cursor:default}.cal-cell.has-entry{border-color:var(--accent)}.cal-cell.today{outline:2px solid var(--accent-strong)}.cal-cell .cal-count{font-size:.62rem;color:var(--text-muted)}.cal-nav{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.cal-nav h3{margin:0;flex:1;text-align:center;font-family:var(--font-display)}.heat-grid{display:grid;grid-template-rows:repeat(7,10px);grid-auto-flow:column;gap:3px;overflow-x:auto;padding-bottom:var(--space-2)}.heat-cell{width:10px;height:10px;border-radius:2px;background:#54607126}.heat-cell.l1{background:#0d6d7759}.heat-cell.l2{background:#0d6d7799}.heat-cell.l3{background:#0d6d77d9}.heat-cell.l4{background:var(--accent-strong)}[data-theme=dark] .heat-cell.l1{background:#2ea3ad4d}[data-theme=dark] .heat-cell.l2{background:#2ea3ad8c}[data-theme=dark] .heat-cell.l3{background:#2ea3adcc}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.stat-card{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-3);text-align:center}.stat-card .value{font-size:1.6rem;font-weight:700;font-family:var(--font-display);color:var(--accent-strong)}.stat-card .label{font-size:.78rem;color:var(--text-muted)}.bar-chart{display:flex;align-items:flex-end;gap:3px;height:120px;padding:var(--space-2) 0}.bar-chart .bar{flex:1;background:var(--accent);border-radius:3px 3px 0 0;min-height:2px;position:relative}.bar-chart .bar .bar-label{position:absolute;bottom:-18px;left:50%;transform:rotate(-45deg) translate(4px);font-size:.58rem;color:var(--text-muted);white-space:nowrap}.chart-wrap{margin-bottom:var(--space-5)}.tag-cloud{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.tag-cloud .chip{font-size:.9rem;padding:4px 14px}.settings-section{margin-bottom:var(--space-5)}.settings-section h3{font-family:var(--font-display);margin-bottom:var(--space-2)}.row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.row>.grow{flex:1}.modal-backdrop{position:fixed;inset:0;background:#0a0e1273;display:grid;place-items:center;z-index:100;padding:var(--space-4)}.modal{background:var(--surface-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-strong);padding:var(--space-5);width:min(480px,94vw);max-height:90vh;overflow-y:auto}.progressbar{height:8px;border-radius:4px;background:#54607133;overflow:hidden}.progressbar>div{height:100%;background:var(--accent);transition:width .2s ease}::highlight(diario-search){background-color:#ffe94d;color:#18212c}[data-theme=dark] ::highlight(diario-search){background-color:#8a7500;color:#fff}.empty-state{text-align:center;color:var(--text-muted);padding:var(--space-6) var(--space-3)}.section-gap{margin-top:var(--space-5)}.flex-end{display:flex;justify-content:flex-end;gap:var(--space-2)}