/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}:root{--color-navigation: #664440;--color-background: #FBF793;--color-text: #A95432;--color-detail-text: #000000;--color-note-text: #000000;--color-nav-tint: #FFFFFF;--color-highlight-bg: #FFD700;--color-highlight-text: #4B0082;--color-empty-state-bg: #E4EEFF;--gradient-start: rgba(250, 246, 146, .75);--gradient-end: rgba(236, 195, 90, .75);--folder-brown: #A95432;--folder-red: #FF4757;--folder-orange: #FF7F50;--folder-yellow: #FFD700;--folder-green: #32CD32;--folder-grey: #6C7B7F;--folder-blue: #4169E1;--folder-sky-blue: #00BFFF;--folder-purple: #8A2BE2;--folder-violet: #9370DB;--folder-pink: #FF69B4;--folder-magenta: #FF1493;--swipe-archive: #FF9500;--swipe-delete: #FF3B30;--pin-color: #FF9500;--checkbox-checked: #007AFF;--checkbox-unchecked: var(--color-text);--line-color: rgba(0, 0, 0, .08);--margin-line-color: rgba(255, 0, 0, .25);--font-family: "Caveat", "Kalam", cursive;--font-family-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-base: 20px;--font-size-headline: 17px;--font-size-detail: 15px;--font-size-badge: 12px;--font-size-title: 24px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-cell-horizontal: 12px;--spacing-todo-left-padding: 24px;--spacing-checkbox-text: 12px;--icon-size: 25px;--icon-size-sm: 20px;--cell-min-height: 60px;--checkbox-size: 32px;--checkbox-touch-target: 44px;--badge-size: 24px;--badge-radius: 12px;--swipe-reveal-width: 50px;--nav-height: 56px;--sidebar-width: 280px;--line-spacing: 48px;--margin-line-position-1: 14px;--margin-line-position-2: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 2px 4px rgba(0, 0, 0, .15);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .2);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px}.lined-paper{background-color:var(--color-background);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--line-spacing) - 1px),var(--line-color) calc(var(--line-spacing) - 1px),var(--line-color) var(--line-spacing)),linear-gradient(to right,transparent 0,transparent var(--margin-line-position-1),var(--margin-line-color) var(--margin-line-position-1),var(--margin-line-color) calc(var(--margin-line-position-1) + .5px),transparent calc(var(--margin-line-position-1) + .5px)),linear-gradient(to right,transparent 0,transparent var(--margin-line-position-2),var(--margin-line-color) var(--margin-line-position-2),var(--margin-line-color) calc(var(--margin-line-position-2) + .5px),transparent calc(var(--margin-line-position-2) + .5px));background-size:100% var(--line-spacing),100% 100%,100% 100%;background-attachment:local}.lined-paper-gradient{position:relative}.lined-paper-gradient:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);pointer-events:none;z-index:0}.lined-paper-gradient>*{position:relative;z-index:1}.lined-paper-compact{--line-spacing: 32px}.lined-paper-no-margin{background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--line-spacing) - 1px),var(--line-color) calc(var(--line-spacing) - 1px),var(--line-color) var(--line-spacing));background-size:100% var(--line-spacing)}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);flex-shrink:0;display:flex;flex-direction:column;background:rgba(255,255,255,.5);background-image:linear-gradient(to right,rgba(255,255,255,.4),rgba(255,255,255,.2));border-right:1px solid rgba(0,0,0,.15);overflow:hidden;transition:transform var(--transition-normal);height:calc(100vh - var(--nav-height));position:sticky;top:var(--nav-height)}@media (min-width: 769px){.sidebar{display:flex!important;transform:none!important}}@media (max-width: 768px){.sidebar{position:fixed;left:0;top:var(--nav-height);bottom:0;height:auto;z-index:50;transform:translate(-100%);box-shadow:var(--shadow-lg);background:var(--color-background)}.sidebar.open{transform:translate(0)}}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid rgba(0,0,0,.1);background:rgba(255,255,255,.3)}.sidebar-header h2{font-size:var(--font-size-title);font-family:var(--font-family);font-weight:600;color:var(--color-text);margin:0}.folder-list{flex:1;overflow-y:auto;padding:var(--spacing-sm) 0}.folder-cell{display:flex;align-items:center;padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;transition:background var(--transition-fast)}.folder-cell:hover{background:rgba(0,0,0,.05)}.folder-cell:active{background:rgba(0,0,0,.1)}.folder-cell.selected{background:rgba(0,0,0,.08)}.folder-icon{flex-shrink:0;width:var(--icon-size);height:var(--icon-size);margin-right:var(--spacing-sm)}.folder-name{flex:1;font-size:var(--font-size-headline);font-family:var(--font-family);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-count-badge{flex-shrink:0;margin-left:var(--spacing-sm);min-width:var(--badge-size);height:var(--badge-size);padding:0 var(--spacing-sm);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-badge);font-family:var(--font-family-system);font-weight:600;color:#fff;background:var(--color-text);border-radius:var(--badge-radius)}.folder-cell.all-notes{border-bottom:1px solid rgba(0,0,0,.08);margin-bottom:var(--spacing-sm)}.folder-cell.all-notes .folder-icon{color:var(--color-text);fill:var(--color-text)}.folder-cell.all-notes .folder-name{color:var(--color-text);font-weight:600}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;top:var(--nav-height);background:rgba(0,0,0,.3);z-index:40}@media (max-width: 768px){.sidebar-overlay.visible{display:block}}body{margin:0;background:var(--color-background);color:var(--color-note-text);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:400;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}main,section{box-sizing:border-box}[hidden]{display:none!important}.app-container{display:flex;flex-direction:column;min-height:100vh}.nav-bar{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background:var(--color-navigation);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);z-index:100;box-shadow:var(--shadow-md)}.nav-title{margin:0;font-size:var(--font-size-title);font-family:var(--font-family);font-weight:600;color:var(--color-nav-tint);letter-spacing:-.02em}.nav-actions{display:flex;align-items:center;gap:var(--spacing-md)}.sidebar-toggle{display:none;width:44px;height:44px;padding:0;background:transparent;border:none;color:var(--color-nav-tint);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.sidebar-toggle:hover{background:rgba(255,255,255,.1)}.sidebar-toggle svg{width:24px;height:24px;fill:currentColor}@media (max-width: 768px){.sidebar-toggle{display:flex;align-items:center;justify-content:center}}.main-content{display:flex;flex-direction:row;margin-top:var(--nav-height);min-height:calc(100vh - var(--nav-height));width:100%}.main-content--no-sidebar{justify-content:center}.main-content--no-sidebar .notes-section{max-width:1000px;width:100%}.notes-section{flex:1;min-width:0;display:flex;flex-direction:column;padding:var(--spacing-xl);overflow-y:auto;height:calc(100vh - var(--nav-height))}.notes-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap;position:sticky;top:0;z-index:50;background-color:var(--color-background);padding:var(--spacing-md) var(--spacing-xl);margin-left:calc(-1 * var(--spacing-xl));margin-right:calc(-1 * var(--spacing-xl));box-shadow:0 2px 4px rgba(0,0,0,.1)}.auth-slot>*{display:inline-flex}.cloudkit-button-host{display:inline-flex}.refresh-button{position:relative;background:rgba(0,0,0,.06);border:1px solid rgba(0,0,0,.1);color:var(--color-text);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-detail);font-family:var(--font-family-system);font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);min-height:44px;min-width:44px;line-height:1.2}.refresh-button:hover:not([disabled]){background:rgba(0,0,0,.1)}.refresh-button:active:not([disabled]){transform:translateY(0)}.refresh-button:disabled{cursor:not-allowed;opacity:.6}.refresh-button__spinner{display:none!important;width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.refresh-button[aria-busy=true] .refresh-button__text{display:none!important}.refresh-button[aria-busy=true] .refresh-button__spinner{display:block!important}.sort-toggle{display:inline-flex;gap:2px;padding:var(--spacing-xs);border-radius:var(--radius-full);background:rgba(255,255,255,.5);border:1px solid rgba(0,0,0,.1)}.sort-toggle__option{border:none;background:transparent;color:var(--color-text);font-size:var(--font-size-detail);font-family:var(--font-family-system);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;min-height:44px;line-height:1.2;margin-bottom:0}.sort-toggle__option:hover:not([aria-disabled=true]){background:rgba(0,0,0,.05)}.sort-toggle__option[aria-disabled=true]{cursor:default;opacity:.5}.sort-toggle__option--active{background:var(--color-text);color:#fff;font-weight:600;box-shadow:var(--shadow-sm)}.app-progress{min-height:0}.app-progress:empty{display:none}.app-status{min-height:0;margin:0}.app-status:empty{display:none}.app-summary{font-size:var(--font-size-headline);font-family:var(--font-family-system);color:var(--color-detail-text);font-style:italic;margin:0 0 var(--spacing-md) 0;opacity:.8}.loading-container,.empty-state{background:rgba(255,255,255,.5);border-radius:var(--radius-lg);padding:var(--spacing-xl) var(--spacing-lg);text-align:center;border:1px solid rgba(0,0,0,.1);display:flex;flex-direction:column;gap:var(--spacing-lg);align-items:center}.loading-container:empty,.empty-state:empty{display:none}.loading-spinner{width:48px;height:48px;border-radius:50%;border:3px solid rgba(0,0,0,.1);border-top-color:var(--color-text);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skeleton-list{list-style:none;margin:0;padding:0;background:rgba(255,255,255,.3);border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.1);overflow:hidden}.skeleton-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);gap:var(--spacing-md);border-bottom:1px solid rgba(0,0,0,.08);min-height:var(--cell-min-height)}.skeleton-item:last-child{border-bottom:none}.skeleton-content{flex:1;min-width:0}.skeleton-line{height:20px;background:linear-gradient(90deg,rgba(0,0,0,.06) 25%,rgba(0,0,0,.12) 50%,rgba(0,0,0,.06) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-sm)}.skeleton-line--title{width:60%}.skeleton-line--meta{width:80px;height:16px;flex-shrink:0}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-icon{font-size:3.5rem;animation:float 4s ease-in-out infinite}.empty-illustration{width:120px;height:140px;margin-bottom:var(--spacing-md)}.empty-illustration__svg{width:100%;height:100%;animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.empty-state h4{margin:0;font-size:var(--font-size-title);font-family:var(--font-family);font-weight:600;color:var(--color-text)}.empty-state p{margin:0;font-family:var(--font-family-system);color:var(--color-detail-text);font-size:var(--font-size-headline);line-height:1.6;max-width:400px}.notes-region{padding:0}.notes-section-group{margin-bottom:var(--spacing-lg)}.notes-section-group:last-child{margin-bottom:0}.notes-section-header{font-size:var(--font-size-detail);font-family:var(--font-family-system);font-weight:600;color:var(--color-detail-text);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--spacing-sm) var(--spacing-xs)}.notes-list{list-style:none;margin:0;padding:0;background:rgba(255,255,255,.3);border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.1);overflow:hidden}.notes-list li{margin-bottom:0}.notes-list__item{position:relative;border-bottom:1px solid rgba(0,0,0,.08);background:transparent;transition:background var(--transition-fast);overflow:hidden;margin-bottom:0;animation:slideInUp .4s ease-out backwards}.notes-list__item:nth-child(1){animation-delay:.05s}.notes-list__item:nth-child(2){animation-delay:.1s}.notes-list__item:nth-child(3){animation-delay:.15s}.notes-list__item:nth-child(4){animation-delay:.2s}.notes-list__item:nth-child(5){animation-delay:.25s}.notes-list__item:nth-child(n+6){animation-delay:.3s}.notes-list__item:hover{background:rgba(255,255,255,.4)}.notes-list__item:last-child{border-bottom:none}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.notes-list__row-button{width:100%;padding:var(--spacing-lg);padding-right:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-md);text-align:left;background:none;border:none;cursor:pointer;min-height:var(--cell-min-height);transition:background var(--transition-fast);position:relative;text-transform:none;margin-bottom:0}.notes-list__row-button:focus-visible{outline:2px solid var(--color-text);outline-offset:-2px}.notes-list__row-button:hover{background:rgba(0,0,0,.02)}.notes-list__row-button:active{background:rgba(0,0,0,.05)}.notes-list__chevron{width:20px;height:20px;flex-shrink:0;color:var(--color-detail-text);opacity:.5}.notes-list__row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);flex:1;min-width:0}.notes-list__primary{display:flex;align-items:center;gap:var(--spacing-sm);flex:1 1 auto;min-width:0}.notes-list__synopsis{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:var(--font-size-base);font-family:var(--font-family);font-weight:500;color:var(--color-note-text);line-height:1.4;word-break:break-word;text-transform:none}.notes-list__meta{display:flex;align-items:center;gap:var(--spacing-sm);flex:0 0 auto}.notes-list__tag{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-badge);font-family:var(--font-family-system);font-weight:600;background:rgba(0,0,0,.08);color:var(--color-detail-text);white-space:nowrap}.notes-list__tag--todo{background:rgba(50,205,50,.15);color:#228b22}.notes-list__tag--handwritten{background:rgba(65,105,225,.15);color:#4169e1}.notes-list__pin{font-size:1rem;line-height:1;display:inline-flex;align-items:center;color:var(--pin-color);animation:pin-glow 2s ease-in-out infinite}@keyframes pin-glow{0%,to{opacity:1}50%{opacity:.7}}.notes-list__timestamp{display:inline-flex;align-items:center;color:var(--color-detail-text);font-size:var(--font-size-detail);font-family:var(--font-family-system);font-weight:400;opacity:.7}.notes-list__details{padding:var(--spacing-lg);background:rgba(255,255,255,.5);border-top:1px solid rgba(0,0,0,.08);animation:expand-details .3s ease-out}@keyframes expand-details{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.notes-detail__body{margin:0;font-size:var(--font-size-base);font-family:var(--font-family);line-height:var(--line-spacing);color:var(--color-note-text);word-break:break-word;font-weight:400;padding:var(--spacing-md);background:rgba(255,255,255,.3);border-radius:var(--radius-md)}.app-error{max-width:600px;margin:var(--spacing-xl) auto;padding:var(--spacing-xl);background:rgba(255,255,255,.5);border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-lg)}.app-error h2{margin-top:0;color:var(--color-text);font-family:var(--font-family)}.app-error__hint{color:var(--color-detail-text);font-family:var(--font-family-system)}.language-selector{padding:var(--spacing-sm) var(--spacing-md);background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-sm);color:var(--color-nav-tint);font-size:var(--font-size-detail);font-family:var(--font-family-system);cursor:pointer;transition:all var(--transition-fast);min-height:44px}.language-selector:hover{background:rgba(255,255,255,.3)}.language-selector option{background:var(--color-navigation);color:var(--color-nav-tint)}.cloudkit-button-host,.language-selector{opacity:.7;transition:opacity var(--transition-fast)}.cloudkit-button-host:hover,.cloudkit-button-host:focus-within,.language-selector:hover,.language-selector:focus{opacity:1}#cloudkit-sign-out-button{font-size:var(--font-size-detail)!important}.pull-to-refresh-container{position:relative;overflow:hidden}.pull-indicator{position:absolute;top:0;left:0;right:0;display:flex;justify-content:center;align-items:center;padding:var(--spacing-md);transform:translateY(-100%);transition:transform .2s ease,opacity .2s ease;opacity:0;pointer-events:none;z-index:10}.pull-indicator--visible{opacity:1}.pull-indicator--refreshing .pull-indicator__icon{animation:spin .8s linear infinite}.pull-indicator__icon{width:28px;height:28px;border:3px solid rgba(0,0,0,.1);border-top-color:var(--color-text);border-radius:50%;transition:transform .2s ease}.pull-indicator__arrow{width:24px;height:24px;color:var(--color-text);transition:transform .2s ease}.pull-indicator--threshold .pull-indicator__arrow{transform:rotate(180deg)}*:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.empty-icon,.notes-list__pin{animation:none}}@media (max-width: 768px){.nav-bar{padding:0 var(--spacing-md)}.nav-title{font-size:var(--font-size-headline)}.main-content{flex-direction:column}.notes-section{padding:var(--spacing-lg) var(--spacing-md)}.notes-toolbar{flex-direction:row;align-items:center;gap:var(--spacing-sm);margin-left:calc(-1 * var(--spacing-md));margin-right:calc(-1 * var(--spacing-md));padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.sort-toggle{flex:1}.sort-toggle__option{flex:1;justify-content:center}.notes-list__row-button{padding:var(--spacing-md)}.notes-list__synopsis{font-size:var(--font-size-headline)}.notes-list__details{padding:var(--spacing-md)}.loading-container,.empty-state{padding:var(--spacing-lg) var(--spacing-md)}}@media (max-width: 600px){.refresh-button{position:fixed;right:calc(var(--spacing-lg) + env(safe-area-inset-right,0px));bottom:calc(var(--spacing-lg) + env(safe-area-inset-bottom,0px));width:56px;height:56px;padding:0;border-radius:50%;z-index:100;box-shadow:var(--shadow-lg)}.refresh-button__text{display:none!important}.refresh-button:before{content:"↻";font-size:24px}.refresh-button[aria-busy=true]:before{display:none!important}.refresh-button[aria-busy=true] .refresh-button__spinner{display:block!important;width:24px;height:24px}.notes-section{padding-bottom:calc(var(--spacing-xl) * 4)}.nav-actions{gap:var(--spacing-sm)}.language-selector{max-width:70px;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-badge)}}@media (min-width: 1200px){.notes-section{padding:var(--spacing-xl) calc(var(--spacing-xl) * 2)}}.todo-list{list-style:none;padding:0;margin:0}.todo-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);font-family:var(--font-family);font-size:var(--font-size-base);min-height:var(--line-spacing);line-height:var(--line-spacing);padding:0;border-bottom:none}.todo-item:last-child{border-bottom:none}.todo-item--completed .todo-text{text-decoration:line-through;opacity:.6}.todo-checkbox{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:22px;height:var(--line-spacing)}.todo-checkbox__icon{width:20px;height:20px;color:var(--color-text);opacity:.5}.todo-checkbox__icon--checked{color:var(--folder-color-green, #32CD32);opacity:1}.todo-text{flex:1;word-break:break-word;line-height:var(--line-spacing)}.note-detail{animation:slideInFromRight .3s ease-out}@keyframes slideInFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.note-detail__header{margin-bottom:var(--spacing-lg)}.note-detail__back{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);padding-left:var(--spacing-sm);background:rgba(255,255,255,.5);border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-full);color:var(--color-text);font-size:var(--font-size-body);font-family:var(--font-family-system);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.note-detail__back:hover{background:rgba(255,255,255,.8);transform:translate(-2px)}.note-detail__back:active{transform:translate(-4px)}.note-detail__back svg{width:20px;height:20px}.note-detail__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid rgba(0,0,0,.1)}.note-detail__type{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-badge);font-family:var(--font-family-system);font-weight:600;background:rgba(0,0,0,.08);color:var(--color-detail-text)}.note-detail__type--todo{background:rgba(50,205,50,.15);color:#228b22}.note-detail__type--handwritten{background:rgba(65,105,225,.15);color:#4169e1}.note-detail__date{font-size:var(--font-size-detail);font-family:var(--font-family-system);color:var(--color-detail-text)}.note-detail__pinned{font-size:var(--font-size-detail);font-family:var(--font-family-system);color:var(--pin-color, #e74c3c)}.note-detail__content{background:rgba(255,255,255,.4);border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.08);padding:calc(var(--line-spacing) - 12px) var(--spacing-lg) var(--spacing-lg);min-height:200px}.note-detail__body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-spacing);color:var(--color-note-text);word-break:break-word;white-space:pre-wrap;margin:0}.note-detail__placeholder{font-family:var(--font-family-system);font-size:var(--font-size-base);color:var(--color-detail-text);font-style:italic;text-align:center;line-height:var(--line-spacing)}@media (max-width: 768px){.note-detail__content{padding:calc(var(--line-spacing) - 12px) var(--spacing-md) var(--spacing-md)}}@media (prefers-reduced-motion: reduce){.note-detail{animation:none}}