:root{--qg-paper: #f8f7f2;--qg-surface: #fffdf8;--qg-sidebar: #f2f0e8;--qg-card: #fffef9;--qg-ink: #343a30;--qg-ink-soft: #5b6153;--qg-muted: #6f6f63;--qg-faint: #757366;--qg-sage: #68775e;--qg-sage-deep: #526448;--qg-sage-soft: #e4e8dd;--qg-sage-wash: #dce4d6;--qg-clay: #b9846a;--qg-line: #e9e6dc;--qg-font-serif: "Noto Serif SC", "Songti SC", Georgia, serif;--qg-font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif;--qg-sidebar-w: 248px;--qg-topbar-h: 76px;--qg-touch: 44px;--qg-safe-top: env(safe-area-inset-top, 0px);--qg-safe-bottom: env(safe-area-inset-bottom, 0px)}*,:before,:after{--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: rgb(59 130 246 / .5);--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: }::backdrop{--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: rgb(59 130 246 / .5);--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: }.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-x-3{left:.75rem;right:.75rem}.bottom-\[calc\(84px\+var\(--qg-safe-bottom\)\)\]{bottom:calc(84px + var(--qg-safe-bottom))}.left-0{left:0}.left-3{left:.75rem}.right-2\.5{right:.625rem}.top-0{top:0}.top-1{top:.25rem}.top-2\.5{top:.625rem}.z-40{z-index:40}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[3\/4\]{aspect-ratio:3/4}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-3{height:.75rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[220px\]{height:220px}.h-\[42px\]{height:42px}.h-\[64px\]{height:64px}.h-full{height:100%}.min-h-\[100dvh\]{min-height:100dvh}.min-h-\[132px\]{min-height:132px}.min-h-\[32px\]{min-height:32px}.min-h-\[36px\]{min-height:36px}.min-h-\[40px\]{min-height:40px}.min-h-\[44px\]{min-height:44px}.w-1\/3{width:33.333333%}.w-11{width:2.75rem}.w-12{width:3rem}.w-3\/4{width:75%}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[104px\]{width:104px}.w-\[42px\]{width:42px}.w-\[48px\]{width:48px}.w-\[92px\]{width:92px}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[120px\]{min-width:120px}.min-w-\[34px\]{min-width:34px}.max-w-\[420px\]{max-width:420px}.max-w-\[900px\]{max-width:900px}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.rotate-180{--tw-rotate: 180deg;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))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-y{resize:vertical}.resize{resize:both}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-x-1\.5{-moz-column-gap:.375rem;column-gap:.375rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-y-1{row-gap:.25rem}.gap-y-1\.5{row-gap:.375rem}.gap-y-2{row-gap:.5rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-3\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.875rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.875rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse: 0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-line>:not([hidden])~:not([hidden]){border-color:var(--qg-line)}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-\[5px\]{border-radius:5px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-0{border-width:0px}.border-l-2{border-left-width:2px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-\[\#cfdcc6\]{--tw-border-opacity: 1;border-color:rgb(207 220 198 / var(--tw-border-opacity, 1))}.border-\[\#d9b3a1\]{--tw-border-opacity: 1;border-color:rgb(217 179 161 / var(--tw-border-opacity, 1))}.border-\[\#e4cdc2\]{--tw-border-opacity: 1;border-color:rgb(228 205 194 / var(--tw-border-opacity, 1))}.border-\[\#e6dcc2\]{--tw-border-opacity: 1;border-color:rgb(230 220 194 / var(--tw-border-opacity, 1))}.border-line{border-color:var(--qg-line)}.border-sage-wash{border-color:var(--qg-sage-wash)}.bg-\[\#a9674c\]{--tw-bg-opacity: 1;background-color:rgb(169 103 76 / var(--tw-bg-opacity, 1))}.bg-\[\#f1ece0\]{--tw-bg-opacity: 1;background-color:rgb(241 236 224 / var(--tw-bg-opacity, 1))}.bg-\[\#f6f1e3\]{--tw-bg-opacity: 1;background-color:rgb(246 241 227 / var(--tw-bg-opacity, 1))}.bg-\[\#f7ece6\]{--tw-bg-opacity: 1;background-color:rgb(247 236 230 / var(--tw-bg-opacity, 1))}.bg-\[var\(--qg-sage-soft\)\]{background-color:var(--qg-sage-soft)}.bg-card{background-color:var(--qg-card)}.bg-line{background-color:var(--qg-line)}.bg-paper{background-color:var(--qg-paper)}.bg-sage{background-color:var(--qg-sage)}.bg-sage-soft{background-color:var(--qg-sage-soft)}.bg-surface{background-color:var(--qg-surface)}.bg-transparent{background-color:transparent}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2\.5{padding:.625rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-9{padding-top:2.25rem;padding-bottom:2.25rem}.pb-3{padding-bottom:.75rem}.pl-2\.5{padding-left:.625rem}.pl-3\.5{padding-left:.875rem}.pl-4{padding-left:1rem}.pt-1{padding-top:.25rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-serif{font-family:Noto Serif SC,Georgia,serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[19px\]{font-size:19px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[24px\]{font-size:24px}.text-\[28px\]{font-size:28px}.text-\[9px\]{font-size:9px}.text-lg{font-size:1.125rem;line-height:1.75rem}.font-medium{font-weight:500}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-8{line-height:2rem}.leading-\[1\.95\]{line-height:1.95}.leading-\[1\.9\]{line-height:1.9}.leading-\[2\]{line-height:2}.leading-\[44px\]{line-height:44px}.leading-none{line-height:1}.leading-tight{line-height:1.25}.tracking-\[0\.5px\]{letter-spacing:.5px}.tracking-\[1\.5px\]{letter-spacing:1.5px}.tracking-\[2px\]{letter-spacing:2px}.tracking-\[3px\]{letter-spacing:3px}.tracking-wide{letter-spacing:.025em}.text-\[\#7a6535\]{--tw-text-opacity: 1;color:rgb(122 101 53 / var(--tw-text-opacity, 1))}.text-\[\#8a7346\]{--tw-text-opacity: 1;color:rgb(138 115 70 / var(--tw-text-opacity, 1))}.text-\[\#8d5a44\]{--tw-text-opacity: 1;color:rgb(141 90 68 / var(--tw-text-opacity, 1))}.text-\[\#a8843f\]{--tw-text-opacity: 1;color:rgb(168 132 63 / var(--tw-text-opacity, 1))}.text-\[\#a8946c\]{--tw-text-opacity: 1;color:rgb(168 148 108 / var(--tw-text-opacity, 1))}.text-\[\#c3b391\]{--tw-text-opacity: 1;color:rgb(195 179 145 / var(--tw-text-opacity, 1))}.text-clay{color:var(--qg-clay)}.text-faint{color:var(--qg-faint)}.text-ink{color:var(--qg-ink)}.text-ink-soft{color:var(--qg-ink-soft)}.text-line{color:var(--qg-line)}.text-muted{color:var(--qg-muted)}.text-sage{color:var(--qg-sage)}.text-sage-deep{color:var(--qg-sage-deep)}.text-sage-wash{color:var(--qg-sage-wash)}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.underline-offset-4{text-underline-offset:4px}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow-\[0_10px_30px_rgba\(52\,58\,48\,0\.12\)\]{--tw-shadow: 0 10px 30px rgba(52,58,48,.12);--tw-shadow-colored: 0 10px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.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-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);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.placeholder\:text-faint::-moz-placeholder{color:var(--qg-faint)}.placeholder\:text-faint::placeholder{color:var(--qg-faint)}.focus-within\:border-sage:focus-within{border-color:var(--qg-sage)}.hover\:border-\[\#e4cdc2\]:hover{--tw-border-opacity: 1;border-color:rgb(228 205 194 / var(--tw-border-opacity, 1))}.hover\:border-sage-wash:hover{border-color:var(--qg-sage-wash)}.hover\:bg-\[\#8d5a44\]:hover{--tw-bg-opacity: 1;background-color:rgb(141 90 68 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#dbe3d2\]:hover{--tw-bg-opacity: 1;background-color:rgb(219 227 210 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#e9e1cf\]:hover{--tw-bg-opacity: 1;background-color:rgb(233 225 207 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#f1ead7\]:hover{--tw-bg-opacity: 1;background-color:rgb(241 234 215 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#f2e2d9\]:hover{--tw-bg-opacity: 1;background-color:rgb(242 226 217 / var(--tw-bg-opacity, 1))}.hover\:bg-sage-deep:hover{background-color:var(--qg-sage-deep)}.hover\:bg-sage-soft:hover{background-color:var(--qg-sage-soft)}.hover\:text-clay:hover{color:var(--qg-clay)}.hover\:text-ink:hover{color:var(--qg-ink)}.hover\:text-ink-soft:hover{color:var(--qg-ink-soft)}.hover\:text-sage-deep:hover{color:var(--qg-sage-deep)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-80:hover{opacity:.8}.focus\:border-sage:focus{border-color:var(--qg-sage)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\:underline:focus-visible{text-decoration-line:underline}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media(min-width:640px){.sm\:col-span-2{grid-column:span 2 / span 2}.sm\:w-\[150px\]{width:150px}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:gap-6{gap:1.5rem}.sm\:px-12{padding-left:3rem;padding-right:3rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:px-7{padding-left:1.75rem;padding-right:1.75rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-7{padding-top:1.75rem;padding-bottom:1.75rem}.sm\:text-\[11px\]{font-size:11px}.sm\:text-\[12px\]{font-size:12px}.sm\:text-\[13px\]{font-size:13px}.sm\:text-\[14px\]{font-size:14px}.sm\:text-\[25px\]{font-size:25px}.sm\:text-\[28px\]{font-size:28px}}@media(min-width:768px){.md\:inset-x-auto{left:auto;right:auto}.md\:bottom-6{bottom:1.5rem}.md\:right-6{right:1.5rem}}@media(min-width:1024px){.lg\:inline{display:inline}.lg\:grid{display:grid}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:gap-2\.5{gap:.625rem}.lg\:px-0{padding-left:0;padding-right:0}}:root{font-family:var(--qg-font-sans);color:var(--qg-ink);background:var(--qg-paper);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}a,button{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh;min-height:100dvh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--qg-sidebar-w);background:var(--qg-sidebar);padding:calc(36px + var(--qg-safe-top)) 25px calc(22px + var(--qg-safe-bottom));display:flex;flex-direction:column;border-right:1px solid var(--qg-line);z-index:3}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;margin:0 0 63px 5px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--qg-sage-wash);color:var(--qg-sage-deep)}.brand b{display:block;font-family:var(--qg-font-serif);font-size:18px;letter-spacing:3px}.brand small{display:block;color:var(--qg-muted);font-size:9px;letter-spacing:1.5px;margin-top:2px}.side-label,.eyebrow{font-size:10px;letter-spacing:2px;color:var(--qg-faint)}.side-label{margin:0 0 13px 10px}.sidebar nav{display:grid;gap:8px}.nav-item{height:46px;padding:0 12px;display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--qg-ink-soft);font-size:13px;border-radius:8px;transition:background .15s ease}.nav-item:hover{background:var(--qg-sage-soft)}.nav-item.active{background:var(--qg-sage-soft);color:var(--qg-sage-deep)}.nav-count{margin-left:auto;font-size:11px;color:var(--qg-muted)}.side-note{margin-top:auto;margin-bottom:24px;border-top:1px solid var(--qg-line);padding:21px 8px 0;color:var(--qg-sage)}.side-note p{font-family:var(--qg-font-serif);font-size:12px;line-height:1.9;color:var(--qg-muted);margin:8px 0 0}.side-settings{display:grid;gap:8px;margin-bottom:18px}.profile{border-top:1px solid var(--qg-line);padding:19px 3px 0;display:flex;align-items:center;gap:10px;font-size:12px}.profile small{display:block;color:var(--qg-muted);font-size:10px;margin-top:4px}.profile>svg{margin-left:auto;color:var(--qg-muted)}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--qg-sage-soft);color:var(--qg-sage)}.main{margin-left:var(--qg-sidebar-w);min-height:100vh;min-height:100dvh}.topbar{height:calc(var(--qg-topbar-h) + var(--qg-safe-top));border-bottom:1px solid var(--qg-line);display:flex;align-items:center;justify-content:space-between;padding:0 7.5%;padding-top:var(--qg-safe-top);color:var(--qg-muted);font-size:11px;letter-spacing:.4px}.breadcrumb span{padding:0 9px;color:var(--qg-line)}.topbar-actions{display:flex;align-items:center;gap:16px}.top-add{border:1px solid var(--qg-line);color:var(--qg-sage-deep);background:transparent;border-radius:5px;padding:9px 14px;display:flex;gap:7px;align-items:center;font:inherit;text-decoration:none;cursor:pointer;min-height:var(--qg-touch)}.top-settings{display:none;color:var(--qg-sage);place-items:center;width:var(--qg-touch);height:var(--qg-touch)}.content{max-width:900px;padding:61px 7.5% 35px;margin:auto}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow>span{width:6px;height:6px;background:var(--qg-sage);border-radius:50%}.intro h1{font-family:var(--qg-font-serif);font-size:30px;font-weight:500;letter-spacing:2px;margin:17px 0 10px}.intro h1 em{font-style:normal;color:var(--qg-sage)}.intro p{font-size:12px;color:var(--qg-muted);letter-spacing:.4px;margin:0}.intro-action{display:inline-flex;align-items:center;gap:7px;margin-top:20px;padding:10px 16px;min-height:var(--qg-touch);border-radius:5px;background:var(--qg-sage);color:#fff;font-size:12px;text-decoration:none}.featured{position:relative;overflow:hidden;margin-top:34px;padding:25px 32px 21px;background:var(--qg-sage-soft);border-radius:9px;min-height:220px}.feature-top,.feature-foot{display:flex;justify-content:space-between;align-items:center;color:var(--qg-sage);font-size:10px;letter-spacing:1.3px}.feature-top span:first-child{display:flex;align-items:center;gap:7px}.feature-top span:last-child{color:var(--qg-muted);font-size:9px}.featured blockquote{font-family:var(--qg-font-serif);font-size:23px;line-height:1.8;letter-spacing:1.8px;color:var(--qg-ink);margin:19px 0 14px}.feature-foot{color:var(--qg-ink-soft);letter-spacing:.3px}.feature-foot i{font-style:normal;padding:0 4px;color:var(--qg-muted)}.round-leaf{width:33px;height:33px;border:1px solid var(--qg-sage-wash);border-radius:50%;display:grid;place-items:center;color:var(--qg-sage)}.decor{position:absolute;color:var(--qg-sage-wash);font-size:32px;line-height:0}.decor-one{right:76px;top:25px}.decor-two{right:32px;bottom:25px;font-size:20px}.collection-head{display:flex;align-items:end;justify-content:space-between;margin:45px 0 14px;gap:16px}.muted{font-size:9px}.collection-head h2{font-family:var(--qg-font-serif);font-weight:500;font-size:19px;letter-spacing:1px;margin:8px 0 0}.collection-head h2 span{font:11px var(--qg-font-sans);color:var(--qg-muted);margin-left:5px}.search{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--qg-line);padding:8px 2px;color:var(--qg-muted);width:180px;font-size:11px;text-decoration:none;min-height:var(--qg-touch)}.search input{width:100%;background:none;border:0;outline:0;font:inherit;color:var(--qg-ink)}.search input::-moz-placeholder{color:var(--qg-muted)}.search input::placeholder{color:var(--qg-muted)}.quote-list{display:grid;gap:9px}.quote-card{position:relative;display:flex;gap:12px;padding:17px 18px;background:var(--qg-card);border:1px solid var(--qg-line);border-radius:6px}.quote-mark{font-family:Georgia,serif;color:var(--qg-sage-wash);font-size:34px;line-height:1}.quote-body{flex:1;min-width:0}.quote-body p{font:14px/1.8 var(--qg-font-serif);color:var(--qg-ink-soft);margin:1px 0 9px;overflow-wrap:anywhere}.quote-meta{display:flex;gap:8px;font-size:10px;color:var(--qg-muted);flex-wrap:wrap}.quote-meta b{font-weight:500;color:var(--qg-ink-soft)}.tag{align-self:start;background:var(--qg-sage-soft);color:var(--qg-sage);border-radius:3px;padding:4px 8px;font-size:9px;white-space:nowrap}footer{text-align:center;color:var(--qg-muted);font-size:10px;padding:28px 0 0;letter-spacing:.5px}footer span{color:var(--qg-sage);margin-left:6px}.mobile-brand,.bottom-nav{display:none}.bottom-nav{position:fixed;inset:auto 0 0;z-index:4;display:flex;align-items:stretch;justify-content:space-around;background:var(--qg-surface);border-top:1px solid var(--qg-line);padding-bottom:var(--qg-safe-bottom);box-shadow:0 -3px 16px #343a300d}.bottom-nav-item{flex:1;min-width:0;min-height:var(--qg-touch);padding:9px 2px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--qg-muted);font-size:10px;letter-spacing:.5px}.bottom-nav-item.active{color:var(--qg-sage-deep)}.bottom-nav-icon{display:grid;place-items:center;width:26px;height:26px}.bottom-nav-label{line-height:1.2}.bottom-nav-primary .bottom-nav-icon{width:44px;height:44px;margin-top:-18px;border-radius:50%;background:var(--qg-sage);color:#fff;box-shadow:0 5px 14px #5264484d;border:3px solid var(--qg-surface)}.bottom-nav-primary{color:var(--qg-sage-deep)}.bottom-nav-primary.active .bottom-nav-icon{background:var(--qg-sage-deep)}@media(max-width:760px){.sidebar{display:none}.main{margin:0;padding-bottom:calc(78px + var(--qg-safe-bottom))}.topbar{height:calc(58px + var(--qg-safe-top));padding:0 20px;padding-top:var(--qg-safe-top)}.mobile-brand{display:flex;align-items:center;gap:7px;color:var(--qg-sage-deep);font-family:var(--qg-font-serif);font-size:15px}.breadcrumb,.top-add{display:none}.top-settings{display:grid}.content{padding:39px 21px 25px}.intro h1{font-size:24px;letter-spacing:1px;margin-top:14px}.intro p{line-height:1.8;font-size:11px}.featured{margin-top:27px;padding:21px 20px 18px;min-height:205px}.featured blockquote{font-size:22px;margin:18px 0 15px}.decor-one{right:44px}.decor-two{right:15px}.collection-head{margin-top:36px}.search{width:105px}.quote-card{padding:14px 12px;gap:8px}.quote-body p{font-size:13px}.tag{font-size:8px;padding:4px 6px}.collection-head h2{font-size:17px}.bottom-nav{display:flex}}@media(min-width:761px)and (max-width:1020px){.sidebar{width:215px;padding-inline:19px}:root{--qg-sidebar-w: 215px}.main{margin-left:215px}.content,.topbar{padding-inline:6%}}:focus-visible{outline:2px solid var(--qg-sage);outline-offset:2px}.skip-link{position:absolute;top:-80px;left:12px;z-index:60;padding:10px 16px;border-radius:6px;background:var(--qg-sage-deep);color:#fff;font-size:12px;letter-spacing:.5px;text-decoration:none;transition:top .15s ease}.skip-link:focus{top:calc(12px + var(--qg-safe-top))}.main:focus{outline:none}input,textarea,select{scroll-margin-block:110px}.app-shell[data-keyboard=open] .bottom-nav{display:none}.app-shell[data-keyboard=open] .main{padding-bottom:0}body{overscroll-behavior-y:contain}@media(max-width:760px){input,textarea,select{font-size:16px}.featured blockquote{font-size:20px;line-height:1.85;letter-spacing:1.4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}