/* Notes Cali · Paper & Iris */
:root{color-scheme:light;--bg:#f5f3ee;--header:#fffefa;--side:#eeece5;--sheet:#fffefa;--summary:#f1eef9;--line:#dedbd2;--ink:#292735;--body:#484653;--muted:#76727e;--accent:#6952bb;--select:#e8e2f6;--danger:#b13f51}
body{font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;letter-spacing:0;line-height:1.6}
button,input,textarea,select{font-family:inherit}button{transition:background .16s,color .16s,border-color .16s,box-shadow .16s}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #9d88d5;outline-offset:3px}
body>header{background:var(--header);padding:16px 28px;gap:20px;border-bottom:1px solid var(--line);box-shadow:0 2px 16px #29273504}
.brand{font-size:17px;letter-spacing:-.7px}.brand>svg{color:var(--accent)}.brand .dot-accent{color:var(--accent)}
.section-nav{padding:4px;background:#efede7;border:1px solid #e8e5dc;border-radius:12px;gap:4px}.section-nav .nav-btn{padding:7px 15px;border-radius:8px;font-weight:600;font-size:12px;color:var(--muted)}.section-nav .nav-btn[aria-current=page]{background:#fffefa;color:var(--accent);box-shadow:0 2px 5px #3027430d}.section-nav .nav-btn:hover{color:var(--accent);background:#fffefa99}
.search{background:#f5f3ee;border:1px solid var(--line);border-radius:12px;color:var(--ink);box-shadow:none}.search:hover,.search:focus{background:white;border-color:#ad9bd2;box-shadow:0 0 0 3px #6952bb0b}.search-results,.palette{background:var(--sheet);border-color:var(--line);box-shadow:0 20px 60px #29273525;border-radius:16px}.search-mark{background:#e8defb;color:#50338e}
.primary,.auth-card button{background:var(--accent);border:1px solid var(--accent);color:white;border-radius:10px;box-shadow:0 3px 7px #6952bb20;font-weight:600}.primary:hover,.auth-card button:hover{background:#5943a4;border-color:#5943a4}.ghost,.sidebar-toggle,.meta-tool,.icon-btn,.library-close{border-radius:9px;color:var(--body);border-color:var(--line);background:transparent}.ghost:hover,.sidebar-toggle:hover,.icon-btn:hover,.meta-tool:hover{background:#ece7f5;color:var(--accent);border-color:#bcaed7}.sidebar-toggle{min-height:38px}.sync-pill{background:#eaf2e9;color:#427145;border:1px solid #d2e3cf;border-radius:30px}.sync-dot{background:#60915b;box-shadow:none}.sync-pill[data-state=dirty],.sync-pill[data-state=saving]{color:#8d661e;background:#fbf1dc;border-color:#e6d4ae}.sync-pill[data-state=conflict]{color:var(--danger);background:#fae9ec}
.shell{grid-template-columns:360px minmax(0,1fr)}.side{background:var(--side);border-color:var(--line);padding:28px 18px}.shell>main{padding:32px clamp(20px,3vw,52px);background:var(--bg)}
.side>.kicker:first-child{margin-top:6px}.kicker{font-family:inherit;font-size:10px;font-weight:700;letter-spacing:.15em;color:var(--muted)}.kicker.accent{color:var(--accent)}.stack{gap:5px}.row{border-radius:10px;padding:10px 12px;color:var(--body);border:1px solid transparent}.row:hover{background:#e5e1d8}.row.active,.row.course.active,.row.all-notes.active{background:#e4dcf3;color:#57419d;border-color:#d5c9eb}.row.all-notes{background:#fffefa8c;border:1px solid var(--line);font-weight:600}.row.all-notes:hover{background:#fffefa}.row .count,.row.all-notes .count{background:#fffefa90;color:var(--muted);padding:1px 7px;border-radius:6px;font-size:11px}.note-row{border-radius:10px;margin:3px 0}.note-row .row{padding:12px 8px}.note-row .row.active{box-shadow:inset 3px 0 var(--accent)}.note-heading>.note-id{border-color:#b09ad4;color:var(--muted)}.note-id-k{color:var(--accent)}.reading-time{color:#827046}.notes-head{margin-top:28px}.layout-switch{background:#e1ddd4;border-radius:8px;padding:3px;border:0}.layout-switch button{border:0;border-radius:6px;color:var(--muted)}.layout-switch button[aria-pressed=true]{background:var(--sheet);color:var(--accent);box-shadow:0 1px 4px #29273510}.layout-switch button:hover{color:var(--accent)}.empty-side,.section-help{color:var(--muted)}
main .sheet,main .note-sheet{background:var(--sheet);border:1px solid var(--line);border-radius:18px;box-shadow:0 6px 24px #37312605;overflow:hidden;max-width:1280px;margin:0 auto}main .sheet-head,main .note-sheet .sheet-head{padding:32px 36px;background:var(--sheet);border-color:var(--line)}.title,main .note-sheet .title{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(28px,3vw,42px);line-height:1.2;letter-spacing:-1px;color:var(--ink);background:transparent}.title:focus{border-color:var(--accent)}.title-link{color:var(--ink);text-decoration-color:#ab96d6}.meta{gap:10px;color:var(--muted);font-size:12px}.meta input[type=text],.meta input[type=date],.tag-input,main .note-sheet .meta input{color:var(--body);background:#f5f3ee;border:1px solid var(--line);border-radius:7px;padding:5px 8px}.meta-sep{color:#c1baca}.meta-tool[aria-pressed=true]{color:var(--accent);background:#eae4f5;border-color:#d4c8e8}.tag,.chip{background:#eee8f7;border:1px solid #ded3ef;border-radius:7px;color:#66508d}.tag:hover,.chip:hover{background:#e4daf1;color:#513582}.title-url-field input{background:#f5f3ee;border-color:var(--line);color:var(--body)}
main .note-sheet .cornell,.cornell{background:var(--sheet);grid-template-columns:27% minmax(0,1fr)}main .note-sheet .cornell.cues-hidden,main .note-sheet .cornell.notes-hidden{grid-template-columns:1fr}main .note-sheet .cue-col,.cue-col{background:#f6f3eb;border-right:1px solid var(--line);padding:28px}main .note-sheet .notes-col,.notes-col{background:var(--sheet);padding:28px 36px;min-height:340px}main .note-sheet .section-help{color:var(--muted);font-size:12px}.cue-item input{color:var(--body)}.cue-item::before{color:#a99b77}.add-cue{border:1px dashed #c8bfa8;border-radius:9px;padding:6px 12px;color:#86754d;background:#fffefa70;width:100%}.add-cue:hover{border-color:var(--accent);color:var(--accent);background:#ece7f5}.body-input,.summary-input{color:var(--body);font-size:15px;line-height:1.9}.body-input::placeholder,.summary-input::placeholder{color:#a4a0a6}main .note-sheet .summary,.summary{padding:26px 36px;background:#f0ecf7;border-top:1px solid #dfd6ed}main .note-sheet .connections,.connections{background:#faf9f5;border-color:var(--line)}main .note-sheet .sheet-foot,.sheet-foot{background:var(--sheet);border-color:var(--line);padding:16px 28px;color:var(--muted)}.sheet-foot .actions .footer-icon{background:#f4f1e9;color:var(--body);border:1px solid var(--line);border-radius:10px}.sheet-foot .actions .footer-icon:hover{background:#eae3f5;color:var(--accent);border-color:#bcaed7}.sheet-foot .actions .trash-btn,.page-foot .library-trash{color:var(--danger);background:#fbf0f0;border-color:#ecced3}.sheet-foot .actions .trash-btn:hover,.page-foot .library-trash:hover{color:#963248;background:#f6dce2}.page-foot{background:var(--bg);border-color:var(--line);padding:12px 24px}.page-foot .library-trash{height:34px;min-height:34px;font-size:11px}.empty{padding:56px 36px!important}.empty h1{font-family:Georgia,serif;font-weight:400;font-size:38px;letter-spacing:-1px}.empty p{max-width:520px;color:var(--muted)}
.tile-board{padding:0}.tile-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.tile{background:var(--sheet);border:1px solid var(--line);border-radius:16px;box-shadow:0 4px 15px #29273504;overflow:hidden}.tile:nth-child(3n+1){border-top:3px solid #ac97d5}.tile:nth-child(3n+2){border-top:3px solid #a0b5a0}.tile:nth-child(3n){border-top:3px solid #d2b281}.tile.active{background:#f7f3fc;border-color:#b7a2da}.tile-open{padding:26px 24px;min-height:190px;color:var(--ink);background:transparent}.tile-open:hover{background:#f5f1fa}.tile-title{font-family:Georgia,serif;font-size:23px;font-weight:400}.tile-meta{color:var(--accent);font-size:11px}.tile-preview{color:var(--muted);font-size:13px;line-height:1.7}
.markdown-body,.prose{color:var(--body)}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6,.prose strong{color:var(--ink)}.markdown-body a,.md-wikilink{color:var(--accent)}.markdown-body blockquote{color:var(--muted);border-color:var(--accent)}.markdown-body pre,.md-file{background:#f3f1eb;border-color:var(--line);color:var(--body)}.markdown-body code{background:#eae5f2;color:#62458f}.markdown-body pre code,.markdown-body pre code.hljs{background:transparent;color:var(--body)}.markdown-body th,.markdown-body td{border-color:var(--line)}.markdown-body th{background:#eeebe3}.markdown-body hr,.md-preview{border-color:var(--line)}.md-preview summary{color:var(--accent)}.md-toolbar button{border:1px solid var(--line);border-radius:7px;background:#f5f2eb;color:var(--body)}.hljs-keyword,.hljs-selector-tag{color:#8253ac}.hljs-string{color:#46774c}.hljs-number,.hljs-literal{color:#ac6443}
.orbit-node{background:#fffefa;border-color:var(--line);color:var(--ink);border-radius:14px;box-shadow:0 4px 12px #29273508}.orbit-node.center{background:#eee7f8;border-color:#a58acb;color:#503c82}.orbit-node-course,.orbit-column-label,.orbit-column-empty{color:var(--muted)}.orbit-tabs,.orbit-controls{background:transparent}.orbit-tabs button{border-radius:9px;color:var(--body);border-color:var(--line)}.orbit-tabs button[aria-pressed=true]{background:var(--select);color:var(--accent);border-color:#c4b4df}.orbit-canvas,.orbit-wrap,.orbit-workbench{border-color:var(--line);background:var(--sheet)}select{background:var(--sheet);color:var(--ink);border:1px solid var(--line);border-radius:8px}dialog{color:var(--ink);background:var(--sheet);border-color:var(--line);border-radius:16px}dialog::backdrop{background:#28223266;backdrop-filter:blur(4px)}.toast{background:var(--ink);color:white;border-radius:12px}.focus-layer,.focus-bar{background:var(--bg);color:var(--ink);border-color:var(--line)}
.library-pulse{margin:0 0 28px;padding:18px 16px;border-radius:14px;background:#fffefa;border:1px solid var(--line)}.pulse-eyebrow{color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.14em;margin:0 0 14px}.pulse-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pulse-value{display:block;font-size:25px;font-weight:600;line-height:1.15;letter-spacing:-1px;color:var(--ink);font-variant-numeric:tabular-nums}.pulse-label{display:block;font-size:11px;color:var(--muted);margin-top:4px}.pulse-summary{margin-top:17px;padding-top:13px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.pulse-summary strong{color:var(--accent);font-weight:600}.pulse-track{height:5px;border-radius:5px;background:#eae5f0;margin-top:9px;overflow:hidden}.pulse-fill{height:100%;background:#a28acb;border-radius:5px;transition:width .2s}
#authGate{background:radial-gradient(ellipse at 18% 20%,#e5dcf2 0,transparent 48%),radial-gradient(ellipse at 85% 85%,#eee2cd 0,transparent 50%),#f5f3ee;padding:28px}.auth-card{position:relative;background:#fffefa;border:1px solid #e1dbd0;border-radius:24px;padding:42px;width:min(440px,100%);box-shadow:0 20px 90px #44345a0c}.auth-card::before{content:'C /';display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#eae2f5;color:var(--accent);font-family:Georgia,serif;font-size:23px;margin-bottom:28px}.auth-card h1{font-family:Georgia,serif;font-size:38px;letter-spacing:-1.5px;font-weight:400;margin:0 0 8px;color:var(--ink)}.auth-card p{color:var(--muted);font-size:14px}.auth-card label{color:var(--body);font-size:12px;font-weight:600;letter-spacing:0}.auth-card input{color:var(--ink);background:#f7f5f0;border:1px solid var(--line);border-radius:10px;min-height:48px;padding:12px 14px}.auth-card input:focus{border-color:var(--accent);outline:3px solid #6952bb12}.auth-card button{min-height:48px;margin-top:24px}.auth-card button:disabled{background:#b6a9d2;color:white;border-color:#b6a9d2}.auth-card #authMessage{font-size:12px;margin-bottom:0}
@media(min-width:861px){body.sidebar-hidden .shell{grid-template-columns:1fr}}
@media(max-width:1100px) and (min-width:861px){body>header{gap:12px;padding:14px 18px}.section-nav .nav-btn{padding:7px 10px}.search-wrap{min-width:160px}.search{width:180px}.shell{grid-template-columns:300px minmax(0,1fr)}.shell>main{padding:24px 20px}main .sheet-head,main .note-sheet .sheet-head{padding:26px}.sidebar-label{display:none}main .note-sheet .cue-col{padding:22px}main .note-sheet .notes-col{padding:22px 26px}}
@media(max-width:860px){body>header{padding:12px 16px;gap:10px}.brand{font-size:15px}.section-nav{border-radius:10px}.section-nav .nav-btn{padding:6px 13px}.shell{grid-template-columns:1fr}.shell>main{padding:18px 12px}.side{background:var(--side);padding:22px 16px}.search{border-radius:10px}.library-pulse{margin-bottom:20px}.cornell,main .note-sheet .cornell{grid-template-columns:1fr}main .sheet-head,main .note-sheet .sheet-head{padding:24px 20px}main .note-sheet .cue-col,.cue-col{border-right:0;border-bottom:1px solid var(--line);padding:22px 20px}main .note-sheet .notes-col,.notes-col,main .note-sheet .summary,.summary,main .note-sheet .connections,main .note-sheet .sheet-foot{padding:22px 20px}main .note-sheet{border-radius:14px}.tile-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.auth-card{padding:30px}.title,main .note-sheet .title{font-size:30px}.empty{padding:36px 24px!important}.empty h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){button,.pulse-fill{transition:none}}
main .ghost{background:#f8f6f0;color:var(--body);border-color:var(--line);border-radius:9px}main .ghost:hover{background:var(--select);color:var(--accent);border-color:#bcaed7}main .primary{background:var(--accent);color:white;border:1px solid var(--accent);border-radius:10px}main .primary:hover{background:#5943a4}main .icon-btn{color:var(--muted)}main .icon-btn:hover{color:var(--accent);border-color:var(--line)}main .empty p,main .empty-side,main .hint{color:var(--muted)}main .add-cue{color:#827046}main .note-sheet .meta label,main .note-sheet .meta .course-label{color:var(--muted)}main .links-sheet .title{font-family:Georgia,serif;font-size:32px;font-weight:400}main .links-sheet .ghost,main .links-sheet .primary{border-radius:9px}.link-form{background:#f8f6f0;padding-top:22px;padding-bottom:22px}.link-form input{background:var(--sheet);border:1px solid var(--line);border-radius:8px;padding:9px 12px}.link-form input:focus{outline:2px solid #bcaed7;outline-offset:2px}.link-columns{background:#eeebe3}.link-row:hover{background:#f4f0f9}.connection-action{color:var(--accent);border-color:var(--line);background:#f5f1fb;border-radius:8px}.note-id,.note-heading>.note-id{color:var(--muted);background:transparent}.note-id-k{color:var(--accent)}.reading-time{color:#827046}.focus-layer .bar{background:var(--sheet);border-color:var(--line)}
@media(max-width:860px){.section-nav{border-radius:0;background:var(--header);padding:6px 10px calc(6px + env(safe-area-inset-bottom));gap:6px}.section-nav .nav-btn{border-radius:10px;min-height:44px}.section-nav .nav-btn[aria-current=page]{background:var(--select);box-shadow:none}}
@media print{body,.shell>main,main .sheet,main .note-sheet,main .note-sheet .sheet-head,main .note-sheet .cue-col,main .note-sheet .notes-col,main .note-sheet .summary{background:white;color:black;box-shadow:none}.library-pulse{display:none}.shell>main{padding:0}.markdown-body,.markdown-body h1,.markdown-body h2,.markdown-body h3{color:black}}