@import url("https://fonts.googleapis.com/css2?family=Lora:wght@400;600&family=Work+Sans:wght@400;500;600&display=swap");:root{--color-cream:#faf7f1;--color-panel-light:#f4efe4;--color-panel-dark:#efe8d9;--color-border:#e7ddca;--color-muted-light:#8a8072;--color-muted-dark:#6b6255;--color-text:#241f17;--color-accent-primary:#c2410c;--color-accent-soft:#dd7f4f;--color-forest:#1f2b25;--color-sage-light:#a9b3a5;--color-sage-dark:#7a9c74;--color-success:#7a9c74;--color-danger:#d98a6b;--space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--font-serif:"Lora",serif;--font-sans:"Work Sans",sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px rgba(0,0,0,0.1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-cream);line-height:1.6;font-size:var(--text-base)}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:600;line-height:1.3;margin-bottom:var(--space-md)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{margin-bottom:var(--space-md);color:var(--color-muted-dark)}a{color:var(--color-accent-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--color-accent-soft)}.container{max-width:1200px}.container,.container-narrow{margin:0 auto;padding:var(--space-lg)}.container-narrow{max-width:600px}.panel{background:var(--color-panel-light);border:1px solid var(--color-border);border-radius:8px;padding:var(--space-lg);box-shadow:var(--shadow-sm)}.panel+.panel{margin-top:var(--space-md)}.panel-secondary{background:var(--color-panel-dark)}.form-group{margin-bottom:var(--space-md)}label{display:block;font-weight:500;margin-bottom:var(--space-xs);font-family:var(--font-sans)}input[type=date],input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{width:100%;padding:var(--space-sm);border:1px solid var(--color-border);border-radius:6px;font-family:var(--font-sans);font-size:var(--text-base);background:white;color:var(--color-text);transition:border-color .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px rgba(194,65,12,.1)}textarea{resize:vertical;min-height:120px}.btn{display:inline-block;padding:var(--space-sm) var(--space-md);border:none;border-radius:6px;font-family:var(--font-sans);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;text-align:center}.btn-primary{background:var(--color-accent-primary);color:white}.btn-primary:hover{background:#9a3309}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:var(--color-panel-dark);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-border)}.btn-ghost{background:transparent;color:var(--color-accent-primary);border:1px solid var(--color-accent-primary)}.btn-ghost:hover{background:rgba(194,65,12,.05)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-block{width:100%}.btn-group{display:flex;gap:var(--space-sm)}.btn-group,.table-wrap{margin-top:var(--space-md)}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th{text-align:left;border-bottom:2px solid var(--color-border);font-family:var(--font-sans);font-weight:600;color:var(--color-muted-dark)}.table td,.table th{padding:var(--space-sm);font-size:var(--text-sm)}.table td{border-bottom:1px solid var(--color-border)}.table tr:last-child td{border-bottom:none}.badge{display:inline-block;padding:.125rem .625rem;border-radius:999px;font-size:var(--text-xs);font-weight:500}.badge-success{background:rgba(122,156,116,.15);color:#2d4620}.badge-danger{background:rgba(217,138,107,.15);color:#9a3309}.badge-muted{background:var(--color-panel-dark);color:var(--color-muted-dark)}.badge-info{background:rgba(169,179,165,.2);color:#2b3a32}.badge-warning{background:rgba(217,138,107,.2);color:#9a3309}.vote-btn{display:flex;flex-direction:column;align-items:center;gap:.125rem;background:white;border:1px solid var(--color-border);border-radius:6px;padding:.5rem .75rem;cursor:pointer;font-family:var(--font-sans);color:var(--color-muted-dark);min-width:3.5rem}.vote-btn:hover{color:var(--color-accent-primary)}.vote-btn.voted,.vote-btn:hover{border-color:var(--color-accent-primary)}.vote-btn.voted{background:var(--color-accent-primary);color:white}.vote-btn .vote-count{font-weight:600;font-size:var(--text-lg)}.btn-sm{padding:.375rem .875rem;font-size:var(--text-sm)}.tab-nav{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-md)}.tab-nav a{padding:.5rem 1rem;border-radius:6px;color:var(--color-muted-dark);font-weight:500;font-size:var(--text-sm)}.tab-nav a:hover{background:var(--color-panel-dark);color:var(--color-text)}.tab-nav a.active{background:var(--color-accent-primary);color:white}.alert{padding:var(--space-md);border-radius:6px;margin-bottom:var(--space-md);border-left:4px solid}.alert-error{background:rgba(217,138,107,.1);border-color:var(--color-danger);color:#9a3309}.alert-success{background:rgba(122,156,116,.1);border-color:var(--color-success);color:#2d4620}.alert-info{background:rgba(169,179,165,.1);border-color:var(--color-sage-light);color:var(--color-muted-dark)}.app-shell{display:flex;align-items:stretch;min-height:100vh}.sidebar{width:240px;background:var(--color-forest);color:white;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh;transition:width .2s}.sidebar,.sidebar-header{flex-shrink:0;display:flex}.sidebar-header{align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-sm)}.sidebar-brand{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:600;color:white;min-width:0;flex:1 1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sidebar-nav{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:var(--space-md) 0;scrollbar-width:none;-ms-overflow-style:none}.sidebar-nav::-webkit-scrollbar{display:none}.nav-group{margin-bottom:var(--space-lg)}.nav-group-label{text-transform:uppercase;font-size:var(--text-xs);letter-spacing:.05em;color:var(--color-sage-light);padding:0 var(--space-lg);margin-bottom:var(--space-xs)}.nav-group-label,.sidebar-nav a{white-space:nowrap;overflow:hidden}.sidebar-nav a{display:flex;align-items:center;gap:var(--space-sm);color:white;font-weight:500;padding:var(--space-xs) var(--space-lg);border-left:3px solid transparent;transition:color .2s,background .2s}.sidebar-nav a.active,.sidebar-nav a:hover{color:var(--color-sage-light)}.sidebar-nav a.active{background:rgba(255,255,255,.08);border-left-color:var(--color-accent-soft)}.nav-icon{flex-shrink:0;width:1.5em;text-align:center}.sidebar-logout{flex-shrink:0;padding:var(--space-md) var(--space-lg);border-top:1px solid rgba(255,255,255,.1)}.sidebar-logout button{display:flex;align-items:center;gap:var(--space-sm);background:none;border:none;color:white;cursor:pointer;font-weight:500;font-family:inherit;font-size:inherit;padding:0;white-space:nowrap;overflow:hidden}.sidebar-logout button:hover{color:var(--color-sage-light)}.page-col{flex:1 1 auto;min-width:0}.nav-toggle{flex-shrink:0;display:flex;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:6px}.nav-toggle:hover{background:rgba(255,255,255,.08)}.nav-toggle-mobile{display:none;position:fixed;top:var(--space-sm);left:var(--space-sm);z-index:80;background:var(--color-forest)}@media (min-width:769px){.app-shell.sidebar-toggled .sidebar{width:64px}.app-shell.sidebar-toggled .sidebar-header,.app-shell.sidebar-toggled .sidebar-nav a{justify-content:center;padding-left:0;padding-right:0}.app-shell.sidebar-toggled .sidebar-logout{padding-left:0;padding-right:0}.app-shell.sidebar-toggled .sidebar-logout button{justify-content:center}.app-shell.sidebar-toggled .nav-group-label,.app-shell.sidebar-toggled .nav-label,.app-shell.sidebar-toggled .sidebar-brand{display:none}}.nav-toggle span{display:block;width:24px;height:2px;background:white;border-radius:1px;transition:transform .2s,opacity .2s}.nav-toggle-open span:first-child{transform:translateY(7px) rotate(45deg)}.nav-toggle-open span:nth-child(2){opacity:0}.nav-toggle-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.sidebar-overlay{display:none}.site-header{background:var(--color-forest);padding:var(--space-md) var(--space-lg)}.site-header-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:var(--space-lg);flex-wrap:wrap}.site-header-logo{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:600;color:white}.site-header-logo:hover{color:var(--color-sage-light)}.site-header-nav{display:flex;gap:var(--space-lg);flex-wrap:wrap;flex:1 1 auto}.site-header-nav a{color:white;font-weight:500;font-size:var(--text-sm)}.site-header-nav a.active,.site-header-nav a:hover{color:var(--color-sage-light)}.site-header-cta{display:flex;gap:var(--space-sm)}.header{text-align:center;margin-bottom:var(--space-xl)}.header-logo{font-family:var(--font-serif);font-size:var(--text-3xl);color:var(--color-accent-primary);margin-bottom:var(--space-md)}.header-subtitle{color:var(--color-muted-dark);font-size:var(--text-lg)}.checkbox-group{display:flex;align-items:center;gap:var(--space-sm)}input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer}.chat-page-body{height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column}.chat-page-body .app-shell,.chat-page-body .page-col{flex:1 1 auto;min-height:0;overflow:hidden}.chat-page-body .page-col{display:flex;flex-direction:column}.chat-container,.chat-page-body main{flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column}.chat-container{max-width:1200px;width:100%;margin:0 auto;padding:var(--space-lg)}.chat-topbar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap}.chat-topbar h1{margin-bottom:0}.chat-thinking-toggle{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--color-muted-dark)}.chat-thinking-toggle input[type=checkbox]{width:1rem;height:1rem}.chat-panel{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden;margin-bottom:var(--space-md)}.chat-composer{flex-shrink:0}.chat-model-select{width:auto;max-width:100%;padding:.375rem .625rem;font-size:var(--text-sm);margin-bottom:var(--space-xs)}.chat-composer-row{display:flex;align-items:flex-end;gap:var(--space-sm)}.chat-input-textarea{flex:1 1 auto;min-height:84px;max-height:260px;resize:vertical}.chat-composer-row .btn{flex-shrink:0}.chat-messages{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-sm)}.chat-bubble-row{display:flex;width:100%}.chat-bubble-row.user{justify-content:flex-end}.chat-bubble-row.assistant,.chat-continue-row{justify-content:flex-start}.chat-continue-row{display:flex;margin-top:-.25rem}.chat-bubble{max-width:80%;padding:var(--space-sm) var(--space-md);border-radius:8px;color:var(--color-text)}.chat-bubble p{margin:0;color:inherit}.chat-bubble.user{background:var(--color-panel-light);border:1px solid var(--color-border)}.chat-bubble.assistant{background:var(--color-panel-dark)}.chat-bubble>*+*,.chat-thinking p+*,.chat-thinking>*+*{margin-top:.6em}.chat-bubble h3,.chat-bubble h4,.chat-bubble h5,.chat-bubble h6,.chat-thinking h3,.chat-thinking h4,.chat-thinking h5,.chat-thinking h6{color:inherit;margin-bottom:0;font-size:1em}.chat-bubble h3,.chat-thinking h3{font-size:1.15em}.chat-bubble h4,.chat-thinking h4{font-size:1.08em}.chat-bubble ol,.chat-bubble ul,.chat-thinking ol,.chat-thinking ul{margin:0;padding-left:1.25em}.chat-bubble li,.chat-thinking li{margin-bottom:.25em}.chat-bubble hr,.chat-thinking hr{border:none;border-top:1px solid var(--color-border);margin:0}.chat-bubble pre,.chat-thinking pre{background:rgba(0,0,0,.06);border:1px solid var(--color-border);border-radius:6px;padding:var(--space-sm);overflow-x:auto;font-size:var(--text-sm);white-space:pre-wrap;word-break:break-word}.chat-bubble pre code,.chat-thinking pre code{background:none;padding:0}.chat-table-wrap{overflow-x:auto}.chat-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.chat-table td,.chat-table th{border:1px solid var(--color-border);padding:.375rem .625rem;text-align:left}.chat-table th{background:rgba(0,0,0,.04)}.chat-thinking{max-width:80%;font-size:var(--text-sm);color:var(--color-muted-dark);background:transparent;border:1px dashed var(--color-border);border-radius:8px;padding:.5rem var(--space-sm)}.chat-messages.hide-thinking .chat-thinking{display:none}.chat-thinking summary{cursor:pointer;font-weight:500}.chat-thinking p{margin:.5rem 0 0;font-style:italic}.chat-options{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin:.25rem 0 var(--space-sm)}.chat-option-chip{background:var(--color-panel-light);border:1px solid var(--color-border);border-radius:999px;padding:.375rem .875rem;font-size:var(--text-sm);color:var(--color-text);cursor:pointer;transition:background .2s,border-color .2s}.chat-option-chip:hover{background:var(--color-panel-dark);border-color:var(--color-accent-soft)}.typing-dots{display:inline-flex;gap:.25rem}.typing-dots span{width:6px;height:6px;border-radius:50%;background:var(--color-muted-dark);animation:typing-bounce 1.2s ease-in-out infinite}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}.text-center{text-align:center}.text-muted{color:var(--color-muted-dark)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.hidden{display:none}@media (max-width:768px){.container,.container-narrow{padding:var(--space-md)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}.header-logo{font-size:var(--text-2xl)}.nav-toggle-mobile{display:flex}.app-shell.sidebar-toggled .nav-toggle-mobile{display:none}.sidebar{position:fixed;left:-260px;top:0;height:100vh;width:240px;z-index:70;transition:left .2s;box-shadow:var(--shadow-md)}.app-shell.sidebar-toggled .sidebar{left:0}.page-col{padding-top:3.5rem}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:65}.app-shell.sidebar-toggled .sidebar-overlay{display:block}.tab-nav{flex-wrap:wrap}.btn-group{flex-direction:column}.btn-group .btn{width:100%}.chat-container{padding:var(--space-md)}.chat-bubble,.chat-thinking{max-width:90%}}@media (max-width:480px){.chat-container,.container,.container-narrow{padding:var(--space-sm)}.panel{padding:var(--space-md)}.chat-bubble,.chat-thinking{max-width:95%}}.progress-pie{flex-shrink:0}.progress-pie,.progress-pie-inner{border-radius:50%;display:flex;align-items:center;justify-content:center}.progress-pie-inner{width:68%;height:68%;background:var(--color-cream);font-weight:600;font-family:var(--font-serif);font-size:var(--text-sm);color:var(--color-text)}.widget-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:var(--space-sm);gap:var(--space-sm);margin-bottom:var(--space-lg)}.widget-card{background:var(--color-panel-light);border:1px solid var(--color-border);border-radius:8px;padding:var(--space-md);text-align:center}.widget-card .widget-value{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:600;color:var(--color-accent-primary);display:block}.widget-card .widget-label{font-size:var(--text-sm);color:var(--color-muted-dark)}.todo-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border)}.todo-item:last-child{border-bottom:none}.todo-item.done .todo-title{text-decoration:line-through;color:var(--color-muted-dark)}.todo-title{flex:1 1}@media (max-width:480px){.widget-row{grid-template-columns:repeat(2,1fr)}}