*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.relative{position:relative}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.flex-shrink{flex-shrink:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.border{border-width:1px}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--font-sans:"Inter",system-ui,sans-serif;--font-serif:"Source Serif 4",Georgia,serif;--color-canvas:#faf8f5;--color-paper:#fff;--color-paper-elevated:#fff;--color-ink:#1a1915;--color-ink-secondary:#6b6860;--color-ink-tertiary:#9c9890;--color-border:#e8e4dd;--color-border-subtle:#f0ece6;--color-accent:#2c5282;--color-accent-hover:#1e3a5f;--color-accent-soft:#ebf4ff;--color-danger:#c53030;--color-danger-soft:#fff5f5;--color-btn-parchment:linear-gradient(145deg,#fdfbf8,#f5f1ea);--color-btn-parchment-hover:linear-gradient(145deg,#f8f5f0,#f0ebe3);--color-btn-parchment-border:rgba(0,0,0,.06);--color-btn-parchment-shadow:0 1px 1px rgba(0,0,0,.04),0 2px 4px rgba(0,0,0,.02),inset 0 -1px 1px rgba(0,0,0,.02),inset 0 1px 1px hsla(0,0%,100%,.9);--color-btn-parchment-shadow-hover:0 2px 4px rgba(0,0,0,.06),0 4px 8px rgba(0,0,0,.03),inset 0 -1px 1px rgba(0,0,0,.02),inset 0 1px 1px hsla(0,0%,100%,.9);--color-btn-parchment-shadow-active:0 1px 2px rgba(0,0,0,.04),inset 0 1px 2px rgba(0,0,0,.04);--color-input-bg:linear-gradient(145deg,#fefdfb,#faf7f3);--color-input-bg-focus:linear-gradient(145deg,#fff,#fcfaf7);--color-input-shadow:inset 0 1px 3px rgba(0,0,0,.03),inset 0 0 0 1px hsla(0,0%,100%,.5);--color-input-shadow-focus:inset 0 1px 3px rgba(0,0,0,.02),inset 0 0 0 1px hsla(0,0%,100%,.8),0 0 0 3px rgba(44,82,130,.08);--shadow-sm:0 1px 2px rgba(26,25,21,.04);--shadow-md:0 2px 8px rgba(26,25,21,.06),0 1px 2px rgba(26,25,21,.04);--shadow-lg:0 4px 16px rgba(26,25,21,.08),0 2px 4px rgba(26,25,21,.04);--shadow-drag:0 8px 32px rgba(26,25,21,.12),0 4px 8px rgba(26,25,21,.06);--spacing-module:1.5rem;--ease-out-expo:cubic-bezier(.16,1,.3,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--radius-sm:6px;--radius-md:10px;--radius-lg:14px}*{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:var(--color-ink);font-family:var(--font-sans);letter-spacing:.01em;line-height:1.65;margin:0;min-height:100vh}.loading-screen,body{background-color:var(--color-canvas)}.loading-screen{align-items:center;display:flex;inset:0;justify-content:center;position:fixed;transition:opacity .4s var(--ease-out-expo),visibility .4s;z-index:1000}.loading-screen.hidden{opacity:0;visibility:hidden}.loading-content{display:flex;gap:6px}.loading-dot{animation:loadingPulse 1.4s ease-in-out infinite;background-color:var(--color-ink-tertiary);border-radius:50%;height:8px;width:8px}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes loadingPulse{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-header{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border-subtle);display:flex;justify-content:space-between;padding:.75rem 1.25rem;position:sticky;top:0;z-index:100}.app-header,.app-header:before{background-color:var(--color-canvas)}.app-header:before{content:"";inset:0;opacity:.9;position:absolute;z-index:-1}.header-left{align-items:baseline;display:flex;gap:.75rem}.app-title{font-family:var(--font-sans);font-size:1.125rem;font-weight:600;letter-spacing:-.02em;margin:0}.header-date{color:var(--color-ink-tertiary);font-size:.8125rem;letter-spacing:.02em}.header-right{align-items:center;display:flex;gap:1rem}.user-email{font-size:.8125rem;letter-spacing:.01em}.settings-button,.user-email{color:var(--color-ink-secondary)}.settings-button{align-items:center;background-color:var(--color-paper);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s var(--ease-out-expo);width:32px}.settings-button:hover{background-color:var(--color-canvas);border-color:var(--color-ink-tertiary);color:var(--color-ink)}.settings-button svg{height:16px;width:16px}.footer-bar{bottom:0;justify-content:center;left:0;padding:1.5rem;position:fixed;right:0;z-index:100}.footer-bar,.footer-tip{align-items:center;display:flex}.footer-tip{gap:.5rem;padding:.25rem .5rem}.footer-tip-keys{align-items:center;display:flex;gap:.25rem}.footer-tip-key{align-items:center;background-color:var(--color-canvas);border:1px solid var(--color-border);border-radius:3px;box-shadow:0 1px 0 var(--color-border);color:var(--color-ink-secondary);display:inline-flex;font-family:var(--font-sans);font-size:.625rem;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 .375rem}.footer-tip-description{color:var(--color-ink-tertiary);font-size:.75rem;letter-spacing:.01em}.footer-settings-btn{align-items:center;background-color:var(--color-paper);border:1px solid var(--color-border);border-radius:50%;box-shadow:var(--shadow-sm);color:var(--color-ink-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:1.5rem;transition:all .15s;width:36px}.footer-settings-btn:hover{background-color:var(--color-canvas);border-color:var(--color-ink-tertiary);box-shadow:var(--shadow-md);color:var(--color-ink)}.footer-settings-btn svg{height:18px;width:18px}.app-main{flex:1;margin:0 auto;padding:1.5rem 0 4rem;width:90%}.greeting-section{animation:fadeSlideIn .6s var(--ease-out-expo) both;margin-bottom:1.5rem}.greeting{font-family:var(--font-serif);font-size:1.75rem;font-weight:500;letter-spacing:-.01em;margin:0 0 .125rem}.greeting-subtext{color:var(--color-ink-secondary);font-size:.875rem;letter-spacing:.02em;margin:0}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.grid-stack{background:transparent;margin-left:-12px;margin-right:-12px;position:relative}.grid-stack-item{background:transparent;position:absolute}.grid-stack-item>.grid-stack-item-content{background:transparent;inset:0;overflow:visible;position:absolute}.grid-stack-placeholder>.placeholder-content{background-color:var(--color-accent-soft);border:2px dashed var(--color-accent);border-radius:var(--radius-lg);inset:0;opacity:.5;position:absolute}.module-card-wrapper{box-sizing:border-box;height:100%;padding:12px}.module-card-wrapper>.module-card{display:flex;flex-direction:column;height:100%}.grid-stack-item .ui-icon,.grid-stack-item .ui-resizable-handle .ui-icon,.ui-icon,.ui-resizable-handle>*,.ui-resizable-handle>span{background:none!important;background-image:none!important;display:none!important}.grid-stack-item>.ui-resizable-e,.grid-stack-item>.ui-resizable-handle,.grid-stack-item>.ui-resizable-n,.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-s,.grid-stack-item>.ui-resizable-se,.grid-stack-item>.ui-resizable-sw,.grid-stack-item>.ui-resizable-w{background:transparent!important;background-color:transparent!important;background-image:none!important}.grid-stack-item>.ui-resizable-handle{cursor:default;position:absolute}.grid-stack-item>.ui-resizable-e,.grid-stack-item>.ui-resizable-n,.grid-stack-item>.ui-resizable-s,.grid-stack-item>.ui-resizable-w{display:none}.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se,.grid-stack-item>.ui-resizable-sw{height:24px;width:24px;z-index:10}.grid-stack-item>.ui-resizable-se{cursor:se-resize}.grid-stack-item>.ui-resizable-sw{cursor:sw-resize}.grid-stack-item>.ui-resizable-ne{cursor:ne-resize}.grid-stack-item>.ui-resizable-nw{cursor:nw-resize}.grid-stack-item>.ui-resizable-se{bottom:12px;right:12px}.grid-stack-item>.ui-resizable-sw{bottom:12px;left:12px}.grid-stack-item>.ui-resizable-ne{right:12px;top:12px}.grid-stack-item>.ui-resizable-nw{left:12px;top:12px}.grid-stack-item>.ui-resizable-ne:after,.grid-stack-item>.ui-resizable-ne:before,.grid-stack-item>.ui-resizable-nw:after,.grid-stack-item>.ui-resizable-nw:before,.grid-stack-item>.ui-resizable-se:after,.grid-stack-item>.ui-resizable-se:before,.grid-stack-item>.ui-resizable-sw:after,.grid-stack-item>.ui-resizable-sw:before{background-color:#32cd32;border-radius:var(--radius-sm);content:"";opacity:0;position:absolute;transition:opacity .15s ease,background-color .15s ease}.grid-stack-item>.ui-resizable-se:before{bottom:-4px;height:12px;right:-4px;width:2px}.grid-stack-item>.ui-resizable-se:after{bottom:-4px;height:2px;right:-4px;width:12px}.grid-stack-item>.ui-resizable-sw:before{bottom:-4px;height:12px;left:-4px;width:2px}.grid-stack-item>.ui-resizable-sw:after{bottom:-4px;height:2px;left:-4px;width:12px}.grid-stack-item>.ui-resizable-ne:before{height:12px;right:-4px;top:-4px;width:2px}.grid-stack-item>.ui-resizable-ne:after{height:2px;right:-4px;top:-4px;width:12px}.grid-stack-item>.ui-resizable-nw:before{height:12px;left:-4px;top:-4px;width:2px}.grid-stack-item>.ui-resizable-nw:after{height:2px;left:-4px;top:-4px;width:12px}.grid-stack-item>.ui-resizable-ne:hover:after,.grid-stack-item>.ui-resizable-ne:hover:before,.grid-stack-item>.ui-resizable-nw:hover:after,.grid-stack-item>.ui-resizable-nw:hover:before,.grid-stack-item>.ui-resizable-se:hover:after,.grid-stack-item>.ui-resizable-se:hover:before,.grid-stack-item>.ui-resizable-sw:hover:after,.grid-stack-item>.ui-resizable-sw:hover:before{background-color:#32cd32;opacity:1}.module-card{animation:moduleEnter .5s var(--ease-out-expo) both;background-color:var(--color-paper);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow .3s var(--ease-out-expo)}.module-card:hover{box-shadow:var(--shadow-md)}.grid-stack-item.ui-draggable-dragging>.grid-stack-item-content,.grid-stack-item.ui-resizable-resizing>.grid-stack-item-content{box-shadow:none;opacity:1}.grid-stack-item.ui-draggable-dragging .module-card{opacity:.95}.mobile-grid{display:flex;flex-direction:column;gap:8px;width:100%}.mobile-grid-item{min-height:300px;width:100%}.mobile-grid-item .module-card{display:flex;flex-direction:column;height:100%;width:100%}.mobile-grid .module-card-wrapper{padding:0}.mobile-grid .module-header,.mobile-grid .module-header:active{cursor:default}@keyframes moduleEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.module-card:first-child{animation-delay:.1s}.module-card:nth-child(2){animation-delay:.2s}.module-card:nth-child(3){animation-delay:.3s}.module-card:nth-child(4){animation-delay:.4s}.module-header{align-items:center;background-color:var(--color-paper);border-bottom:1px solid var(--color-border-subtle);cursor:grab;display:flex;gap:.375rem;padding:.5rem .75rem;-moz-user-select:none;user-select:none;-webkit-user-select:none}.module-header:active{cursor:grabbing}.module-title{color:var(--color-ink-secondary);flex:1;font-family:var(--font-sans);font-size:.75rem;font-weight:600;letter-spacing:-.01em;margin:0}.module-fullscreen-btn{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-ink-tertiary);cursor:pointer;display:flex;height:24px;justify-content:center;margin-left:auto;opacity:0;padding:0;transition:opacity .15s ease,background-color .15s ease,color .15s ease;width:24px}.module-fullscreen-btn svg{height:14px;width:14px}.module-fullscreen-btn:focus,.module-header:hover .module-fullscreen-btn{opacity:1}.module-fullscreen-btn:hover{background-color:var(--color-canvas);color:var(--color-ink-secondary)}.module-fullscreen-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.module-fullscreen-container{animation:scaleIn .2s ease;height:98%;max-width:1600px;width:98%}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.module-card.fullscreen{box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:100%}.module-card.fullscreen .module-header,.module-card.fullscreen .module-header:active{cursor:default}.module-card.fullscreen .module-fullscreen-btn{opacity:1}.module-card.fullscreen .module-content{flex:1;min-height:0}.module-fullscreen-placeholder{align-items:center;display:flex;flex:1;justify-content:center;min-height:100px}.module-fullscreen-placeholder-text{color:var(--color-ink-tertiary);font-size:.875rem;font-style:italic}.module-content{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.module-action-bar{align-items:center;background-color:var(--color-canvas);border-top:1px solid var(--color-border-subtle);display:flex;flex-shrink:0;gap:.375rem;justify-content:center;max-height:0;opacity:0;order:1;overflow:hidden;padding:0 .75rem;transition:opacity .2s var(--ease-out-expo),max-height .2s var(--ease-out-expo),padding .2s var(--ease-out-expo)}.module-card:focus-within .module-action-bar,.module-card:hover .module-action-bar{max-height:60px;opacity:1;padding-bottom:.5rem;padding-top:.5rem}.module-action-bar:empty{display:none}.action-bar-btn{align-items:center;background:none;border:none;color:var(--color-ink-tertiary);cursor:pointer;display:flex;height:28px;justify-content:center;width:28px}.action-bar-btn.primary{color:var(--color-accent)}.action-bar-btn.danger{color:var(--color-ink-tertiary)}.action-bar-btn svg{height:16px;width:16px}.action-bar-btn.disabled,.action-bar-btn:disabled{cursor:not-allowed;opacity:.3;pointer-events:none}.action-bar-divider{background-color:var(--color-border);height:16px;margin:0 .25rem;width:1px}.module-view-headline{align-items:center;display:flex;gap:.75rem;margin:0 0 .75rem}.module-view-headline-text{color:var(--color-ink-tertiary);font-size:.6875rem;font-weight:500;letter-spacing:.05em;max-width:70%;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.module-view-headline-line{background-color:var(--color-border-subtle);flex:1;height:1px}.module-scrollable-content{display:flex;flex:1;flex-direction:column;min-height:0;overflow-y:auto;padding:.875rem}.notes-module{display:flex;flex-direction:column;height:100%;min-height:0}.notes-toolbar{align-items:center;background-color:var(--color-canvas);border-bottom:1px solid var(--color-border-subtle);display:flex;flex-shrink:0;gap:.375rem;padding:.5rem .75rem}.notes-toolbar-btn{align-items:center;background:transparent;border:none;border-radius:6px;color:var(--color-ink-tertiary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.6875rem;font-weight:500;justify-content:center;letter-spacing:.02em;padding:.375rem .75rem;text-transform:uppercase;transition:all .2s ease}.notes-toolbar-btn:hover:not(:disabled){background:#f5f1ea99;color:var(--color-ink-secondary)}.notes-toolbar-btn:disabled{cursor:not-allowed;opacity:.4}.notes-toolbar-btn.active{background:var(--color-btn-parchment);border:1px solid var(--color-btn-parchment-border);box-shadow:var(--color-btn-parchment-shadow);color:var(--color-ink)}.search-container{background-color:var(--color-canvas);padding:.5rem .75rem}.note-input-container,.search-container{border-bottom:1px solid var(--color-border-subtle)}.note-input-container{background-color:var(--color-paper);padding:.75rem}.note-input{background:var(--color-input-bg);border:1px solid rgba(0,0,0,.05);border-radius:8px;box-shadow:var(--color-input-shadow);color:var(--color-ink);font-family:inherit;font-size:.875rem;line-height:1.6;min-height:60px;outline:none;padding:.75rem 1rem;resize:none;transition:all .2s ease;width:100%}.note-input:focus{background:var(--color-input-bg-focus);border-color:#00000014;box-shadow:var(--color-input-shadow-focus)}.note-input::-moz-placeholder{color:var(--color-ink-tertiary)}.note-input::placeholder{color:var(--color-ink-tertiary)}.note-submit{align-items:center;background:var(--color-btn-parchment);border:1px solid var(--color-btn-parchment-border);border-radius:6px;box-shadow:var(--color-btn-parchment-shadow);color:var(--color-ink-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.8125rem;font-weight:500;justify-content:center;letter-spacing:.02em;margin-top:.5rem;padding:.5rem 1.125rem;transition:all .2s ease}.note-submit:hover:not(:disabled){background:var(--color-btn-parchment-hover);box-shadow:var(--color-btn-parchment-shadow-hover);color:var(--color-ink);transform:translateY(-1px)}.note-submit:active:not(:disabled){box-shadow:var(--color-btn-parchment-shadow-active);transform:translateY(0)}.note-submit:disabled{cursor:not-allowed;opacity:.4;transform:none}.note-edit-input{background:var(--color-input-bg);border:1px solid rgba(0,0,0,.05);border-radius:8px;box-shadow:var(--color-input-shadow);color:var(--color-ink);font-family:inherit;font-size:.8125rem;line-height:1.5;margin-bottom:.5rem;min-height:80px;outline:none;padding:.75rem 1rem;resize:none;transition:all .2s ease;width:100%}.note-edit-input:focus,.note-edit-input:focus-visible{background:var(--color-input-bg-focus);border-color:#00000014;box-shadow:var(--color-input-shadow-focus);outline:none}.note-archive,.note-restore{background:none;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-ink-tertiary);cursor:pointer;flex-shrink:0;font-family:inherit;font-size:.6875rem;font-weight:500;letter-spacing:.02em;opacity:0;padding:.25rem .5rem;transition:all .15s}.note-card:hover .note-archive,.note-card:hover .note-restore{border-color:var(--color-border);opacity:1}.note-archive:hover,.note-restore:hover{background-color:var(--color-canvas);color:var(--color-ink)}.pagination{color:var(--color-ink-tertiary);font-size:.75rem;gap:.75rem;padding:.75rem}.pagination button{background-color:var(--color-paper);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-ink-secondary);cursor:pointer;font-family:inherit;font-size:.75rem;font-weight:500;padding:.25rem .625rem;transition:all .15s}.pagination button:hover:not(:disabled){background-color:var(--color-canvas);border-color:var(--color-ink-tertiary);color:var(--color-ink)}.pagination button:disabled{cursor:not-allowed;opacity:.4}.notes-list{display:flex;flex:1;flex-direction:column;gap:.5rem;min-height:0}.note-card{background-color:var(--color-canvas);border-radius:var(--radius-sm);cursor:pointer;padding:.5rem .625rem;position:relative;transition:background-color .15s}.note-card:hover{background-color:var(--color-border-subtle)}.note-card.expanded{padding:.625rem}.note-card.editing,.note-card.expanded{background-color:var(--color-border-subtle);cursor:default}.note-card-inner{align-items:center;display:flex;gap:.5rem;position:relative}.note-content{color:var(--color-ink);flex:1;font-size:.8125rem;letter-spacing:.015em;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-card.expanded .note-card-inner{display:block}.note-card.expanded .note-content{color:var(--color-ink);font-size:.875rem;font-weight:500;margin-bottom:.5rem;max-height:120px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.note-timestamp-inline{color:var(--color-ink-tertiary);flex-shrink:0;font-size:.6875rem;letter-spacing:.02em;min-width:3.5rem;text-align:right;white-space:nowrap}.note-divider{background-color:var(--color-border);flex-shrink:0;height:12px;width:1px}.note-card.expanded .note-divider,.note-card.expanded .note-timestamp-inline{display:none}.note-actions-inline{align-items:center;display:flex;flex-shrink:0;gap:.125rem;position:absolute;right:0;top:50%;transform:translateY(-50%)}.note-actions-inline .note-action-btn{opacity:0;transition:opacity .1s,background-color .1s,color .1s}.note-card:hover .note-actions-inline .note-action-btn{opacity:1}.note-card.expanded .note-actions-inline{display:none}.note-editor{background:var(--color-input-bg);border:1px solid rgba(0,0,0,.05);border-radius:6px;box-shadow:var(--color-input-shadow);color:var(--color-ink);font-family:inherit;font-size:.8125rem;letter-spacing:.01em;line-height:1.6;max-height:200px;min-height:60px;outline:none;overflow-y:auto;padding:.625rem .75rem;resize:none;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease;width:100%}.note-editor:focus,.note-editor:focus-visible{background:var(--color-input-bg-focus);border-color:#00000014;box-shadow:var(--color-input-shadow-focus);outline:none}.note-title-editor{background:var(--color-input-bg);border:1px solid rgba(0,0,0,.05);border-radius:8px;box-shadow:var(--color-input-shadow);color:var(--color-ink);font-family:inherit;font-size:.9375rem;font-weight:500;margin-bottom:.5rem;outline:none;padding:.625rem 1rem;transition:all .2s ease;width:100%}.note-title-editor:focus,.note-title-editor:focus-visible{background:var(--color-input-bg-focus);border-color:#00000014;box-shadow:var(--color-input-shadow-focus);outline:none}.note-title-editor::-moz-placeholder{color:var(--color-ink-tertiary);font-style:italic;font-weight:400}.note-title-editor::placeholder{color:var(--color-ink-tertiary);font-style:italic;font-weight:400}.note-expanded-content{background:var(--color-canvas);border:1px solid rgba(0,0,0,.04);border-radius:var(--radius-sm);margin-bottom:.5rem;max-height:200px;overflow-y:auto;padding:.625rem}.note-full-content{color:var(--color-ink-secondary);font-size:.8125rem;line-height:1.7;margin:0;white-space:pre-wrap;word-break:break-word}.note-footer{align-items:center;display:flex;justify-content:space-between}.note-timestamp{color:var(--color-ink-tertiary);font-size:.6875rem;letter-spacing:.02em}.note-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .15s}.note-card.editing .note-actions,.note-card:hover .note-actions{opacity:1}.note-action-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-ink-tertiary);cursor:pointer;display:flex;height:22px;justify-content:center;transition:all .1s;width:22px}.note-action-btn:hover{background-color:#1a191514;color:var(--color-ink-secondary)}.note-action-btn.danger:hover{background-color:#dc26261a;color:#dc2626}.note-action-btn.primary{background-color:var(--color-accent-soft);color:var(--color-accent)}.note-action-btn.primary:hover{background-color:var(--color-accent);color:#fff}.note-action-btn svg{height:12px;width:12px}.pagination{border-top:1px solid var(--color-border-subtle);gap:.5rem;margin-top:.75rem;padding-top:.75rem}.pagination,.pagination-btn{align-items:center;display:flex;justify-content:center}.pagination-btn{background:transparent;border:none;border-radius:6px;color:var(--color-ink-tertiary);cursor:pointer;height:28px;transition:all .2s ease;width:28px}.pagination-btn:hover:not(:disabled){background:#f5f1ea99;color:var(--color-ink-secondary)}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-btn svg{height:14px;width:14px}.pagination-info{color:var(--color-ink-tertiary);font-size:.75rem;letter-spacing:.02em;min-width:4rem;text-align:center}.search-input-wrapper{margin-bottom:.75rem}.search-input{background:var(--color-input-bg);border:1px solid rgba(0,0,0,.05);border-radius:8px;box-shadow:var(--color-input-shadow);color:var(--color-ink);font-family:inherit;font-size:.875rem;letter-spacing:.01em;line-height:1.5;outline:none;padding:.75rem 1rem;transition:all .2s ease;width:100%}.search-input:focus{background:var(--color-input-bg-focus);border-color:#00000014;box-shadow:var(--color-input-shadow-focus)}.search-input::-moz-placeholder{color:var(--color-ink-tertiary)}.search-input::placeholder{color:var(--color-ink-tertiary)}.note-card.archived{opacity:.55}.note-card.archived:hover{opacity:.75}.new-note-form{animation:noteFormEnter .3s var(--ease-out-expo);margin-bottom:.75rem}@keyframes noteFormEnter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0) scale(1)}}.new-note-input{background:var(--color-input-bg);border:1px solid rgba(0,0,0,.05);border-radius:8px;box-shadow:var(--color-input-shadow);color:var(--color-ink);font-family:inherit;font-size:.875rem;letter-spacing:.01em;line-height:1.6;max-height:300px;min-height:60px;outline:none;overflow-y:auto;padding:.75rem 1rem;resize:none;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease;width:100%}.new-note-input:focus,.new-note-input:focus-visible{background:var(--color-input-bg-focus);border-color:#00000014;box-shadow:var(--color-input-shadow-focus);outline:none}.new-note-input::-moz-placeholder{color:var(--color-ink-tertiary);font-style:italic}.new-note-input::placeholder{color:var(--color-ink-tertiary);font-style:italic}.new-note-title-input{background:var(--color-input-bg);border:1px solid rgba(0,0,0,.05);border-radius:8px;box-shadow:var(--color-input-shadow);color:var(--color-ink);font-family:inherit;font-size:.9375rem;font-weight:500;margin-bottom:.5rem;outline:none;padding:.625rem 1rem;transition:all .2s ease;width:100%}.new-note-title-input:focus,.new-note-title-input:focus-visible{background:var(--color-input-bg-focus);border-color:#00000014;box-shadow:var(--color-input-shadow-focus);outline:none}.new-note-title-input::-moz-placeholder{color:var(--color-ink-tertiary);font-style:italic;font-weight:400}.new-note-title-input::placeholder{color:var(--color-ink-tertiary);font-style:italic;font-weight:400}.new-note-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.75rem}.btn{align-items:center;border-radius:6px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.8125rem;font-weight:500;gap:.25rem;justify-content:center;letter-spacing:.02em;padding:.5rem 1.125rem;transition:all .2s ease}.btn-ghost{background:transparent;border:none;box-shadow:none;color:var(--color-ink-tertiary)}.btn-ghost:hover{background:#f5f1ea99;box-shadow:none}.btn-ghost:hover,.btn-primary{color:var(--color-ink-secondary)}.btn-primary{background:var(--color-btn-parchment);border:1px solid var(--color-btn-parchment-border);box-shadow:var(--color-btn-parchment-shadow)}.btn-primary:hover{background:var(--color-btn-parchment-hover);box-shadow:var(--color-btn-parchment-shadow-hover);color:var(--color-ink);transform:translateY(-1px)}.btn-primary:active{box-shadow:var(--color-btn-parchment-shadow-active);transform:translateY(0)}.btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.4;transform:none}.empty-state{align-items:center;color:var(--color-ink-tertiary);display:flex;flex-direction:column;justify-content:center;padding:1.25rem .75rem;text-align:center}.empty-state-icon{height:36px;margin-bottom:.625rem;opacity:.4;width:36px}.empty-state-text{font-size:.8125rem;letter-spacing:.02em;margin:0}.calendar-module{display:flex;flex-direction:column;height:100%;min-height:0}.calendar-header{align-items:center;background-color:var(--color-canvas);border-bottom:1px solid var(--color-border-subtle);display:flex;flex-shrink:0;gap:.375rem;padding:.5rem .75rem}.calendar-btn{align-items:center;background:transparent;border:none;border-radius:6px;color:var(--color-ink-tertiary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.6875rem;font-weight:500;justify-content:center;letter-spacing:.02em;padding:.375rem .75rem;text-transform:uppercase;transition:all .2s ease}.calendar-btn:hover:not(:disabled){background:#f5f1ea99;color:var(--color-ink-secondary)}.calendar-btn:disabled{cursor:not-allowed;opacity:.4}.calendar-empty,.calendar-loading{align-items:center;color:var(--color-ink-tertiary);display:flex;flex:1;font-size:.8125rem;justify-content:center;padding:1.5rem}.calendar-empty{text-align:center}.event-details{flex:1;min-width:0}.event-location{color:var(--color-ink-tertiary);font-size:.6875rem;margin-top:.125rem}.calendar-date{color:var(--color-ink);font-family:var(--font-sans);font-size:.9375rem;letter-spacing:0;margin:0 0 .625rem}.calendar-events{display:flex;flex-direction:column;gap:.375rem}.calendar-event{align-items:flex-start;background-color:var(--color-canvas);border-radius:var(--radius-sm);display:flex;gap:.625rem;padding:.5rem .625rem;transition:background-color .15s}.calendar-event:hover{background-color:var(--color-border-subtle)}.event-time{color:var(--color-ink-secondary);flex-shrink:0;font-size:.75rem;font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:.02em;width:48px}.event-time.all-day{color:var(--color-ink-tertiary);font-size:.6875rem}.event-color-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.event-title-expanded .event-color-dot{display:inline-block;height:8px;margin-right:.375rem;margin-top:0;vertical-align:middle;width:8px}.event-title{color:var(--color-ink);flex:1;font-size:.8125rem;letter-spacing:.01em;line-height:1.5}.calendar-event{cursor:pointer}.calendar-event.expanded{flex-direction:column;gap:0;-webkit-user-select:text;-moz-user-select:text;user-select:text}.event-header{align-items:center;display:flex;gap:.625rem;width:100%}.event-title-expanded{color:var(--color-ink);font-size:.875rem;font-weight:500;line-height:1.4;margin-bottom:.5rem}.event-expanded-content{display:flex;flex-direction:column;gap:.375rem}.event-detail{align-items:flex-start;color:var(--color-ink-secondary);display:flex;font-size:.75rem;gap:.5rem;line-height:1.5}.event-detail svg{color:var(--color-ink-tertiary);flex-shrink:0;height:14px;margin-top:.125rem;width:14px}.event-detail span{flex:1}.event-description-inline{color:var(--color-ink-secondary);font-size:.75rem;line-height:1.5;margin-top:.25rem;-webkit-user-select:text;-moz-user-select:text;user-select:text}.past-events-toggle{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-ink-tertiary);cursor:pointer;display:flex;font-size:.6875rem;font-weight:500;gap:.375rem;margin-bottom:.5rem;padding:.375rem .5rem;transition:color .15s,background-color .15s}.past-events-toggle:hover{background-color:var(--color-border-subtle);color:var(--color-ink-secondary)}.past-events-toggle svg{height:12px;transition:transform .2s ease;width:12px}.past-events-toggle.expanded svg{transform:rotate(180deg)}.calendar-events.past-events{border-bottom:1px solid var(--color-border-subtle);margin-bottom:.75rem;padding-bottom:.75rem}.calendar-events.past-events .calendar-event{opacity:.5}.calendar-events.past-events .calendar-event:hover{opacity:.75}.no-upcoming-events{color:var(--color-ink-tertiary);font-size:.75rem;padding:1rem 0;text-align:center}.calendar-connect{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1.25rem .75rem;text-align:center}.calendar-connect-icon{color:var(--color-ink-tertiary);height:40px;margin-bottom:.625rem;opacity:.5;width:40px}.calendar-connect-text{margin:0 0 .75rem}.calendar-connect-text,.connect-btn{color:var(--color-ink-secondary);font-size:.8125rem;letter-spacing:.02em}.connect-btn{align-items:center;background:var(--color-btn-parchment);border:1px solid var(--color-btn-parchment-border);border-radius:6px;box-shadow:var(--color-btn-parchment-shadow);cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.connect-btn:hover{background:var(--color-btn-parchment-hover);box-shadow:var(--color-btn-parchment-shadow-hover);color:var(--color-ink);transform:translateY(-1px)}.connect-btn:active{box-shadow:var(--color-btn-parchment-shadow-active);transform:translateY(0)}.connect-btn svg{height:16px;width:16px}.calendar-settings-view{padding:.75rem}.calendar-settings-loading{padding:.5rem 0}.calendar-settings-empty{color:var(--color-ink-tertiary);font-size:.8125rem;padding:1rem 0;text-align:center}.calendar-subscription-list{display:flex;flex-direction:column;gap:.25rem}.calendar-subscription-item{align-items:center;background-color:var(--color-paper);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:.5rem;padding:.5rem .625rem;transition:background-color .15s,border-color .15s}.calendar-subscription-item:hover{background-color:var(--color-canvas);border-color:var(--color-border)}.calendar-color-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.calendar-subscription-name{color:var(--color-ink);flex:1;font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-primary-badge{background-color:var(--color-accent-soft);border-radius:var(--radius-xs);color:var(--color-accent);font-size:.625rem;font-weight:600;letter-spacing:.05em;padding:.125rem .375rem;text-transform:uppercase}.calendar-subscription-checkbox{accent-color:var(--color-accent);cursor:pointer;height:16px;width:16px}.settings-overlay{background-color:#1a19154d;inset:0;opacity:0;position:fixed;transition:opacity .3s var(--ease-out-expo),visibility .3s;visibility:hidden;z-index:200}.settings-overlay.open{opacity:1;visibility:visible}.settings-panel{background-color:var(--color-paper);bottom:0;box-shadow:-8px 0 32px #1a191526;display:flex;flex-direction:column;max-width:400px;position:fixed;right:0;top:0;transform:translate(100%);transition:transform .4s var(--ease-out-expo);width:100%;z-index:201}.settings-panel.open{transform:translate(0)}.settings-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.settings-title{font-family:var(--font-serif);font-size:1.375rem;font-weight:500;letter-spacing:-.01em;margin:0}.settings-close{align-items:center;background-color:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-ink-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s;width:32px}.settings-close:hover{background-color:var(--color-canvas);color:var(--color-ink)}.settings-close svg{height:20px;width:20px}.settings-content{flex:1;overflow-y:auto;padding:1.5rem}.settings-section{margin-bottom:2rem}.settings-section-title{color:var(--color-ink-tertiary);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin:0 0 1rem;text-transform:uppercase}.module-list{display:flex;flex-direction:column;gap:.375rem}.module-item{align-items:center;background-color:var(--color-canvas);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);display:flex;gap:.75rem;padding:.5rem .75rem;transition:border-color .15s}.module-item:hover{border-color:var(--color-border)}.module-item-info{flex:1;min-width:0}.module-item-name{color:var(--color-ink);font-size:.8125rem;font-weight:500}.module-item-desc{color:var(--color-ink-tertiary);font-size:.6875rem;margin-top:.0625rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toggle{flex-shrink:0;height:24px;position:relative;width:44px}.toggle input{height:0;opacity:0;position:absolute;width:0}.toggle-track{background-color:var(--color-border);border-radius:12px;cursor:pointer;inset:0;position:absolute;transition:background-color .2s}.toggle input:checked+.toggle-track{background-color:var(--color-accent)}.toggle-thumb{background-color:#fff;border-radius:50%;box-shadow:0 1px 3px #00000026;height:20px;left:2px;pointer-events:none;position:absolute;top:2px;transition:transform .2s var(--ease-spring);width:20px}.toggle input:checked~.toggle-thumb{transform:translate(20px)}.settings-footer{border-top:1px solid var(--color-border);padding:1.25rem 1.5rem}.settings-save{background:var(--color-btn-parchment);border:1px solid var(--color-btn-parchment-border);border-radius:6px;box-shadow:var(--color-btn-parchment-shadow);color:var(--color-ink-secondary);cursor:pointer;font-family:inherit;font-size:.9375rem;font-weight:500;letter-spacing:.02em;padding:.75rem 1rem;transition:all .2s ease;width:100%}.settings-save:hover{background:var(--color-btn-parchment-hover);box-shadow:var(--color-btn-parchment-shadow-hover);color:var(--color-ink);transform:translateY(-1px)}.settings-save:active{box-shadow:var(--color-btn-parchment-shadow-active);transform:translateY(0)}.skeleton{animation:skeleton 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--color-border-subtle) 0,var(--color-canvas) 50%,var(--color-border-subtle) 100%);background-size:200% 100%;border-radius:var(--radius-sm)}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1rem;margin-bottom:.5rem}.skeleton-text:last-child{width:60%}.skeleton-card{height:80px;margin-bottom:.75rem}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.note-exit{animation:noteExit .3s var(--ease-out-expo) forwards}@keyframes noteExit{to{opacity:0;transform:translate(-16px) scale(.95)}}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::-moz-selection{background-color:var(--color-accent-soft);color:var(--color-ink)}::selection{background-color:var(--color-accent-soft);color:var(--color-ink)}.leader-hint-footer,.leader-hint-header{color:#ffffff80}.shortcuts-help-overlay{animation:fadeIn .15s var(--ease-out-expo);background-color:#1a191566;inset:0;position:fixed;z-index:300}.shortcuts-help-modal{animation:modalEnter .2s var(--ease-out-expo);background-color:var(--color-paper);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;left:50%;max-height:80vh;max-width:480px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:301}@keyframes modalEnter{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.shortcuts-help-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:1rem 1.25rem}.shortcuts-help-title{font-family:var(--font-serif);font-size:1.125rem;font-weight:500;margin:0}.shortcuts-help-close{align-items:center;background-color:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-ink-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .15s;width:28px}.shortcuts-help-close:hover{background-color:var(--color-canvas);color:var(--color-ink)}.shortcuts-help-close svg{height:18px;width:18px}.shortcuts-help-content{flex:1;overflow-y:auto;padding:1rem 1.25rem}.shortcuts-category{margin-bottom:1.25rem}.shortcuts-category:last-child{margin-bottom:0}.shortcuts-category-title{color:var(--color-ink-tertiary);font-size:.6875rem;font-weight:600;letter-spacing:.05em;margin:0 0 .5rem;text-transform:uppercase}.shortcuts-category-hint{color:var(--color-ink-tertiary);font-size:.75rem;margin:0 0 .625rem}.shortcuts-category-hint kbd{align-items:center;background-color:var(--color-canvas);border:1px solid var(--color-border);border-radius:3px;color:var(--color-ink-secondary);display:inline-flex;font-family:var(--font-sans);font-size:.625rem;font-weight:600;height:18px;justify-content:center;margin:0 .125rem;min-width:18px;padding:0 .375rem}.shortcut-key-sequence{align-items:center;display:inline-flex;gap:.25rem}.shortcut-then{color:var(--color-ink-tertiary);font-size:.625rem;letter-spacing:.02em;text-transform:uppercase}.shortcut-row{align-items:center;display:flex;justify-content:space-between;padding:.375rem 0}.shortcut-key{align-items:center;background-color:var(--color-canvas);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 1px 0 var(--color-border);color:var(--color-ink-secondary);display:inline-flex;font-family:var(--font-sans);font-size:.6875rem;font-weight:600;height:24px;justify-content:center;min-width:24px;padding:0 .5rem}.shortcut-desc{color:var(--color-ink);font-size:.8125rem}.shortcuts-help-footer{border-top:1px solid var(--color-border);padding:.75rem 1.25rem;text-align:center}.shortcuts-help-hint{color:var(--color-ink-tertiary);font-size:.75rem}.shortcuts-help-hint kbd{align-items:center;background-color:var(--color-canvas);border:1px solid var(--color-border);border-radius:3px;color:var(--color-ink-secondary);display:inline-flex;font-family:var(--font-sans);font-size:.625rem;font-weight:600;height:18px;justify-content:center;margin:0 .125rem;min-width:18px;padding:0 .375rem}.settings-shortcuts-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:400px){.settings-shortcuts-grid{grid-template-columns:repeat(3,1fr)}}.settings-shortcuts-category{background-color:var(--color-canvas);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:.75rem}.settings-shortcuts-category-title{color:var(--color-ink-tertiary);font-size:.625rem;font-weight:600;letter-spacing:.05em;margin:0 0 .5rem;text-transform:uppercase}.settings-shortcut-row{align-items:center;display:flex;gap:.5rem;padding:.25rem 0}.settings-shortcut-key{align-items:center;background-color:var(--color-paper);border:1px solid var(--color-border);border-radius:3px;box-shadow:0 1px 0 var(--color-border);color:var(--color-ink-secondary);display:inline-flex;flex-shrink:0;font-family:var(--font-sans);font-size:.625rem;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 .375rem}.settings-shortcut-key.inline{margin:0 .125rem;vertical-align:middle}.settings-shortcut-desc{color:var(--color-ink-secondary);font-size:.6875rem;line-height:1.3}.settings-shortcut-sequence{align-items:center;display:inline-flex;flex-shrink:0;gap:.25rem}.settings-shortcut-then{letter-spacing:.02em;text-transform:uppercase}.settings-shortcut-prefix,.settings-shortcut-then{color:var(--color-ink-tertiary);font-size:.5625rem}.settings-shortcut-prefix{background-color:var(--color-border-subtle);border-radius:3px;font-weight:500;margin-left:.375rem;padding:.125rem .375rem}.leader-hint{animation:leaderHintIn .2s var(--ease-out-expo);background-color:var(--color-ink);border-radius:var(--radius-md);bottom:2rem;box-shadow:var(--shadow-lg);color:var(--color-paper);left:50%;max-width:90vw;padding:.75rem 1.25rem;position:fixed;transform:translate(-50%);z-index:1100}@keyframes leaderHintIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.leader-hint-header{color:var(--color-ink-tertiary);font-size:.6875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-align:center;text-transform:uppercase}.leader-hint-shortcuts{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.leader-hint-item{align-items:center;display:inline-flex;font-size:.8125rem;gap:.375rem}.leader-hint-item kbd{align-items:center;background-color:var(--color-paper);border-radius:3px;color:var(--color-ink);display:inline-flex;font-family:var(--font-sans);font-size:.6875rem;font-weight:600;height:22px;justify-content:center;min-width:22px;padding:0 .5rem}.leader-hint-footer{color:var(--color-ink-tertiary);font-size:.6875rem;margin-top:.5rem;text-align:center}.linear-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem 1rem;text-align:center}.linear-empty-icon{color:var(--color-ink-tertiary);height:48px;margin-bottom:1rem;opacity:.4;width:48px}.linear-empty-icon svg{height:100%;width:100%}.linear-empty-text{letter-spacing:.01em;margin:0 0 1rem;max-width:200px}.linear-connect-btn,.linear-empty-text{color:var(--color-ink-secondary);font-size:.8125rem}.linear-connect-btn{align-items:center;background:var(--color-btn-parchment);border:1px solid var(--color-btn-parchment-border);border-radius:6px;box-shadow:var(--color-btn-parchment-shadow);cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;letter-spacing:.02em;padding:.625rem 1.25rem;transition:all .2s ease}.linear-connect-btn:hover{background:var(--color-btn-parchment-hover);box-shadow:var(--color-btn-parchment-shadow-hover);color:var(--color-ink);transform:translateY(-1px)}.linear-connect-btn:active{box-shadow:var(--color-btn-parchment-shadow-active);transform:translateY(0)}.linear-connect-btn svg{height:14px;width:14px}.linear-notifications-list{display:flex;flex-direction:column;gap:.375rem}.linear-no-notifications-state{align-items:center;display:flex;justify-content:center;padding:2rem 1rem}.linear-no-notifications{color:var(--color-ink-tertiary);font-size:.75rem;margin:0}.linear-notification{align-items:flex-start;background-color:var(--color-canvas);border-radius:var(--radius-sm);display:flex;gap:.625rem;padding:.5rem .625rem;text-decoration:none;transition:background-color .15s}.linear-notification.selected,.linear-notification:hover{background-color:var(--color-border-subtle)}.linear-notification.selected{outline:2px solid var(--color-accent);outline-offset:-2px}.linear-notification.selected .linear-action-btn{opacity:1}.linear-unread-dot{background-color:var(--color-accent);border-radius:50%}.linear-unread-dot,.linear-unread-dot-spacer{flex-shrink:0;height:6px;margin-top:.375rem;width:6px}.linear-notification-content{display:flex;flex:1;flex-direction:column;gap:.125rem;min-width:0}.linear-notification-title{color:var(--color-ink);display:-webkit-box;font-size:.8125rem;-webkit-line-clamp:2;line-height:1.4;-webkit-box-orient:vertical;overflow:hidden}.linear-issue-id{font-weight:500;margin-right:.375rem}.linear-notification-meta{align-items:center;display:flex;font-size:.6875rem;gap:.375rem;letter-spacing:.01em}.linear-notification-reason,.linear-notification-separator,.linear-notification-status,.linear-notification-time{color:var(--color-ink-tertiary)}.linear-notification-actions{align-items:center;display:flex;flex-shrink:0;gap:.125rem;margin-top:.125rem}.linear-action-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-ink-tertiary);cursor:pointer;display:flex;height:22px;justify-content:center;opacity:0;transition:all .1s;width:22px}.linear-notification:hover .linear-action-btn{opacity:1}.linear-action-btn:hover{background-color:#1a191514;color:var(--color-ink-secondary)}.linear-action-btn svg{height:12px;width:12px}.linear-delete-btn:hover{background-color:#dc26261a;color:#dc2626}.linear-settings-view{display:flex;flex-direction:column;gap:.75rem}.linear-accounts-settings{display:flex;flex-direction:column;gap:.375rem}.linear-account-item{align-items:center;background-color:var(--color-canvas);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);display:flex;gap:.75rem;padding:.5rem .75rem}.linear-account-item-info{flex:1;min-width:0}.linear-account-item-name{color:var(--color-ink);display:block;font-size:.8125rem;font-weight:500}.linear-account-item-email{color:var(--color-ink-tertiary);display:block;font-size:.6875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.linear-remove-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-ink-tertiary);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .15s;width:28px}.linear-remove-btn:hover{background-color:var(--color-danger-soft);color:var(--color-danger)}.linear-remove-btn svg{height:16px;width:16px}.linear-add-account-btn{align-items:center;background:transparent;border:1px dashed var(--color-border);border-radius:6px;color:var(--color-ink-tertiary);cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:500;gap:.375rem;justify-content:center;padding:.5rem .875rem;transition:all .2s ease}.linear-add-account-btn:hover{background:#f5f1ea99;border-color:var(--color-border);color:var(--color-ink-secondary)}.linear-add-account-btn svg{height:14px;width:14px}.linear-add-form{display:flex;flex-direction:column;gap:.75rem}.linear-add-form-description{color:var(--color-ink-secondary);font-size:.8125rem;line-height:1.5;margin:0}.linear-add-form-description a{color:var(--color-accent);text-decoration:none}.linear-add-form-description a:hover{text-decoration:underline}.linear-token-input{background-color:var(--color-paper);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-ink);font-family:inherit;font-size:.875rem;line-height:1.5;outline:none;padding:.625rem .875rem;transition:border-color .2s,box-shadow .2s;width:100%}.linear-token-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.linear-token-input::-moz-placeholder{color:var(--color-ink-tertiary)}.linear-token-input::placeholder{color:var(--color-ink-tertiary)}.linear-add-error{color:var(--color-danger);font-size:.75rem;margin:0}.linear-add-form-actions{display:flex;gap:.5rem;justify-content:flex-end}.linear-cancel-btn{background:transparent;border:none;border-radius:6px;color:var(--color-ink-tertiary);cursor:pointer;font-family:inherit;font-size:.8125rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.linear-cancel-btn:hover{background:#f5f1ea99;color:var(--color-ink-secondary)}.linear-submit-btn{background:var(--color-btn-parchment);border:1px solid var(--color-btn-parchment-border);border-radius:6px;box-shadow:var(--color-btn-parchment-shadow);color:var(--color-ink-secondary);cursor:pointer;font-family:inherit;font-size:.8125rem;font-weight:500;letter-spacing:.02em;padding:.5rem 1.125rem;transition:all .2s ease}.linear-submit-btn:hover:not(:disabled){background:var(--color-btn-parchment-hover);box-shadow:var(--color-btn-parchment-shadow-hover);color:var(--color-ink);transform:translateY(-1px)}.linear-submit-btn:active:not(:disabled){box-shadow:var(--color-btn-parchment-shadow-active);transform:translateY(0)}.linear-submit-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.linear-loading{padding:.5rem 0}@media(max-width:767px){.app-main{padding:.75rem 1rem 4rem;width:100%}.greeting{font-size:1.25rem;margin-bottom:0}.greeting-section{margin-bottom:.75rem}.greeting-subtext{font-size:.8125rem}.settings-panel{width:100%}}