:root{--bg:#faf9f6;--paper:#fff;--ink:#343a35;--muted:#8d9188;--line:#e9e8e1;--accent:#bd6d55;--accent-light:#f4e6dc;--green:#71816b;--sidebar:#f3f3ed}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Segoe UI',Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button{border:0;background:none}a{color:inherit;text-decoration:none}button,input,textarea,select,a{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #ad6e53}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}svg{flex-shrink:0;vertical-align:middle}input,textarea{min-width:0}select{cursor:pointer}input::placeholder,textarea::placeholder{color:var(--muted)}input:disabled{opacity:.6}.primary,.secondary,.danger{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:8px;padding:12px 17px;font-size:12px;font-weight:600;transition:background .15s,transform .15s}.primary{background:var(--ink);color:#fff}.primary:hover{background:#50594b}.secondary{border:1px solid #dcded4;background:#ffffffa6}.secondary:hover{background:#f1f2eb}.danger{background:#a44035;color:#fff}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 0;font-size:12px;color:var(--muted)}.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:3px;width:31px;height:31px;flex-shrink:0;border-radius:6px;color:var(--muted)}.icon-button:hover{background:#00000008;color:var(--ink)}.eyebrow{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:1.4px;font-weight:600;color:var(--muted)}kbd{font-family:inherit;font-size:10px;color:var(--muted);border:1px solid #e0e1d8;border-radius:4px;padding:2px 5px}.app-shell{min-height:100vh}.sidebar{width:242px;background:var(--sidebar);position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);padding:34px 22px 20px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:8px;font-size:23px;letter-spacing:-1px;font-weight:650}.brand-symbol{width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:var(--muted);transform:rotate(-13deg)}.brand-dot{color:var(--accent)}.workspace-label{display:flex;align-items:center;gap:10px;margin:39px 4px 24px;font-size:12px;font-weight:500}.avatar{display:flex;align-items:center;justify-content:center;width:33px;height:33px;border-radius:50%;background:#e6e9dd;border:3px solid #fff;font-size:11px;font-weight:600;color:var(--muted)}.workspace-label small{display:flex;align-items:center;gap:5px;font-size:9px;margin-top:5px;color:var(--muted);font-weight:400}.new-button{width:100%;background:#65755d;justify-content:flex-start;padding:12px 13px}.new-button:hover{background:#4d6246}.new-button kbd{margin-left:auto;color:var(--muted);border-color:#89967f}.nav-section{font-size:9px;letter-spacing:1.4px;font-weight:650;color:var(--muted);margin:31px 12px 12px}.nav-item{display:flex;align-items:center;gap:10px;min-height:39px;width:100%;text-align:left;padding:9px 12px;font-size:12px;border-radius:7px;color:var(--muted);margin-bottom:3px}.nav-item:hover{background:#e9ece2}.nav-item.active{background:#e5e9db;color:#526448;font-weight:600}.nav-item>span:last-child{margin-left:auto;font-size:10px;color:var(--muted)}.nav-item .nav-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;font-size:12px;margin:0}.collection-heading{display:flex;align-items:center;justify-content:space-between;margin-top:26px;margin-bottom:4px}.collection-dot{width:8px;height:8px;display:inline-block;border-radius:50%;flex-shrink:0;background:#b9bc9f}.dot-1{background:#b9bc9f}.dot-2{background:#c7b2a4}.dot-3{background:#d3bf91}.dot-0{background:#b6c5c5}.sidebar-bottom{margin-top:auto;padding-top:40px}.personal-card{position:relative;padding:18px 15px 22px;background:#ecece1;border-radius:8px;margin:0 0 22px}.personal-card>span{font-size:8px;letter-spacing:1.3px;color:var(--muted)}.personal-card p{font-family:Georgia,serif;font-style:italic;line-height:1.6;font-size:13px;margin-top:12px;color:var(--muted)}.personal-card svg{position:absolute;right:12px;bottom:13px;color:var(--muted);transform:rotate(-15deg)}.sidebar-bottom .nav-item{font-size:11px}.sidebar-bottom .nav-item>svg:last-child:not(:first-child){margin-left:auto}.side-footer{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--muted);padding:19px 12px 0}.sync-dot{display:inline-block;width:5px;height:5px;background:#829674;border-radius:50%;flex-shrink:0}.main-content{margin-left:242px;min-height:100vh}.topbar{height:77px;border-bottom:1px solid var(--line);padding:0 43px;display:flex;align-items:center;justify-content:space-between;background:#fbfaf8}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted)}.breadcrumb strong{font-weight:500;color:var(--muted)}.topbar-right{display:flex;gap:23px;align-items:center}.sync-indicator{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;max-width:300px;text-align:left}.sync-indicator span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-avatar{background:#ecdcd1;color:var(--muted)}.content-wrap{max-width:1510px;margin:0 auto;padding:43px 43px 0}.greeting{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.greeting .eyebrow{font-size:8px;letter-spacing:1.4px}.tiny-sun{font-size:18px;color:#bd9073;line-height:10px;margin-right:2px}.greeting h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:46px;letter-spacing:-1.5px;line-height:1.2;margin:15px 0 13px}.serif-dot{color:var(--muted)}.hand-wave{font-family:Georgia,serif;font-size:33px;color:var(--muted);display:inline-block;vertical-align:middle;margin-left:17px;transform:rotate(-10deg)}.greeting p{font-size:12px;color:var(--muted)}.date-stamp{display:flex;flex-direction:column;align-items:center;border:1px solid #e0e2d7;border-radius:10px;background:#f6f6f0;width:77px;padding:10px 0;margin-right:3px;transform:rotate(3deg)}.date-stamp>span{font-size:8px;letter-spacing:1.5px;color:var(--muted)}.date-stamp strong{font-size:30px;font-family:Georgia,serif;font-weight:400;color:var(--muted);margin:0 0 3px}.date-stamp small{font-size:8px;color:var(--muted)}.capture-strip{display:flex;align-items:center;justify-content:space-between;padding:23px 24px;background:#f1eee5;border:1px solid #ebe7da;border-radius:11px;margin-bottom:34px;gap:20px}.capture-copy{display:flex;align-items:center;gap:14px}.capture-icon{display:flex;width:39px;height:39px;align-items:center;justify-content:center;background:#e7e1d0;border-radius:50%;color:var(--muted);flex-shrink:0}.capture-copy h2{font-family:Georgia,serif;font-size:20px;color:#5b6053;white-space:nowrap}.capture-copy p{font-size:10px;color:var(--muted);margin-top:5px}.capture-actions{display:flex;align-items:center;gap:7px}.capture-actions button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:#fff9;width:96px;height:62px;border:1px solid #e4e0d4;border-radius:7px;color:var(--muted);font-size:9px;transition:transform .15s,background .15s}.capture-actions button:hover{transform:translateY(-3px);background:#fff}.capture-actions button:first-child svg{color:var(--muted)}.capture-actions button:nth-child(3) svg{color:var(--muted)}.workspace-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:26px}.view-switch{display:flex;gap:4px;align-items:center}.view-switch button{display:flex;gap:7px;align-items:center;font-size:11px;color:var(--muted);padding:9px 11px;border-radius:6px;white-space:nowrap}.view-switch button.selected{background:#e9ece3;color:var(--muted);font-weight:600}.new-badge{font-size:6px;letter-spacing:.7px;background:#ede9dd;color:var(--muted);padding:3px 4px;border-radius:3px}.toolbar-tools{display:flex;align-items:center;gap:15px}.search{display:flex;align-items:center;gap:7px;border:1px solid #e5e6df;border-radius:6px;padding:7px 9px;background:#fff9;color:var(--muted);width:209px}.search input{background:none;border:0;width:100%;font-size:10px;outline:none}.search kbd{font-size:8px;white-space:nowrap}.sort-select{border:0;background:none;font-size:10px;color:var(--muted);max-width:110px}.library-layout{display:grid;grid-template-columns:minmax(0,1fr) 239px;gap:30px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px;gap:8px}.section-heading h2{font-size:13px;font-weight:600}.section-heading h2>span{margin-left:6px;font-size:10px;font-weight:400;color:var(--muted)}.section-heading>span{font-size:9px;color:var(--muted)}.note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.peach{background:#f3e2d7}.sage{background:#e7eddf}.lavender{background:#eae5ee}.butter{background:#f2ecd7}.sky{background:#e2ebed}.paper{background:#f4f2eb}.note-card{border:1px solid #00000005;border-radius:9px;position:relative;min-height:235px;transition:transform .18s,box-shadow .18s;overflow:hidden}.note-card:hover{transform:translateY(-3px);box-shadow:0 7px 18px #373f2c0b}.note-main{display:block;width:100%;text-align:left;padding:19px 20px 38px;height:100%;min-height:235px}.note-card-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);margin-bottom:18px}.note-type{display:flex;align-items:center;gap:5px;font-size:7px;letter-spacing:1px;font-weight:500}.note-card h3{font-family:Georgia,serif;font-size:20px;letter-spacing:-.3px;margin-bottom:12px;line-height:1.25;overflow-wrap:anywhere}.note-preview{font-size:11px;line-height:1.8;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted);overflow-wrap:anywhere}.placeholder{font-style:italic;color:var(--muted)}.note-bottom{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:23px;font-size:8px;color:var(--muted)}.collection-pill{display:block;border:1px solid #94957f30;padding:4px 7px;border-radius:4px;font-size:8px;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-card-actions{position:absolute;bottom:5px;left:12px;right:10px;display:flex;justify-content:space-between;opacity:.55}.note-card:hover .note-card-actions{opacity:1}.note-card-actions small{font-size:8px}.note-photo{width:100%;height:135px;object-fit:cover;border-radius:5px;margin-top:14px}.sketch-preview{display:block;width:100%;height:120px;margin-top:8px}.task-preview{display:flex;align-items:center;gap:7px;margin:9px 0;font-size:10px;color:var(--muted)}.task-preview span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.done{text-decoration:line-through;color:var(--muted)!important}.add-note-card{border:1px dashed #d7ddcd;border-radius:9px;min-height:235px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;color:var(--muted);font-family:Georgia,serif;font-size:18px}.add-note-card>span{width:37px;height:37px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#eef0e7;margin-bottom:5px}.add-note-card small{font-size:9px;font-family:'Segoe UI',sans-serif;color:var(--muted)}.add-note-card:hover{background:#f0f2eb}.right-rail{padding-top:2px}.trail-promo{background:#eeeee3;border:1px solid #e4e6d8;border-radius:10px;padding:21px 20px}.trail-promo .eyebrow{font-size:7px;letter-spacing:.7px;color:var(--muted);white-space:nowrap}.trail-promo h2{font-size:25px;font-family:Georgia,serif;line-height:1.25;color:var(--muted);margin-top:17px;letter-spacing:-.5px}.connection-art{height:154px;position:relative;margin:5px -2px 0}.idea-chip{position:absolute;display:flex;gap:7px;align-items:center;padding:11px 12px;border:1px solid #e2dfd0;border-radius:6px;font-size:9px;color:var(--muted);z-index:1;box-shadow:1px 3px 4px #464f3120}.chip-one{top:17px;left:13px;transform:rotate(-7deg);background:#f5e6d6}.chip-two{top:69px;right:0;transform:rotate(6deg);background:#f7f2e5}.chip-three{bottom:0;left:8px;transform:rotate(-4deg);background:#e7e9db}.art-line{position:absolute;width:110px;border-top:1px dashed #b7bca0;left:42px;top:69px;transform:rotate(32deg)}.line-two{top:115px;transform:rotate(-24deg)}.art-spark{position:absolute;left:13px;top:73px;color:var(--muted);font-size:22px}.trail-promo p{font-size:10px;line-height:1.8;color:var(--muted);margin-top:20px}.trail-promo>button{font-size:10px;display:flex;align-items:center;gap:10px;color:var(--muted);border-top:1px solid #dfe3d3;margin-top:18px;padding:14px 0 0;width:100%;text-align:left}.space-stats{margin-top:27px;padding:0 5px}.space-stats h3{font-size:10px;font-weight:600;margin-bottom:17px;color:var(--muted)}.space-stats>div{display:flex;align-items:center;justify-content:space-between;margin:15px 0;font-size:9px;color:var(--muted)}.space-stats>div>span{display:flex;align-items:center;gap:8px}.space-stats strong{font-size:11px;font-weight:500;color:var(--muted)}.quiet-note{margin-top:30px;padding:25px 12px;border-top:1px solid #e6e9de;color:var(--muted)}.quiet-note>svg{transform:rotate(-15deg)}.quiet-note p{font-family:Georgia,serif;font-size:15px;font-style:italic;line-height:1.65;color:var(--muted);margin:12px 0 14px}.quiet-note>span{font-size:6px;letter-spacing:1.3px;color:var(--muted)}.main-footer{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:8px;margin-top:45px;padding:20px 0 25px;border-top:1px solid var(--line)}.main-footer>span{display:flex;align-items:center;gap:5px}.main-footer .brand-dot{font-size:16px;margin-left:6px}.empty-state{min-height:450px;border:1px dashed #e2e6d8;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:35px 20px;background:linear-gradient(130deg,#f8f8f2,#fdfbf7)}.empty-art{position:relative;width:155px;height:125px;margin-bottom:24px}.mini-note{position:absolute;width:75px;height:94px;border-radius:5px;box-shadow:0 4px 8px #52554015;border:1px solid #75775a12}.mini-one{background:#f0e1d4;left:8px;top:10px;transform:rotate(-13deg);padding:25px 12px}.mini-one span{display:block;height:2px;background:#c6ab90;margin:8px 0;width:90%}.mini-one span:nth-child(2){width:70%}.mini-two{right:9px;top:23px;background:#e7ebdb;transform:rotate(10deg);display:flex;align-items:center;justify-content:center;color:var(--muted)}.mini-spark{position:absolute;right:-1px;top:-6px;font-size:29px;color:var(--muted)}.empty-state .eyebrow{font-size:7px;letter-spacing:1.2px}.empty-state h2{font-family:Georgia,serif;font-size:27px;letter-spacing:-.5px;margin-top:12px;color:var(--muted);line-height:1.3}.empty-state p{font-size:11px;line-height:1.9;color:var(--muted);white-space:pre-line;margin:14px 0 24px}.empty-state .primary{background:#6f805e;font-size:11px}.empty-state .text-button{margin-top:7px;font-size:9px;color:var(--muted)}.mobile-menu{display:none}.sidebar-shade{display:none}.modal-shade{position:fixed;inset:0;z-index:80;background:#2b302d5c;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:24px}.small-modal{position:relative;width:480px;max-width:100%;max-height:90dvh;overflow:auto;background:#fafaf4;border:1px solid #e2e5d9;border-radius:15px;padding:37px;box-shadow:0 15px 70px #222e2420}.modal-close{position:absolute;right:12px;top:12px}.small-modal h2{font-family:Georgia,serif;font-size:30px;letter-spacing:-.6px;margin:13px 0 16px}.small-modal>p{font-size:12px;line-height:1.8;color:var(--muted);margin:12px 0}.small-modal h3{font-size:13px;margin:15px 0 10px}.small-modal hr{border:0;border-top:1px solid var(--line);margin:24px 0}.full-width{width:100%;margin:5px 0}.small-modal small{font-size:10px;line-height:1.7}.muted{color:var(--muted);font-size:10px;line-height:1.7}.settings-block{display:flex;gap:14px;align-items:flex-start;padding:18px 0;color:var(--muted)}.settings-block strong{display:block;font-size:11px;font-weight:500;margin-bottom:6px}.settings-block small{display:block;color:var(--muted)}.help-step{display:flex;gap:16px;margin:24px 0;color:var(--muted)}.help-step>svg{width:21px;margin-top:4px}.help-step h3{margin:0 0 6px;color:var(--muted)}.help-step p{font-size:11px;line-height:1.8;color:var(--muted)}.field-label{display:block;font-size:10px;color:var(--muted);margin:20px 0}.field-label input{display:block;width:100%;border:1px solid #dbe0ce;background:#fff;border-radius:7px;padding:13px;margin-top:8px;font-size:12px}.toast{position:fixed;bottom:24px;left:calc(50% + 100px);transform:translateX(-50%);max-width:650px;width:max-content;background:#3e4c38;color:#f4f6ec;border:1px solid #5e7053;box-shadow:0 4px 22px #33422f30;border-radius:9px;padding:13px 16px;display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.7;z-index:200}.toast .icon-button{color:var(--muted)}.editor-shade{position:fixed;inset:0;background:#30372d60;z-index:60;display:flex;justify-content:flex-end;backdrop-filter:blur(3px)}.editor{width:880px;max-width:calc(100% - 60px);height:100dvh;display:flex;flex-direction:column;background:#fcfbf7;position:relative;box-shadow:-8px 0 50px #17241e15;outline:none}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:22px 32px;background:#fdfcf8;border-bottom:1px solid #e8e9df;flex-shrink:0}.editor-header .eyebrow{font-size:8px;letter-spacing:1px}.editor-header>div:last-child{display:flex;align-items:center;gap:7px}.is-pinned{color:#bb8e46;background:#f1ebd8}.editor-title-wrap{padding:30px 38px 24px;background:#f8f8f188;flex-shrink:0}.editor-title{font-family:Georgia,serif;font-size:32px;border:0;background:none;width:100%;outline:none;letter-spacing:-.7px}.editor-meta{display:flex;align-items:center;justify-content:space-between;margin-top:24px;gap:10px}.editor-meta>label{display:flex;align-items:center;gap:9px;font-size:8px;color:var(--muted)}.editor-meta select{font-size:11px;color:var(--muted);border:1px solid #939e811e;padding:5px 8px;max-width:220px;border-radius:4px;background:#ffffff60}.color-picker{display:flex;gap:6px}.color-swatch{height:21px;width:21px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #727f5d20;color:var(--muted)}.color-swatch.chosen{outline:1px solid #929d80;outline-offset:2px}.editor-tabs{display:flex;padding:0 32px;gap:20px;border-bottom:1px solid #e4e7dc;background:#fcfbf8;flex-shrink:0}.editor-tabs>button{display:flex;gap:7px;align-items:center;font-size:11px;color:var(--muted);padding:16px 4px;border-bottom:2px solid transparent}.editor-tabs>button.active{color:var(--muted);border-color:#8a9d76}.editor-tabs>button span{font-size:8px;padding:1px 4px;background:#e4e9d9;border-radius:4px}.editor-content{flex:1;overflow:auto;padding:24px 38px 35px;background:#fdfcf9}.format-toolbar{display:flex;align-items:center;gap:5px;border-bottom:1px solid #eeeee7;padding-bottom:12px}.format-toolbar>span{font-size:9px;color:var(--muted);margin-left:auto}.note-writing{width:100%;min-height:280px;padding:25px 0 10px;font-size:15px;line-height:1.9;resize:vertical;border:0;outline:none!important;background:transparent;color:var(--muted)}.note-writing::placeholder{white-space:pre-line;line-height:2.3;font-family:Georgia,serif;font-size:20px;color:var(--muted)}.tasks-area{border-top:1px solid #e8eade;padding-top:22px;margin-top:18px}.tasks-area h3{font-size:11px;display:flex;align-items:center;gap:8px;color:var(--muted);margin-bottom:16px}.task-row{display:flex;align-items:center;gap:12px;margin:4px 0}.task-row input[type='checkbox']{accent-color:#819767;width:15px;height:15px;flex-shrink:0}.task-row input:not([type='checkbox']){border:0;background:none;flex:1;padding:8px 0;font-size:12px;outline:none}.task-row .icon-button{opacity:.4}.task-row:hover .icon-button{opacity:1}.add-task{display:flex;align-items:center;gap:9px;color:var(--muted);margin:10px 0}.add-task input{flex:1;border:0;background:none;outline:none;padding:8px 0;font-size:12px}.editor-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;border-top:1px solid #e4e7da;background:#fcfbf7;gap:15px;flex-shrink:0}.editor-sync{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:6px;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-footer .secondary{font-size:11px;padding:9px 14px}.sketch-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}.ink-colors{display:flex;gap:8px;align-items:center;margin-right:auto}.ink-colors>button{width:20px;height:20px;border-radius:50%;border:2px solid #fcfbf7}.ink-colors>button.chosen{outline:1px solid #7c8c69;outline-offset:2px}.sketch-tools select{font-size:10px;border:1px solid #dde2d2;padding:7px;background:none;border-radius:5px}.tool-toggle{padding:7px 9px;font-size:10px;border:1px solid #dde2d2;border-radius:5px;color:var(--muted)}.tool-toggle.active{background:#ece8c9;border-color:#cabd7d}.sketch-paper{position:relative;width:100%;border:1px solid #e0e4d8;border-radius:8px;background-color:#fffefb;background-image:radial-gradient(#dce1d3 1px,transparent 1px);background-size:20px 20px;overflow:hidden}.sketch-paper>svg{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair;aspect-ratio:900/560}.sketch-hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;color:var(--muted);pointer-events:none}.sketch-hint p{font-family:Georgia,serif;font-size:26px;color:var(--muted);font-style:italic}.sketch-hint small{font-size:10px}.sketch-caption{text-align:center;margin-top:15px}.media-capture{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:15px}.voice-capture,.photo-capture{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px 14px;border:1px dashed #d8dfca;border-radius:9px;background:#f4f5ed}.photo-capture{background:#f6f0e8;border-color:#e6daca}.round-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:#e4ead8;color:var(--muted)}.photo-capture .round-icon{background:#eee1d2;color:var(--muted)}.media-capture h3{font-family:Georgia,serif;font-size:19px;margin:15px 0 9px;color:var(--muted)}.media-capture p{font-size:10px;line-height:1.7;color:var(--muted);min-height:34px;margin-bottom:14px}.media-capture .secondary,.media-capture .primary{padding:9px 11px;font-size:10px}.round-icon.recording{color:#b6634c;background:#f5d7c8;animation:pulse 1.4s infinite}.stop-recording{background:#ad6450}.attachments-heading{font-size:12px;margin:30px 0 16px;color:var(--muted)}.attachments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.attachment{border:1px solid #e2e6d7;border-radius:8px;overflow:hidden;background:#f9faf3}.attachment img{width:100%;height:180px;object-fit:cover;display:block}.attachment-label{display:flex;align-items:center;padding:6px 8px;gap:4px;font-size:9px;color:var(--muted)}.attachment-label>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.attachment-label .icon-button{width:24px;height:24px}.audio-attachment{padding:20px 10px 12px;color:var(--muted);display:flex;align-items:center;flex-direction:column;gap:14px}.audio-attachment audio{width:100%;height:35px}.connections-area>h2{font-family:Georgia,serif;font-size:26px;color:var(--muted);margin:20px 0 12px}.connections-area>p{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:30px}.connections-area h3{font-size:10px;color:var(--muted);margin:25px 0 13px}.connected-note{display:flex;align-items:center;gap:3px;border-radius:6px;padding:8px 11px;margin-bottom:9px}.connected-note>button:first-child{display:flex;align-items:center;gap:9px;flex:1;text-align:left;font-size:12px;min-width:0;overflow-wrap:anywhere}.connected-note>button:first-child>svg:last-child{margin-left:auto}.link-search{width:100%;border:1px solid #dde3cf;background:#fff;padding:11px;border-radius:6px;font-size:11px}.link-options{margin-top:10px}.link-options>button{display:flex;align-items:center;width:100%;padding:13px 4px;border-bottom:1px solid #e7ebdf;gap:11px;text-align:left;font-size:12px;color:var(--muted)}.link-options>button>span:nth-child(2){flex:1}.link-options small{display:block;font-size:8px;color:var(--muted);margin-top:5px}.confirm-overlay{position:absolute;inset:0;background:#f6f7efed;z-index:3;display:flex;align-items:center;justify-content:center;text-align:center;padding:25px;backdrop-filter:blur(4px)}.confirm-overlay>div>svg{color:#b58b6b}.confirm-overlay h2{font-family:Georgia,serif;font-size:30px;margin:18px 0}.confirm-overlay p{font-size:12px;line-height:1.9;color:var(--muted)}.confirm-overlay>div>div{display:flex;justify-content:center;gap:10px;margin-top:23px}.trail-section{border:1px solid #e1e5d5;border-radius:10px;overflow:hidden;background:#fdfcf8}.trail-top{padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e6e9dc}.trail-top h2{font-family:Georgia,serif;font-size:21px;color:var(--muted)}.trail-top p{font-size:10px;color:var(--muted);margin-top:7px}.trail-top>div:last-child{display:flex;align-items:center;gap:8px}.trail-top .primary,.trail-top .secondary{font-size:10px;padding:9px 12px}.trail-board{width:100%;height:580px;overflow:auto;background-color:#f7f7ee;background-image:radial-gradient(#d8decb 1px,transparent 1px);background-size:22px 22px;overscroll-behavior:contain}.trail-world{position:relative;transform-origin:top left}.trail-lines{position:absolute;inset:0;pointer-events:none}.trail-note{position:absolute;width:240px;border:1px solid #b3b69d25;border-radius:8px;box-shadow:0 3px 7px #475c3012;transition:box-shadow .15s}.trail-note.dragging{box-shadow:0 10px 25px #37472125;z-index:3}.drag-handle{display:flex;align-items:center;gap:8px;width:100%;padding:11px 15px 8px;cursor:grab;touch-action:none;font-size:9px;color:var(--muted);text-align:left}.drag-handle:active{cursor:grabbing}.trail-note-main{display:block;width:100%;text-align:left;padding:5px 17px 16px}.trail-note-main h3{font-family:Georgia,serif;font-size:20px;line-height:1.3;margin-bottom:9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.trail-note-main p{font-size:11px;line-height:1.7;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.trail-note-main>span{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:9px;margin-top:15px}.trail-controls{display:flex;align-items:center;justify-content:space-between;padding:8px 15px;background:#f9faf2;border-top:1px solid #e0e6d2;color:var(--muted);font-size:9px}.trail-controls>span{display:flex;align-items:center;gap:8px}.trail-controls>div{display:flex;align-items:center;gap:10px}.trail-empty{position:absolute;left:70px;top:80px;width:490px;max-width:75%;text-align:center;padding:60px 20px;color:var(--muted);background:#fcfcf6dd;border:1px dashed #d9e1c9;border-radius:10px}.trail-empty h2{font-family:Georgia,serif;font-size:27px;margin:21px 0 14px;color:var(--muted)}.trail-empty p{font-size:12px;line-height:1.8;margin-bottom:25px}.connect-form{display:flex;align-items:center;gap:12px;padding:16px 22px;border-bottom:1px solid #e3e8d8;background:#f0f4e8}.connect-form select{border:1px solid #d8dfca;background:#fbfcf5;padding:9px;border-radius:6px;font-size:11px;flex:1;min-width:0}.connect-form .primary{padding:10px 14px;font-size:11px}.signin{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:radial-gradient(ellipse at 15% 10%,#edf0e5,transparent 60%),radial-gradient(ellipse at 90% 100%,#f3e4d8,transparent 60%),#f8f7f1;padding:40px 20px}.brand-mark{font-family:Georgia,serif;font-size:65px;font-style:italic;color:var(--muted)}.brand-mark>span{color:#b78265;font-size:36px}.signin .eyebrow{letter-spacing:3px;margin:20px 0 25px}.signin h1{font-family:Georgia,serif;font-size:65px;line-height:1.1;color:var(--muted);letter-spacing:-2px;font-weight:400}.signin p{font-size:14px;line-height:1.9;color:var(--muted);margin:28px 0}.signin .primary{background:#748664;padding:15px 25px;gap:25px}.signin small{font-size:9px;margin-top:28px;letter-spacing:.7px;color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 2s linear infinite;color:var(--muted)}@keyframes pulse{50%{opacity:.4}}@media(min-width:1500px){.note-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.library-layout{grid-template-columns:minmax(0,1fr) 260px}.capture-actions button{width:115px}.capture-actions{gap:13px}.content-wrap{padding-top:46px}.capture-strip{margin-bottom:40px}}@media(max-width:1250px){.sidebar{width:220px;padding:30px 18px 20px}.main-content{margin-left:220px}.topbar{padding:0 30px}.content-wrap{padding:35px 30px 0}.library-layout{grid-template-columns:minmax(0,1fr) 207px;gap:23px}.capture-strip{padding:20px 17px}.capture-copy h2{font-size:18px}.capture-copy{gap:10px}.capture-icon{display:none}.capture-actions button{width:81px;font-size:8px}.capture-actions{gap:6px}.toolbar-tools{gap:7px}.search{width:160px}.search kbd{display:none}.view-switch button{font-size:10px;padding:9px 8px}.new-badge{display:none}.trail-promo{padding:18px 15px}.trail-promo h2{font-size:24px}.trail-promo .eyebrow{font-size:6px}.section-heading>span{display:none}.note-main{padding:17px 16px 38px}.note-card h3{font-size:19px}.toast{left:calc(50% + 100px)}}@media(max-width:1050px){.library-layout{grid-template-columns:minmax(0,1fr)}.right-rail{display:none}.capture-copy p{max-width:155px;line-height:1.7}.capture-copy h2{font-size:17px}.capture-actions button{width:73px}.greeting h1{font-size:41px}.greeting .eyebrow{font-size:7px}.greeting p{font-size:11px}.sort-select{max-width:90px}.search{width:148px}.view-switch button{padding:9px 6px}.topbar-right{gap:15px}.sync-indicator{font-size:9px;max-width:250px}.trail-top{align-items:flex-start;flex-direction:column}.trail-top>div:last-child{width:100%}.trail-board{height:540px}.note-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-bottom{padding-top:25px}.personal-card{padding:15px 12px}.sidebar .brand{font-size:22px}.editor{max-width:calc(100% - 30px)}}@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:242px;z-index:45}.sidebar.shown{transform:translateX(0)}.sidebar-shade{display:block;position:fixed;inset:0;background:#29322655;z-index:40}.main-content{margin-left:0}.mobile-menu{display:flex;margin-right:12px}.topbar{height:66px;padding:0 24px;justify-content:flex-start}.topbar-right{margin-left:auto}.content-wrap{padding:29px 24px 0}.sync-indicator{max-width:210px;font-size:9px}.greeting{margin-bottom:25px}.greeting h1{font-size:40px}.capture-strip{margin-bottom:25px}.capture-actions button{width:81px}.capture-copy h2{font-size:18px}.workspace-toolbar{margin-bottom:22px}.search{width:190px}.view-switch button{padding:9px 10px}.library-layout{grid-template-columns:minmax(0,1fr) 200px;gap:22px}.note-grid{grid-template-columns:minmax(0,1fr)}.right-rail{display:block}.empty-state{min-height:460px;padding:35px 15px}.empty-state h2{font-size:24px}.empty-state .eyebrow{font-size:6px}.toast{left:50%;max-width:calc(100% - 32px);font-size:11px}.editor{width:100%;max-width:100%}.editor-title-wrap{padding:25px 28px}.editor-content{padding:22px 28px 30px}.editor-header{padding:17px 25px}.editor-tabs{padding:0 25px;gap:20px}.editor-footer{padding:15px 25px}.trail-note{width:240px}}@media(max-width:620px){.topbar{padding:0 17px;height:61px}.breadcrumb{font-size:10px;gap:7px}.topbar-right{gap:9px}.sync-indicator{width:20px;max-width:20px;padding:0}.sync-indicator span{display:none}.top-avatar{width:29px;height:29px;font-size:9px}.content-wrap{padding:26px 18px 0}.greeting h1{font-size:37px;margin-top:13px;margin-bottom:11px}.greeting .eyebrow{font-size:6px;letter-spacing:1px}.greeting p{font-size:10px;line-height:1.7;max-width:255px}.date-stamp{width:58px;padding:8px 0;align-self:center;margin-top:16px;flex-shrink:0}.date-stamp strong{font-size:25px}.date-stamp span{font-size:6px}.date-stamp small{font-size:6px}.hand-wave{font-size:25px;margin-left:10px}.capture-strip{flex-direction:column;align-items:stretch;padding:18px 14px;gap:17px}.capture-copy h2{font-size:20px}.capture-copy p{max-width:none;font-size:9px}.capture-icon{display:flex;width:33px;height:33px}.capture-copy{gap:11px}.capture-actions{justify-content:space-between;gap:7px}.capture-actions button{width:auto;flex:1;height:63px;font-size:8px;gap:9px}.capture-actions svg{width:16px}.workspace-toolbar{flex-direction:column;align-items:stretch;gap:15px;padding-bottom:17px}.view-switch{justify-content:flex-start;gap:10px}.view-switch button{font-size:11px;padding:9px 13px}.toolbar-tools{justify-content:space-between;gap:15px}.search{width:auto;flex:1;padding:9px 10px}.search input{font-size:11px}.sort-select{font-size:10px;max-width:110px}.library-layout{display:block}.right-rail{display:none}.note-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.note-card{min-height:210px}.note-main{padding:16px 13px 35px;min-height:210px}.note-card h3{font-size:18px;line-height:1.35}.note-preview{font-size:10px;line-height:1.7;-webkit-line-clamp:4}.note-type{font-size:6px;letter-spacing:.5px}.note-card-top{margin-bottom:14px}.note-card-actions .icon-button{width:24px;height:25px}.note-bottom{font-size:7px;flex-wrap:wrap;margin-top:18px}.collection-pill{font-size:7px;padding:3px 5px}.add-note-card{font-size:16px;min-height:210px}.add-note-card small{font-size:8px}.note-photo{height:105px}.task-preview{font-size:9px}.sketch-preview{height:95px}.empty-state{min-height:425px;padding:30px 20px}.empty-state h2{font-size:28px;max-width:290px}.empty-state .eyebrow{font-size:7px}.empty-art{margin-bottom:22px}.main-footer{margin-top:30px;font-size:7px}.main-footer>span:last-child{font-size:7px}.main-footer .brand-dot{font-size:12px}.small-modal{padding:32px 24px 25px}.modal-shade{padding:16px}.small-modal h2{font-size:27px}.editor-header{padding:15px 17px}.editor-header .eyebrow{font-size:6px;letter-spacing:.6px}.editor-header>div:last-child{gap:2px}.editor-title-wrap{padding:24px 20px 22px}.editor-title{font-size:27px}.editor-meta{margin-top:19px}.editor-meta select{max-width:180px;font-size:10px}.editor-meta label>span{display:none}.color-picker{gap:5px}.color-swatch{width:18px;height:18px}.editor-tabs{padding:0 14px;gap:3px;justify-content:space-between}.editor-tabs>button{font-size:10px;gap:5px;padding:14px 4px}.editor-tabs svg{width:14px}.editor-content{padding:20px 20px 25px}.format-toolbar>span{font-size:7px;max-width:150px;line-height:1.5;text-align:right}.note-writing{font-size:14px;min-height:240px}.note-writing::placeholder{font-size:18px}.editor-footer{padding:12px 17px;gap:8px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.editor-sync{font-size:8px;max-width:62%}.media-capture{grid-template-columns:1fr;gap:15px}.media-capture>div{padding:22px 15px}.media-capture p{min-height:0}.attachments{grid-template-columns:1fr}.attachment img{height:auto;max-height:350px}.sketch-tools{gap:7px}.ink-colors{width:100%;justify-content:center;margin-bottom:10px;gap:16px}.sketch-tools .tool-toggle{font-size:9px}.sketch-hint{gap:8px}.sketch-hint p{font-size:20px}.sketch-hint small{font-size:8px}.sketch-hint svg{width:20px}.trail-top{padding:20px 17px}.trail-top h2{font-size:22px}.trail-top p{font-size:9px;line-height:1.7}.trail-board{height:500px}.trail-controls{font-size:8px;padding:7px 10px;gap:7px}.trail-controls>span{font-size:7px;gap:4px}.trail-controls>div{gap:4px}.connect-form{flex-wrap:wrap;gap:8px;padding:15px}.connect-form select{flex:1 0 80%;font-size:10px}.connect-form>svg{display:none}.connect-form .primary{flex:1}.trail-empty{left:25px;top:60px;width:320px;padding:45px 22px;max-width:80%}.trail-empty h2{font-size:25px}.trail-empty p{font-size:11px}.signin h1{font-size:48px}.signin p{font-size:12px}.signin small{font-size:8px}.toast{bottom:15px;padding:11px 13px;gap:9px;font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-height:850px) and (min-width:801px){.personal-card{display:none}.sidebar-bottom{padding-top:20px}.workspace-label{margin-top:28px}.sidebar{overflow:auto}.nav-section{margin-top:24px}.collection-heading{margin-top:15px}}

.login-panel{max-width:420px;width:100%;text-align:center}.login-panel h2{font:26px Georgia,serif;color:var(--muted);margin-bottom:14px}.login-panel p{font-size:11px;line-height:1.8;margin:12px 0 22px}.login-panel .primary{width:100%}.login-panel .field-label{text-align:left}.microsoft-mark{display:grid;grid-template-columns:7px 7px;grid-template-rows:7px 7px;gap:2px}.microsoft-mark i:nth-child(1){background:#f25022}.microsoft-mark i:nth-child(2){background:#7fba00}.microsoft-mark i:nth-child(3){background:#00a4ef}.microsoft-mark i:nth-child(4){background:#ffb900}

:root,[data-theme="cobalt"]{--primary:#3459bd;--primary-hover:#28489e;--tint:#e9efff;--soft:#f1f5ff;--logo-detail:#bfddff;--bg:#f8f9fc;--sidebar:#eef2fa;--ink:#26334b;--muted:#4b586b;--line:#dce3ef;--accent:#3459bd;--accent-light:#e9efff;--green:#3459bd;--paper:#fff}
[data-theme="plum"]{--primary:#80509c;--primary-hover:#693d83;--tint:#f1e8f7;--soft:#f9f3fc;--logo-detail:#e7c9ff;--bg:#fbf9fc;--sidebar:#f3edf7;--ink:#3e2e48;--muted:#4b586b;--line:#e7ddec;--accent:#80509c;--accent-light:#f1e8f7;--green:#80509c}
[data-theme="terracotta"]{--primary:#a74c36;--primary-hover:#893a28;--tint:#f9e9e2;--soft:#fff5f0;--logo-detail:#ffd4b9;--bg:#fcf9f6;--sidebar:#f8eee7;--ink:#49362f;--muted:#4b586b;--line:#ebded5;--accent:#a74c36;--accent-light:#f9e9e2;--green:#a74c36}
[data-theme="forest"]{--primary:#376d57;--primary-hover:#28553f;--tint:#e3f0e9;--soft:#f1f8f3;--logo-detail:#bbe6ce;--bg:#f8faf7;--sidebar:#edf3ed;--ink:#293e33;--muted:#4b586b;--line:#dbe6dc;--accent:#376d57;--accent-light:#e3f0e9;--green:#376d57}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:var(--primary)}
.brand-symbol{width:35px;height:35px;transform:none}.brand{gap:10px;font-size:22px;letter-spacing:-.8px}.thoughttrail-mark{display:block;flex-shrink:0}.brand-mark{margin-bottom:5px}.brand-dot,.serif-dot,.tiny-sun{color:var(--primary)}
.primary,.new-button,.empty-state .primary,.signin .primary{background:var(--primary);color:var(--on-primary,white)}.primary:hover,.new-button:hover,.empty-state .primary:hover,.signin .primary:hover{background:var(--primary-hover)}
.primary kbd{color:white;border-color:#ffffff66}.secondary{background:var(--paper);border-color:var(--line)}.secondary:hover{background:var(--soft)}
.avatar,.top-avatar{background:var(--tint);color:var(--primary)}.nav-item.active,.view-switch button.selected{background:var(--tint);color:var(--primary)}.nav-item:hover{background:var(--soft)}
.personal-card,.trail-promo,.capture-strip,.date-stamp{background:var(--soft);border-color:var(--line)}.personal-card p,.trail-promo h2,.trail-promo>button,.capture-copy h2,.date-stamp strong{color:var(--ink)}.personal-card svg,.capture-icon,.capture-actions svg{color:var(--primary)}.capture-icon{background:var(--tint)}.capture-actions button{border-color:var(--line);background:var(--paper);color:var(--muted)}.capture-actions button:first-child svg{color:var(--primary)}
.topbar,.small-modal,.editor{background:var(--bg)}.small-modal,.trail-section,.trail-top,.trail-controls,.connect-form{border-color:var(--line)}.small-modal>p,.settings-block small,.muted,.greeting p,.sync-indicator,.eyebrow,.breadcrumb,.side-footer,.nav-section,.nav-item,.nav-item>span:last-child,.workspace-label small{color:var(--muted)}.breadcrumb strong,.signin h1,.login-panel h2{color:var(--ink)}
.empty-state{background:linear-gradient(135deg,var(--soft),var(--paper));border-color:var(--line)}.empty-state h2,.trail-empty h2{color:var(--ink)}.empty-state p,.trail-empty p{color:var(--muted)}
.trail-top,.trail-controls{background:var(--soft)}.trail-board{background-color:var(--bg);background-image:radial-gradient(var(--line) 1px,transparent 1px)}.trail-lines path{stroke:var(--primary)}.trail-empty{background:var(--paper);border-color:var(--line)}.connect-form{background:var(--tint)}.connect-form select{background:var(--paper);border-color:var(--line)}
.signin{background:radial-gradient(ellipse at 10% 0%,var(--tint),transparent 65%),radial-gradient(ellipse at 95% 100%,var(--soft),transparent 60%),var(--bg)}.signin p,.signin small{color:var(--muted)}.signin small{line-height:1.7}.signin .theme-picker{margin:25px 0 0}.signin .theme-picker legend{font-size:11px;letter-spacing:0}.signin .theme-picker p{margin:0}
.theme-picker{border:0;padding:0;margin:22px 0;min-width:0;text-align:left}.theme-picker legend{font-size:13px;font-weight:600;margin-bottom:12px;color:var(--ink)}.theme-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.theme-option{display:flex;flex-direction:column;align-items:center;gap:9px;padding:12px 4px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--muted);font-size:10px}.theme-option:hover{border-color:var(--primary)}.theme-option.chosen{border:2px solid var(--primary);padding:11px 3px;color:var(--primary);font-weight:600;background:var(--soft)}.theme-swatch{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white}.theme-picker>p{font-size:10px;margin-top:10px;color:var(--muted);line-height:1.7}.compact{width:320px;max-width:100%}.compact legend{text-align:center;width:100%}.appearance-button{color:var(--primary)}
@media(max-width:620px){.theme-options{gap:6px}.theme-option{font-size:9px}.compact{width:300px}}
.google-mark{display:inline-flex;width:21px;height:21px;align-items:center;justify-content:center;border-radius:50%;background:white;color:#4285f4;font:bold 17px Arial,sans-serif}.google-signup-setup{margin-top:12px}

/* Notebook and visual board share one continuous editing workspace. */
.studio-shell .studio-sidebar{transform:none}.studio-card.sky{background:var(--studio-sky)}.studio-card.paper{background:var(--studio-paper)}.mini-wave{display:inline-flex;align-items:center;gap:2px;height:27px}.mini-wave i{display:block;width:2px;background:currentColor;border-radius:2px}
.studio-shell{height:100dvh;min-height:0;display:grid;grid-template-columns:212px minmax(0,1fr);overflow:hidden;background:var(--studio-page);color:var(--ink)}
.studio-shell button,.studio-shell input,.studio-shell select,.studio-shell textarea{font-family:inherit}.studio-shell button:focus-visible,.studio-shell a:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.studio-shell .icon-button{flex-shrink:0}
.studio-sidebar{position:relative;inset:auto;width:auto;height:100%;min-height:0;padding:29px 17px 16px;background:var(--studio-sidebar);border-right:1px solid var(--studio-line);display:flex;flex-direction:column;overflow:auto}.studio-sidebar .brand{font-size:24px;gap:7px;margin:0 0 30px;letter-spacing:-1px}.studio-sidebar .brand-dot{color:var(--primary)}.studio-sidebar .new-button{width:100%;min-height:42px;margin:0 0 24px;padding:10px 12px;font-size:12px;gap:9px;border-radius:7px}.studio-sidebar .new-button kbd{margin-left:auto;background:#ffffff20;border:0;font-size:10px;padding:1px 5px}.studio-sidebar nav{display:grid;gap:4px}.studio-sidebar .nav-item{min-height:36px;padding:9px 10px;font-size:11px;gap:10px;border-radius:6px;display:flex;align-items:center;width:100%;text-decoration:none;color:var(--muted)}.studio-sidebar .nav-item.active{background:var(--tint);color:var(--primary);font-weight:600}.studio-sidebar .nav-item>.nav-name{flex:1;text-align:left}.studio-sidebar .nav-item>span:last-child:not(.nav-name){font-size:10px;color:inherit}.studio-sidebar .nav-section{margin:27px 10px 10px;font-size:9px;letter-spacing:1.2px;text-transform:uppercase}.studio-sidebar .collection-heading{display:flex;align-items:center;justify-content:space-between}.collection-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:#8ca584;flex-shrink:0}.dot-1{background:#c59b7d}.dot-2{background:#aaa0bb}.dot-3{background:#c6b777}.studio-side-bottom{margin-top:auto;padding-top:32px}.studio-side-bottom>p{font-family:Georgia,serif;font-size:14px;font-style:italic;line-height:1.6;color:var(--studio-muted);padding:0 10px;margin:0 0 24px}.studio-side-bottom>p svg{display:block;margin-bottom:9px;color:var(--studio-muted)}.studio-account{border-top:1px solid var(--studio-line);margin:17px 0 0;padding:17px 3px 0;display:flex;gap:9px;align-items:center;font-size:10px}.studio-account .avatar{display:grid;place-items:center;width:30px;height:30px;background:var(--studio-selected);color:var(--studio-muted);border-radius:50%;font-family:Georgia,serif;font-size:15px;flex-shrink:0}.studio-account small{font-size:8px;display:flex;align-items:center;gap:3px;margin-top:5px;color:var(--muted)}
.studio-main{min-width:0;min-height:0;display:grid;grid-template-rows:80px minmax(0,1fr);overflow:hidden}.studio-topbar{display:flex;gap:15px;align-items:center;padding:0 30px;border-bottom:1px solid var(--studio-line);background:var(--studio-panel)}.studio-heading{flex:1;min-width:0}.studio-heading .eyebrow{font-size:8px;letter-spacing:1.7px;color:var(--studio-muted)}.studio-heading h1{font-family:Georgia,'Times New Roman',serif;font-size:25px;font-weight:400;margin:5px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-view-switch,.board-mode-switch{display:flex;align-items:center;background:var(--studio-soft);border:1px solid var(--studio-line);padding:3px;border-radius:7px;gap:3px}.studio-view-switch button,.board-mode-switch button{display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 12px;border:0;background:transparent;border-radius:5px;font-size:11px;color:var(--muted);white-space:nowrap}.studio-view-switch button.selected,.board-mode-switch button.selected{background:var(--studio-surface);color:var(--primary);box-shadow:0 1px 4px #26334b0b}.studio-sync{color:var(--studio-muted)}.studio-topbar .mobile-menu{display:none}
.workspace-stage{display:grid;min-width:0;min-height:0;overflow:hidden}.workspace-stage.notebook{grid-template-columns:250px minmax(0,1fr)}.workspace-stage.board{grid-template-columns:minmax(0,1fr)}.workspace-stage.board.note-open{grid-template-columns:minmax(0,1fr) minmax(360px,38%)}
.studio-note-list{min-width:0;min-height:0;display:flex;flex-direction:column;border-right:1px solid var(--studio-line);background:var(--studio-panel)}.list-tools{padding:20px 18px 13px}.studio-search{display:flex;align-items:center;gap:8px;color:var(--studio-muted);min-width:0}.studio-search input{width:100%;min-width:0;border:0!important;box-shadow:none!important;outline:none;background:transparent;font-size:11px;color:var(--ink);padding:7px 0}.studio-search:focus-within{color:var(--primary)}.list-tools select{margin:10px 0 0;padding:3px 0;font-size:10px;border:0;background:transparent;color:var(--muted);max-width:100%}.list-caption{display:flex;justify-content:space-between;padding:10px 20px;font-size:9px;letter-spacing:.8px;text-transform:uppercase;color:var(--studio-muted)}.note-list-scroll{overflow:auto;flex:1;min-height:0;padding:0 10px 15px}.note-list-item{width:100%;text-align:left;border:1px solid transparent;border-radius:7px;background:transparent;padding:15px 12px;margin:0 0 7px;color:var(--ink);display:block}.note-list-item:hover{background:var(--studio-soft)}.note-list-item.selected{background:var(--studio-selected);border-color:var(--studio-line);box-shadow:0 2px 4px #485e3a04}.note-list-item>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:6px}.note-list-item h2{font-size:12px;font-weight:600;line-height:1.5;margin:0 0 6px}.note-list-item>small{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:var(--studio-muted);margin-top:12px}.list-color{width:6px;height:6px;border-radius:50%}.list-new{margin:0;padding:17px 20px;border:0;border-top:1px solid var(--studio-line);background:transparent;color:var(--muted);display:flex;align-items:center;gap:8px;font-size:11px;text-align:left}.list-new:hover{color:var(--primary);background:var(--soft)}.list-empty{padding:40px 10px;text-align:center;color:var(--muted);font-size:12px}.list-empty svg{color:var(--studio-muted)}
.preview-writing{margin:7px 0 0;color:var(--studio-muted);font-size:11px;line-height:1.8;white-space:pre-line;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.note-list-item .preview-writing{-webkit-line-clamp:2;font-size:10px;line-height:1.8;margin:0}.preview-photo{width:100%;height:132px;object-fit:cover;border-radius:5px;display:block;margin:12px 0 5px}.note-list-item .preview-photo{max-width:72px;height:40px;margin:8px 0}.preview-sketch{display:block;width:100%;max-height:150px;background:var(--studio-surface);border-radius:5px;margin:12px 0}.preview-task{display:flex;align-items:flex-start;gap:7px;margin:9px 0;font-size:11px;line-height:1.5;color:var(--studio-muted)}.preview-task svg{flex-shrink:0;margin-top:1px}.preview-task.done{text-decoration:line-through;opacity:.6}.preview-voice{display:flex;align-items:center;gap:8px;color:var(--studio-muted);font-size:10px;padding:12px 0 4px}.mini-wave{font-size:19px;letter-spacing:1px;color:var(--studio-muted);overflow:hidden;white-space:nowrap}.preview-connections{display:flex;gap:5px;align-items:center;margin-top:10px;font-size:9px;color:var(--studio-muted)}
.editor-dock{height:100%;min-width:0;min-height:0;overflow:hidden;background:var(--studio-surface);border-left:0}.studio-shell .editor{position:relative;inset:auto;transform:none;max-width:none;width:100%;height:100%;max-height:none;margin:0;border:0;border-radius:0;background:var(--studio-surface);box-shadow:none;display:flex;flex-direction:column;overflow:hidden;color:var(--ink)}.studio-shell .editor-header{padding:18px 27px 12px;min-height:53px;background:var(--studio-surface);border:0;display:flex;align-items:center;justify-content:space-between;gap:10px}.editor-breadcrumb{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--studio-muted);min-width:0}.editor-saved{display:flex;align-items:center;gap:4px;color:var(--studio-muted);font-size:9px;margin-left:8px}.studio-shell .editor-header>div:last-child{display:flex;align-items:center;gap:4px}.studio-shell .editor-header .icon-button{width:27px;height:27px;color:var(--studio-muted)}.studio-shell .editor-title-wrap{padding:9px 32px 18px}.studio-shell .editor-title{font-family:Georgia,'Times New Roman',serif;font-size:32px;font-weight:400;line-height:1.35;letter-spacing:-.7px;border:0;background:transparent;padding:0;width:100%;color:var(--studio-muted);outline:none}.studio-shell .editor-title::placeholder{color:var(--studio-muted)}.studio-shell .editor-meta{display:flex;justify-content:space-between;gap:10px;margin-top:17px;align-items:center}.studio-shell .editor-meta label{display:flex;align-items:center;gap:8px;font-size:8px;color:var(--studio-muted)}.studio-shell .editor-meta select{font-size:10px;background:var(--studio-soft);border:1px solid var(--studio-line);border-radius:4px;color:var(--studio-muted);padding:5px 8px;max-width:190px}.studio-shell .color-picker{display:flex;gap:7px}.studio-shell .color-swatch{width:14px;height:14px;min-height:0;border:1px solid #0000000a;border-radius:50%;padding:0;display:grid;place-items:center;color:var(--studio-muted)}.studio-shell .color-swatch.chosen{outline:1px solid #a1ad96;outline-offset:2px}.studio-shell .editor-tabs{padding:0 27px;display:flex;gap:20px;background:var(--studio-surface);border-bottom:1px solid var(--studio-line);overflow:auto;flex-shrink:0}.studio-shell .editor-tabs button{font-size:10px;gap:6px;padding:11px 0;background:transparent;border:0;border-bottom:2px solid transparent;color:var(--studio-muted);display:flex;align-items:center;white-space:nowrap}.studio-shell .editor-tabs button.active{border-bottom-color:var(--primary);color:var(--primary)}.studio-shell .editor-tabs button span{font-size:8px;padding:1px 4px;border-radius:3px;background:var(--studio-soft)}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;flex:1;min-height:0;overflow:hidden}.studio-shell .editor-content{padding:18px 31px 35px;overflow:auto;min-height:0;min-width:0;flex:initial}.studio-shell .format-toolbar{display:flex;gap:6px;align-items:center;border:0;padding:0 0 13px;margin:0;background:transparent}.studio-shell .format-toolbar span{font-size:8px;color:var(--studio-muted);line-height:1.5;margin-left:8px}.studio-shell .format-toolbar .icon-button{width:24px;height:25px;color:var(--studio-muted)}.studio-shell .note-writing{font-family:Georgia,'Times New Roman',serif;font-size:15px;line-height:1.95;width:100%;min-height:230px;resize:none;padding:0;border:0;border-radius:0;outline:none;box-shadow:none;background:transparent;color:var(--studio-muted)}.studio-shell .note-writing::placeholder{color:var(--studio-muted)}.studio-shell .tasks-area{border-top:1px solid var(--studio-line);margin-top:22px;padding-top:22px}.studio-shell .tasks-area h3{font-size:11px;font-weight:500;color:var(--studio-muted);display:flex;gap:7px;align-items:center;margin:0 0 12px}.studio-shell .task-row{margin:3px 0;padding:4px 0;gap:9px}.studio-shell .task-row input[type=text],.studio-shell .task-row input:not([type]){font-size:11px;color:var(--studio-muted)}.studio-shell .task-row input[type=checkbox]{accent-color:#829c71;width:13px;height:13px}.studio-shell .add-task{margin-top:9px;border:1px dashed var(--studio-line);background:var(--studio-panel);border-radius:5px;padding:7px;gap:7px;color:var(--studio-muted)}.studio-shell .add-task input{font-size:10px;min-width:0}.studio-shell .add-task .text-button{font-size:10px}.studio-shell .editor-insert{display:flex;align-items:center;justify-content:center;gap:4px;padding:10px 20px;border-top:1px solid var(--studio-line);background:var(--studio-surface);flex-shrink:0}.editor-insert button{border:1px solid transparent;background:transparent;color:var(--studio-muted);border-radius:5px;display:flex;align-items:center;gap:6px;padding:8px 9px;font-size:9px}.editor-insert button:hover{background:var(--soft);color:var(--primary)}.studio-shell .editor-footer{padding:8px 24px;min-height:44px;background:var(--studio-panel);border-top:1px solid var(--studio-line);gap:10px;flex-shrink:0}.studio-shell .editor-footer .secondary{padding:5px 10px;font-size:10px;min-height:27px;border-color:var(--studio-line);color:var(--studio-muted)}.studio-shell .editor-sync{font-size:8px;color:var(--studio-muted)}.studio-shell .editor-footer>.icon-button{width:25px;height:25px;color:var(--studio-muted)}
.thought-support{border-left:1px solid var(--studio-line);background:var(--studio-panel);overflow:auto;padding:22px 16px 30px;min-width:0}.thought-support>h2{text-transform:uppercase;font-size:8px;letter-spacing:1.1px;color:var(--studio-muted);font-weight:500;margin:0 0 23px}.thought-support>section{margin-bottom:23px}.support-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.support-title h3{font-size:11px;font-weight:500;margin:0;color:var(--studio-muted)}.support-title .icon-button{width:20px;height:20px;color:var(--studio-muted)}.support-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;width:100%;min-height:74px;background:var(--studio-soft);border:1px dashed var(--studio-line);border-radius:5px;color:var(--studio-muted);font-size:9px;line-height:1.5;padding:13px}.support-placeholder:hover{background:var(--studio-soft)}.support-photo{display:block;text-decoration:none;color:var(--studio-muted);margin:0 0 10px}.support-photo img{width:100%;max-height:140px;object-fit:cover;border-radius:5px;display:block}.support-photo span,.support-sketch span{font-size:8px;display:block;padding:5px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-sketch{width:100%;border:1px solid var(--studio-line);border-radius:5px;background:var(--studio-surface);text-align:left;color:var(--studio-muted);padding:5px}.support-sketch svg{width:100%;display:block}.support-audio{padding:8px 0}.support-audio audio{width:100%;height:30px}.support-audio small{font-size:8px;color:var(--studio-muted);display:block;margin:5px 0;overflow-wrap:anywhere}.support-link{width:100%;display:flex;align-items:center;gap:7px;background:var(--studio-soft);border:1px solid var(--studio-line);border-radius:4px;padding:10px 7px;margin:5px 0;text-align:left;font-size:9px;color:var(--studio-muted)}.support-link>span:nth-child(2){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.studio-board-surface{min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--studio-page);overflow:hidden}.board-toolbar{padding:18px 24px;display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--studio-line);min-height:70px}.board-mode-switch button{padding:6px 12px;font-size:10px}.board-toolbar .studio-search{flex:1;max-width:260px}.board-count{margin-left:auto;white-space:nowrap;font-size:9px;color:var(--studio-muted)}.studio-card-scroll{flex:1;min-height:0;overflow:auto;padding:24px}.studio-cards{columns:245px;column-gap:20px}.studio-card{position:relative;break-inside:avoid;border:1px solid var(--studio-line);border-radius:7px;margin-bottom:20px;box-shadow:0 3px 7px #424d3605;background:var(--studio-surface);overflow:hidden}.studio-card.selected{border:1px solid var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 12%,transparent)}.studio-card-main{width:100%;display:block;text-align:left;border:0;background:transparent;padding:20px;color:inherit}.card-collection{display:flex;align-items:center;gap:6px;text-transform:uppercase;font-size:8px;letter-spacing:.7px;color:var(--studio-muted);margin-bottom:14px}.card-collection svg{margin-left:auto}.studio-card h2{font-family:Georgia,'Times New Roman',serif;font-size:19px;line-height:1.35;font-weight:400;color:var(--studio-muted);margin:0 0 11px;overflow-wrap:anywhere}.studio-card .preview-writing{font-size:11px;color:var(--studio-muted);-webkit-line-clamp:6}.card-date{display:block;margin-top:19px;font-size:8px;color:var(--studio-muted)}.studio-card .card-connect{position:absolute;right:12px;bottom:12px;color:var(--studio-muted);width:23px;height:23px}.studio-card.sage{background:var(--studio-sage)}.studio-card.peach{background:var(--studio-peach)}.studio-card.lavender{background:var(--studio-lavender)}.studio-card.butter{background:var(--studio-butter)}.studio-card.blue{background:var(--studio-sky)}.studio-card.cream{background:var(--studio-paper)}.studio-board-empty,.studio-empty-editor{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;color:var(--studio-muted);min-width:0}.studio-board-empty{min-height:350px}.studio-board-empty h2,.studio-empty-editor h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--studio-muted);font-size:30px;margin:20px 0 8px}.studio-board-empty p,.studio-empty-editor p{max-width:330px;line-height:1.9;font-size:12px;margin:8px 0 25px}.studio-empty-editor{background:var(--studio-surface)}.empty-notebook{width:82px;height:82px;background:var(--studio-soft);border-radius:50%;display:grid;place-items:center;margin-bottom:27px;color:var(--studio-muted)}.studio-empty-editor .eyebrow{font-size:8px;letter-spacing:1.5px}.studio-empty-editor .text-button{margin-top:20px;font-size:10px;display:flex;gap:7px;align-items:center}.board .editor-dock{border-left:1px solid var(--studio-line)}.board .thought-support{display:none}.board .editor-layout{grid-template-columns:minmax(0,1fr)}.board .editor-saved{display:none}.board .editor-title{font-size:29px}.board .editor-header{padding:16px 22px 10px}.board .editor-title-wrap{padding:8px 25px 18px}.board .editor-content{padding:18px 25px 30px}.board .editor-tabs{gap:16px;padding:0 23px}.board .editor-tabs button{font-size:9px;gap:5px}.board .format-toolbar span{display:none}.board .editor-insert{padding:10px 8px;gap:0}.board .editor-insert button{padding:7px;font-size:8px;gap:4px}
.studio-shell .trail-section{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;margin:0;padding:0;border:0;border-radius:0;background:transparent}.studio-shell .trail-top{padding:16px 22px;border-bottom:1px solid var(--studio-line);flex-wrap:wrap;gap:12px}.studio-shell .trail-top h2{font-family:Georgia,serif;font-size:18px;font-weight:400;margin:0}.studio-shell .trail-top p{font-size:9px;margin:6px 0 0}.studio-shell .trail-top>div:last-child{display:flex;gap:6px}.studio-shell .trail-top button{font-size:9px;padding:8px;min-height:30px}.studio-shell .trail-board{height:auto;min-height:100px;flex:1;border-radius:0;background-color:var(--studio-page);background-image:radial-gradient(var(--studio-line) 1px,transparent 1px);background-size:20px 20px}.studio-shell .trail-note{width:240px;border-radius:7px;border-color:var(--studio-line);box-shadow:0 4px 12px #4359340a;overflow:hidden}.studio-shell .trail-note.selected{outline:2px solid var(--primary);outline-offset:1px}.studio-shell .trail-note .drag-handle{font-size:9px;padding:9px 14px;color:var(--studio-muted)}.studio-shell .trail-note-main{padding:5px 17px 14px;max-height:235px;overflow:auto}.studio-shell .trail-note h3{font-family:Georgia,serif;font-size:19px;font-weight:400;line-height:1.4;margin:5px 0 10px}.studio-shell .trail-note .preview-writing{-webkit-line-clamp:3}.studio-shell .trail-note .preview-photo{height:70px}.studio-shell .trail-note .preview-sketch{max-height:80px}.studio-shell .trail-note-main>span:last-child{font-size:8px;margin-top:14px}.studio-shell .trail-controls{padding:10px 17px;background:var(--studio-panel);border-top:1px solid var(--studio-line);font-size:9px}.studio-shell .connect-form{margin:0;padding:12px 18px;flex-wrap:wrap;background:var(--studio-soft);border:0;border-bottom:1px solid var(--studio-line)}.studio-shell .connect-form select{min-width:100px;flex:1;font-size:10px}.studio-shell .connect-form button{font-size:10px}.studio-shell .sketch-tools{flex-wrap:wrap;gap:9px}.studio-shell .media-capture{grid-template-columns:1fr;gap:14px}.studio-shell .media-capture>div{padding:22px}.studio-shell .media-area>p{font-size:9px;line-height:1.8}.studio-shell .connections-area h2{font-family:Georgia,serif;font-size:25px;font-weight:400}.studio-shell .connections-area>p{font-size:11px;line-height:1.8}.studio-shell .connections-area h3{font-size:12px}.studio-shell .attachments{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.studio-shell .connected-note button,.studio-shell .link-options button{font-size:11px}.studio-shell .small-modal{max-height:90dvh;overflow:auto}
@media(min-width:1600px){.workspace-stage.notebook{grid-template-columns:280px minmax(0,1fr)}.editor-layout{grid-template-columns:minmax(0,1fr) 240px}.studio-shell .editor-content{padding:24px 45px 40px}.studio-shell .editor-title-wrap{padding-left:45px}.studio-shell .note-writing{font-size:17px}.studio-cards{columns:270px}}
@media(max-width:1250px){.thought-support{display:none}.editor-layout{grid-template-columns:minmax(0,1fr)}.studio-shell{grid-template-columns:190px minmax(0,1fr)}.studio-sidebar{padding-left:12px;padding-right:12px}.studio-sidebar .brand{font-size:22px}.workspace-stage.notebook{grid-template-columns:225px minmax(0,1fr)}.studio-topbar{padding:0 24px}.studio-cards{columns:210px}.board-toolbar{gap:12px;padding:16px}.board-count{display:none}.workspace-stage.board.note-open{grid-template-columns:minmax(0,1fr) minmax(340px,43%)}.studio-card-scroll{padding:18px}.studio-card{margin-bottom:16px}.studio-shell .editor-saved{display:none}}
@media(max-width:1000px){.studio-shell{grid-template-columns:172px minmax(0,1fr)}.studio-sidebar .brand{font-size:20px;gap:3px}.studio-sidebar .brand svg{width:25px}.studio-sidebar .nav-item{font-size:10px;padding:9px 7px;gap:7px}.studio-account small{font-size:7px}.workspace-stage.notebook{grid-template-columns:210px minmax(0,1fr)}.studio-shell .editor-title{font-size:28px}.studio-shell .editor-tabs{gap:15px;padding:0 20px}.studio-shell .editor-tabs button{font-size:9px;gap:4px}.studio-shell .editor-title-wrap{padding:8px 24px 16px}.studio-shell .editor-content{padding:16px 23px 30px}.studio-shell .editor-header{padding:14px 20px 10px}.studio-shell .format-toolbar span{display:none}.studio-shell .editor-insert{padding:8px 5px;gap:0}.editor-insert button{font-size:8px;gap:4px;padding:8px}.workspace-stage.board.note-open{grid-template-columns:minmax(0,1fr) 340px}.studio-view-switch button{font-size:10px;padding:8px}.studio-topbar{padding:0 20px;gap:10px}.studio-heading h1{font-size:23px}.studio-card-main{padding:16px}.board-toolbar .studio-search{display:none}}
@media(max-width:760px){.studio-shell{display:block;height:100dvh}.studio-sidebar{position:fixed;left:-245px;top:0;bottom:0;width:230px;z-index:60;padding:25px 17px 17px;transition:left .2s}.studio-sidebar.shown{left:0}.studio-sidebar .brand{font-size:25px;gap:8px}.studio-sidebar .nav-item{font-size:12px}.studio-account small{font-size:8px}.studio-shell .sidebar-shade{z-index:59}.studio-main{height:100%;grid-template-rows:68px minmax(0,1fr)}.studio-topbar{padding:0 14px;gap:9px}.studio-topbar .mobile-menu{display:grid;width:28px;height:30px}.studio-heading .eyebrow{display:none}.studio-heading h1{font-size:20px;margin:0}.studio-view-switch{padding:2px;gap:1px}.studio-view-switch button{padding:7px;font-size:9px;gap:4px}.studio-view-switch svg{width:13px;height:13px}.studio-topbar .studio-sync{display:none}.workspace-stage.notebook,.workspace-stage.board.note-open{grid-template-columns:minmax(0,1fr)}.notebook.note-open .studio-note-list,.board.note-open .studio-board-surface{display:none}.workspace-stage.notebook:not(.note-open) .studio-empty-editor{display:none}.studio-note-list{border:0}.list-tools{padding:18px 22px 9px;display:flex;align-items:center;gap:20px}.list-tools .studio-search{flex:1}.list-tools select{margin:0}.studio-search input{font-size:13px}.note-list-scroll{padding:0 14px 15px}.note-list-item{padding:19px 15px;margin-bottom:8px}.note-list-item h2{font-size:14px}.note-list-item .preview-writing{font-size:12px}.note-list-item>small{font-size:10px}.list-caption{padding:12px 28px}.list-new{padding:19px 28px;font-size:13px}.studio-shell .editor-title-wrap,.board .editor-title-wrap{padding:8px 24px 18px}.studio-shell .editor-title{font-size:30px}.studio-shell .editor-tabs{padding:0 23px;gap:22px}.studio-shell .editor-tabs button{font-size:10px;padding:12px 0}.studio-shell .editor-content,.board .editor-content{padding:20px 24px 30px}.studio-shell .note-writing{font-size:16px}.studio-shell .editor-header,.board .editor-header{padding:16px 20px 10px}.editor-breadcrumb{font-size:10px}.studio-shell .editor-insert,.board .editor-insert{justify-content:space-evenly;padding:9px 8px}.editor-insert button,.board .editor-insert button{flex-direction:column;gap:6px;font-size:9px;padding:7px 9px}.studio-shell .editor-footer{padding:8px 20px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.studio-shell .editor-meta{margin-top:16px}.studio-shell .task-row input:not([type]),.studio-shell .add-task input{font-size:12px}.board-toolbar{padding:14px 20px;min-height:63px}.board-toolbar .studio-search{display:flex}.studio-cards{columns:200px;column-gap:14px}.studio-card-scroll{padding:20px 16px}.studio-card{margin-bottom:14px}.studio-shell .trail-controls>span{font-size:8px}.studio-shell .trail-top{padding:16px}.studio-shell .trail-top>div:last-child{width:100%}.studio-shell .trail-top h2{font-size:20px}.studio-shell .trail-top p{font-size:10px}.studio-shell .trail-top button{font-size:10px;flex:1}.studio-shell .sketch-tools select{font-size:11px}.studio-shell .small-modal{width:calc(100vw - 30px);padding:29px 22px}}
@media(prefers-reduced-motion:reduce){.studio-sidebar{transition:none}}
/* Embedded browsers may not report hover/pointer capabilities correctly. */
.studio-shell,.studio-shell *{scrollbar-width:none;scrollbar-color:transparent transparent}
.studio-shell *:hover,.studio-shell *:focus-visible{scrollbar-width:thin;scrollbar-color:#a3ad99 transparent}
.studio-shell *::-webkit-scrollbar{width:0;height:0}
.studio-shell *:hover::-webkit-scrollbar,.studio-shell *:focus-visible::-webkit-scrollbar{width:6px;height:6px}
.studio-shell *::-webkit-scrollbar-track,.studio-shell *::-webkit-scrollbar-corner{background:transparent}
.studio-shell *::-webkit-scrollbar-thumb{background:transparent;border-radius:6px}
.studio-shell *:hover::-webkit-scrollbar-thumb,.studio-shell *:focus-visible::-webkit-scrollbar-thumb{background:#a3ad99}
.studio-shell *::-webkit-scrollbar-button{display:none}

:root{
 --studio-page:#f0f4fc;--studio-sidebar:#e7eefb;--studio-surface:#f8faff;--studio-panel:#f1f5fd;--studio-soft:#e8effc;--studio-selected:#dce7fc;--studio-line:#c7d5ef;
 --studio-ink:#26334b;--studio-muted:#43536b;--muted:#43536b;--studio-sage:#eef3e6;--studio-peach:#fbefe6;--studio-lavender:#f1edf7;--studio-butter:#faf6e5;--studio-sky:#edf2f8;--studio-paper:#fdfcf7;
}
[data-theme="plum"]{
 --studio-page:#f7f1fa;--studio-sidebar:#efe5f6;--studio-surface:#fdf9ff;--studio-panel:#f8f2fc;--studio-soft:#f0e7f6;--studio-selected:#e8daf1;--studio-line:#dbcae6;
 --studio-ink:#38213f;--studio-muted:#5d4668;--muted:#5d4668;
}
[data-theme="terracotta"]{
 --studio-page:#fcf3ee;--studio-sidebar:#f8e8df;--studio-surface:#fffaf6;--studio-panel:#fdf4ed;--studio-soft:#faeade;--studio-selected:#f3dccf;--studio-line:#e5cbbd;
 --studio-ink:#432a24;--studio-muted:#654d44;--muted:#654d44;
}
[data-theme="forest"]{
 --studio-page:#f1f7f2;--studio-sidebar:#e4efe6;--studio-surface:#f9fdf9;--studio-panel:#f2f8f3;--studio-soft:#e7f1e8;--studio-selected:#d8e9dc;--studio-line:#c4dbc9;
 --studio-ink:#20392b;--studio-muted:#425f4c;--muted:#425f4c;
}
[data-theme="dark"]{
 color-scheme:dark;--primary:#9bb8ff;--primary-hover:#b9cdff;--on-primary:#111827;--tint:#293c55;--soft:#223044;--logo-detail:#d4e2ff;--bg:#111827;--sidebar:#151f2e;--ink:#f1f4fa;--muted:#c1cad9;--line:#3d4b60;--accent:#9bb8ff;--accent-light:#293c55;--green:#9bb8ff;--paper:#1b2636;
 --studio-page:#111827;--studio-sidebar:#151f2e;--studio-surface:#1b2636;--studio-panel:#172131;--studio-soft:#223044;--studio-selected:#293c55;--studio-line:#3d4b60;
 --studio-ink:#f1f4fa;--studio-muted:#c1cad9;--studio-sage:#23362d;--studio-peach:#3c2b28;--studio-lavender:#302b41;--studio-butter:#383322;--studio-sky:#24334a;--studio-paper:#262f3b;
}
.studio-shell{color:var(--studio-ink)}
.studio-shell .editor-title-wrap,.studio-shell .editor-content{background:var(--studio-surface);color:var(--studio-ink)}
.studio-shell .editor-title,.studio-shell .note-writing,.studio-card h2,.studio-shell .trail-note h3,.studio-board-empty h2,.studio-empty-editor h2{color:var(--studio-ink)}
.studio-shell .note-writing::placeholder,.studio-shell .editor-title::placeholder,.studio-shell input::placeholder,.studio-shell textarea::placeholder{color:var(--studio-muted);opacity:1}
.studio-shell .task-row input:not([type=checkbox]){color:var(--studio-ink)}
.studio-shell .preview-task.done{opacity:1}
.studio-shell .studio-sidebar .nav-item,.studio-shell .editor-header .icon-button,.studio-shell .editor-insert button{color:var(--studio-muted)}
.studio-shell .studio-sidebar .nav-item.active{color:var(--primary)}
.studio-shell .editor-title:focus-visible,.studio-shell .note-writing:focus-visible{outline:2px solid var(--primary);outline-offset:5px}
.studio-shell .studio-search:focus-within{box-shadow:0 1px 0 var(--primary)}
.studio-shell .studio-heading .eyebrow,.studio-shell .nav-section,.studio-shell .list-caption,.studio-shell .card-collection,.studio-shell .thought-support>h2{font-size:10px}
.studio-shell .editor-breadcrumb,.studio-shell .editor-saved,.studio-shell .editor-sync,.studio-shell .note-list-item>small,.studio-shell .card-date,.studio-shell .support-photo span,.studio-shell .support-sketch span,.studio-shell .support-audio small{font-size:10px}
.studio-shell .format-toolbar span{font-size:10px}
.studio-shell .editor-insert button,.board .editor-insert button,.studio-shell .support-placeholder,.studio-shell .support-link{font-size:11px}
.studio-shell .editor-meta label>span,.studio-shell .editor-meta select{font-size:10px}
.studio-shell .editor-tabs button,.studio-shell .studio-sidebar .nav-item,.studio-shell .list-tools select{font-size:11px}
.studio-shell .small-modal,.studio-shell .field-label input,.studio-shell .link-search,.studio-shell .link-options>button,.studio-shell .connected-note,.studio-shell .attachment,.studio-shell .voice-capture,.studio-shell .photo-capture,.studio-shell .round-icon,.studio-shell .ink-colors,.studio-shell .sketch-tools select,.studio-shell .tool-toggle{
 background:var(--studio-soft);border-color:var(--studio-line);color:var(--studio-ink)
}
.studio-shell .small-modal{background:var(--studio-surface)}
.studio-shell .support-sketch svg,.studio-shell .preview-sketch{background:#fff;border-radius:4px}
.studio-shell .sketch-paper{color-scheme:light;background-color:#fffefb}
.studio-shell .sketch-hint{color:#485644}.studio-shell .sketch-hint p,.studio-shell .sketch-hint small{color:#485644}
.studio-shell .task-row .icon-button{opacity:1}
.studio-shell .color-swatch{color:#314035}.studio-shell .color-swatch.chosen{outline-color:var(--primary)}
.primary kbd{color:var(--on-primary,white)}
.studio-shell .confirm-overlay{background:color-mix(in srgb,var(--studio-surface) 94%,transparent);color:var(--studio-ink)}
.studio-shell .connected-note button{color:var(--studio-ink)}
.studio-shell .tool-toggle.active{background:var(--tint);color:var(--primary)}
.studio-shell .trail-note.sage,.studio-shell .connected-note.sage{background:var(--studio-sage)}
.studio-shell .trail-note.peach,.studio-shell .connected-note.peach{background:var(--studio-peach)}
.studio-shell .trail-note.lavender,.studio-shell .connected-note.lavender{background:var(--studio-lavender)}
.studio-shell .trail-note.butter,.studio-shell .connected-note.butter{background:var(--studio-butter)}
.studio-shell .trail-note.sky,.studio-shell .connected-note.sky{background:var(--studio-sky)}
.studio-shell .trail-note.paper,.studio-shell .connected-note.paper{background:var(--studio-paper)}
.studio-shell .toast{background:var(--studio-surface);color:var(--studio-ink);border-color:var(--studio-line)}.studio-shell .toast .icon-button{color:var(--studio-ink)}
.studio-shell .task-row input[type=checkbox]{accent-color:var(--primary)}
.studio-shell *:hover,.studio-shell *:focus-visible{scrollbar-color:color-mix(in srgb,var(--primary) 45%,var(--studio-line)) transparent}
.studio-shell *:hover::-webkit-scrollbar-thumb,.studio-shell *:focus-visible::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--primary) 45%,var(--studio-line))}
[data-theme="dark"] .studio-shell .sidebar-shade,[data-theme="dark"] .modal-shade{background:#020712a6}
[data-theme="dark"] .studio-shell .icon-button:hover{background:#ffffff14;color:var(--studio-ink)}
[data-theme="dark"] .danger{background:#f3a7a1;color:#35100e}
[data-theme="dark"] .stop-recording{background:#f3a7a1;color:#35100e}
[data-theme="dark"] .signin{background:radial-gradient(ellipse at 10% 0%,#223654,transparent 65%),#111827}
[data-theme="dark"] .theme-swatch{color:#fff}
.theme-picker.compact{width:360px;max-width:100%}
@media(max-width:620px){.theme-options{gap:5px}.theme-option{padding:10px 3px;font-size:9px}.theme-option.chosen{padding:9px 2px}.theme-swatch{width:25px;height:25px}.studio-shell .editor-tabs{gap:18px}.studio-shell .editor-insert button,.board .editor-insert button{font-size:10px}}