:root{--spl-primary-color:#33312a;--spl-primary-color-hover:#1f1e19;--spl-button-bg:#2f6b5b;--spl-button-bg-hover:#275547;--spl-button-text:#f7f5ec;--spl-light-gray:#f3f1ea;--spl-hover-gray:#d9f0e3;--spl-border-color:#eae7dd;--spl-header-bg:#f6f3ea;--spl-text-muted:#625e50;--spl-text-placeholder:#8f8a78;--spl-text-primary:#26251f;--spl-text-secondary:#3d3b33;--spl-border-light:#e1ded3;--spl-border-dark:#d1cdc0;--spl-border-strong:#aeaa9c;--spl-primary-blue:#2f6b5b;--spl-primary-blue-hover:#24564a;--spl-code-bg:#f3f1e9;--spl-blockquote-border:#d1cdc0;--spl-table-border:#e1ded3;--spl-table-row-alt:#f8f6f0;--spl-user-message-bg:#e4f2ea;--spl-user-message-bg-hover:#d4eadd;--spl-model-message-bg:#f8f6ee;--spl-background-primary:#fcfbf7;--spl-background-secondary:#f6f3ea;--spl-background-hover:#d9f0e3;--spl-background-muted:#fdfcf9;--spl-pool-surface:#e7e4da;--spl-surface-overlay:#fefdfa;--spl-surface-document:#fffffc;--spl-error-color:#b02a26;--spl-error-bg:#f7e5e0;--spl-error-bg-subtle:#b02a2614;--spl-error-hover:#93221f;--spl-success-bg:#e1efe5;--spl-success-color:#2f7d57;--spl-warning-bg:#f8efcb;--spl-warning-color:#7a5d00;--spl-alert-color:#d9662b;--spl-alert-bg:#f9e7d8;--spl-alert-text:#8a4516;--spl-secondary-color:#625e50;--spl-secondary-hover:#57534a;--spl-text-color:#4a473d;--spl-gold-color:#b98a24;--spl-gold-glow:#b98a2473;--spl-warning-yellow:#e5a800;--spl-warning-yellow-bg:#faf3d4;--spl-shadow-color:#34322829;--spl-focus-ring:#2f6b5b33}html[data-theme=dark]{--spl-primary-color:#eceae0;--spl-primary-color-hover:#f6f5ee;--spl-button-bg:#2f6b5b;--spl-button-bg-hover:#3a7d6b;--spl-button-text:#f2f1ea;--spl-light-gray:#232219;--spl-hover-gray:#253730;--spl-pool-surface:#24221c;--spl-border-color:#262521;--spl-header-bg:#1b1a16;--spl-text-muted:#a3a091;--spl-text-placeholder:#78756a;--spl-text-primary:#f2f1ea;--spl-text-secondary:#d8d6cb;--spl-border-light:#2d2b24;--spl-border-dark:#3d3a30;--spl-border-strong:#5a5648;--spl-primary-blue:#63c3a5;--spl-primary-blue-hover:#85d4bb;--spl-code-bg:#1e1d17;--spl-blockquote-border:#3d3a30;--spl-table-border:#2d2b24;--spl-table-row-alt:#191812;--spl-user-message-bg:#143029;--spl-user-message-bg-hover:#1a3d33;--spl-model-message-bg:#272418;--spl-background-primary:#141310;--spl-background-secondary:#1b1a16;--spl-background-hover:#1e2b25;--spl-background-muted:#161512;--spl-surface-overlay:#201f1a;--spl-surface-document:#24221b;--spl-error-color:#ff7a6b;--spl-error-bg:#331b16;--spl-error-bg-subtle:#ff7a6b1f;--spl-error-hover:#ff9c8f;--spl-success-bg:#143224;--spl-success-color:#74d6a4;--spl-warning-bg:#322a14;--spl-warning-color:#f2cc60;--spl-alert-color:#f0883e;--spl-alert-bg:#3a2211;--spl-alert-text:#ffb77d;--spl-secondary-color:#a3a091;--spl-secondary-hover:#bdbaac;--spl-text-color:#cfcdc1;--spl-gold-color:#e0b54c;--spl-gold-glow:#e0b54c4d;--spl-warning-yellow:#f0c64a;--spl-warning-yellow-bg:#33290f;--spl-shadow-color:#0000008c;--spl-focus-ring:#63c3a547}html,body{margin:0;font-family:Arial,sans-serif}body{box-sizing:border-box;background:var(--spl-background-primary);color:var(--spl-text-primary);height:100%;margin:0 auto}h1{color:var(--spl-primary-color);margin-top:0}a{color:var(--spl-primary-blue)}input,textarea,select{background-color:var(--spl-background-primary);color:var(--spl-text-primary)}.notification-banner{z-index:1000;opacity:0;visibility:hidden;width:100%;max-width:860px;margin:0;padding:1rem;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;position:fixed;top:0;left:50%;transform:translate(-50%)}.notification-banner.active{opacity:1;visibility:visible}.notification-banner p{margin:0;padding:0}.notification-banner.error-banner{background-color:var(--spl-error-bg);border:1px solid var(--spl-error-color);color:var(--spl-error-color)}.notification-banner.success-banner{background-color:var(--spl-success-bg);border:1px solid var(--spl-success-color);color:var(--spl-success-color)}.button{background:var(--spl-button-bg);color:var(--spl-button-text);cursor:pointer;border:none;border-radius:4px;padding:.5rem .75rem;font-size:.9em;text-decoration:none;transition:background-color .2s;display:inline-block}.button:hover{background:var(--spl-button-bg-hover)}.button:disabled{color:var(--spl-text-muted);background-color:var(--spl-light-gray);cursor:not-allowed}.button-small{padding:.25rem .5rem;font-size:.8em}.button-secondary,.button.secondary{background:var(--spl-light-gray);color:var(--spl-primary-color)}.button-secondary:hover:not(:disabled),.button.secondary:hover:not(:disabled){background:var(--spl-hover-gray)}.button-danger,.button.danger{background:var(--spl-error-color);color:#fff}.button-danger:hover:not(:disabled),.button.danger:hover:not(:disabled){background:var(--spl-error-color)}.button-primary,.button.primary{background-color:var(--spl-primary-blue);color:#fff}.button-primary:hover:not(:disabled),.button.primary:hover:not(:disabled){background-color:var(--spl-primary-blue-hover)}.header{background-color:var(--spl-header-bg);height:60px;box-shadow:0 2px 4px rgba(var(--spl-primary-color), .1);z-index:100;position:fixed;top:0;left:0;right:0}.header .header-content{justify-content:space-between;align-items:center;margin:0 auto;padding:.5rem 1rem .5rem .5rem;display:flex}.header .header-left{align-items:center;gap:3rem;display:flex}.header .header-nav{align-items:center;display:flex}.header .header-nav-link{color:var(--spl-text-muted);font-size:1rem;font-weight:600;text-decoration:none;transition:color .15s ease-in-out}.header .header-nav-link:hover{color:var(--spl-text-primary)}.header .header-title{max-width:860px;color:var(--spl-text-primary);align-items:center;text-decoration:none;display:flex}.header .header-title .header-logo{width:40px;height:40px;margin-right:.25rem;transition:filter .2s ease-in-out,transform .2s ease-in-out}.header .header-title:hover .header-logo{transform:scale(1.05)rotate(10deg)}.header h1{color:inherit;margin:0;font-size:1.5rem}html[data-theme=dark] .header .header-logo{filter:invert()}@media (width<=768px){.header h1{font-size:1.5rem}}.blog{max-width:860px;margin:calc(60px + 2rem) auto 2rem;padding:0 1rem}.blog-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.blog-title{color:var(--spl-text-primary);margin:0}.blog-feed-link{border:1px solid var(--spl-gold-color);color:var(--spl-gold-color);letter-spacing:.03em;border-radius:3px;flex:none;padding:.25rem .5rem;font-size:.8rem;font-weight:700;text-decoration:none}.blog-feed-link:hover{background:var(--spl-gold-color);color:#fff}.blog-empty{color:var(--spl-text-muted)}.blog-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.blog-item{border-bottom:1px solid var(--spl-border-light);padding-bottom:1rem}.blog-item.is-featured .blog-item-title{font-weight:700}.blog-item-link{color:var(--spl-primary-blue);align-items:baseline;gap:.5rem;font-size:1.15rem;text-decoration:none;display:inline-flex}.blog-item-link:hover{color:var(--spl-primary-blue-hover);text-decoration:underline}.blog-badge{color:var(--spl-gold-color);font-size:.75rem;font-weight:600;text-decoration:none}.blog-item-meta{color:var(--spl-text-muted);gap:.5rem;margin-top:.25rem;font-size:.85rem;display:flex}