:root{--font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;--font-body: "Cormorant Garamond", Georgia, serif;--font-ui: "Work Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "IBM Plex Mono", "SF Mono", monospace;--bg: #F9F7F4;--bg-elevated: #FFFFFF;--bg-human: rgba(194, 149, 107, .06);--bg-submit: #F4F2EE;--bg-nav: rgba(249, 247, 244, .92);--ink: #2D2B29;--ink-70: #5C5955;--ink-50: #8A8681;--ink-30: #B8B4AE;--ink-15: #DBD8D3;--ink-08: #EDEBE8;--ink-04: #F5F3F0;--accent-human: #B8860B;--accent-human-soft: rgba(184, 134, 11, .12);--accent-ai: #6D5ACF;--accent-ai-soft: rgba(109, 90, 207, .08);--accent-feature: #C45D4A;--accent-success: #5A9E6F;--reading-width: 680px;--gallery-width: 740px;--nav-height: 56px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}[data-theme=dark]{--bg: #1C1B19;--bg-elevated: #2A2826;--bg-human: rgba(184, 134, 11, .08);--bg-submit: #242320;--bg-nav: rgba(28, 27, 25, .92);--ink: #E8E4DF;--ink-70: #B5B0A9;--ink-50: #868178;--ink-30: #5A5650;--ink-15: #3A3835;--ink-08: #2E2C2A;--ink-04: #252320;--accent-human: #D4A64A;--accent-human-soft: rgba(212, 166, 74, .1);--accent-ai: #9B8AE8;--accent-ai-soft: rgba(155, 138, 232, .08);--accent-feature: #E07A68;--accent-success: #72B886}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-ui);background:var(--bg);color:var(--ink);min-height:100vh;line-height:1.6;transition:background .4s var(--ease-out),color .4s var(--ease-out);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--accent-ai-soft);color:var(--ink)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;border:none;background:none;color:inherit}#progress-bar{position:fixed;top:0;left:0;height:3px;width:0%;background:var(--accent-ai);z-index:1000;transition:width .1s linear;opacity:0;pointer-events:none}#progress-bar.visible{opacity:1}nav#nav{position:sticky;top:0;z-index:100;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--bg-nav);border-bottom:1px solid var(--ink-08);height:var(--nav-height);display:flex;align-items:center;justify-content:center;transition:background .4s var(--ease-out),border-color .4s var(--ease-out)}.nav-inner{width:100%;max-width:var(--gallery-width);padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between}.nav-brand{font-family:var(--font-display);font-size:1.35rem;font-weight:600;letter-spacing:-.01em;color:var(--ink);transition:color .2s}.nav-brand:hover{color:var(--accent-ai)}.nav-links{display:flex;align-items:center;gap:1.25rem}.nav-link{font-size:.82rem;font-weight:500;color:var(--ink-50);transition:color .2s;letter-spacing:.01em}.nav-link:hover,.nav-link.active{color:var(--ink)}.theme-btn{font-size:.9rem;opacity:.4;transition:opacity .2s;padding:.25rem;line-height:1}.theme-btn:hover{opacity:.8}main#app{min-height:calc(100vh - var(--nav-height))}.gallery{max-width:var(--gallery-width);margin:0 auto;padding:4rem 1.5rem 6rem}.gallery-header{margin-bottom:3.5rem}.gallery-title{font-family:var(--font-display);font-size:3.2rem;font-weight:400;letter-spacing:-.02em;line-height:1.15;margin-bottom:.75rem;color:var(--ink)}.gallery-subtitle{font-family:var(--font-display);font-size:1.2rem;font-weight:400;font-style:italic;color:var(--ink-50);line-height:1.5;max-width:520px}.gallery-filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--ink-08)}.filter-pill{font-size:.75rem;font-weight:500;letter-spacing:.02em;padding:.4rem .85rem;border-radius:100px;border:1px solid var(--ink-15);color:var(--ink-50);transition:all .2s var(--ease-out);background:transparent}.filter-pill:hover{border-color:var(--ink-30);color:var(--ink-70)}.filter-pill.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.more-topics-wrap{display:flex;flex-wrap:wrap;gap:.5rem}.more-topics-btn{color:var(--accent-ai)!important;border-color:var(--accent-ai-soft)!important}.card-list{display:flex;flex-direction:column;gap:1px}.conversation-card{display:block;padding:1.75rem 0;border-bottom:1px solid var(--ink-08);transition:all .3s var(--ease-out);cursor:pointer}.conversation-card:first-child{border-top:1px solid var(--ink-08)}.conversation-card:hover{padding-left:.75rem}.conversation-card:hover .card-title{color:var(--accent-ai)}.card-top-row{display:flex;align-items:baseline;gap:.75rem;margin-bottom:.5rem}.card-date{font-family:var(--font-mono);font-size:.7rem;color:var(--ink-30);letter-spacing:.03em;white-space:nowrap}.card-model-badge{font-family:var(--font-mono);font-size:.65rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;padding:.15rem .5rem;border-radius:3px;background:var(--accent-ai-soft);color:var(--accent-ai)}.card-featured-badge{font-family:var(--font-mono);font-size:.6rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-feature)}.card-title{font-family:var(--font-display);font-size:1.55rem;font-weight:500;line-height:1.3;margin-bottom:.5rem;transition:color .2s;letter-spacing:-.01em}.card-excerpt{font-size:.9rem;color:var(--ink-50);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.6rem}.card-meta{display:flex;align-items:center;gap:1rem;font-family:var(--font-mono);font-size:.7rem;color:var(--ink-30)}.card-meta-item{display:flex;align-items:center;gap:.3rem}.conversation-card{opacity:0;transform:translateY(8px);animation:cardEnter .5s var(--ease-out) forwards}.conversation-card:nth-child(1){animation-delay:.05s}.conversation-card:nth-child(2){animation-delay:.1s}.conversation-card:nth-child(3){animation-delay:.15s}.conversation-card:nth-child(4){animation-delay:.2s}.conversation-card:nth-child(5){animation-delay:.25s}.conversation-card:nth-child(6){animation-delay:.3s}@keyframes cardEnter{to{opacity:1;transform:translateY(0)}}.reader{max-width:var(--reading-width);margin:0 auto;padding:3rem 1.5rem 6rem}.reader-back{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:500;color:var(--ink-30);margin-bottom:2.5rem;transition:color .2s}.reader-back:hover{color:var(--ink)}.reader-back svg{width:14px;height:14px}.reader-header{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--ink-08)}.reader-title{font-family:var(--font-display);font-size:2.6rem;font-weight:400;line-height:1.2;letter-spacing:-.02em;margin-bottom:1rem}.reader-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;font-family:var(--font-mono);font-size:.72rem;color:var(--ink-30)}.reader-meta .divider{color:var(--ink-15)}.reader-description{font-family:var(--font-display);font-size:1.15rem;font-style:italic;color:var(--ink-50);line-height:1.6;margin-top:1.25rem}.reader-tags{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:1rem}.reader-tag{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.03em;padding:.2rem .6rem;border-radius:3px;background:var(--ink-04);color:var(--ink-50)}.reader-controls{display:flex;gap:.5rem;margin-bottom:1.5rem}.reader-toggle-btn{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-50);padding:.4rem .85rem;border:1px solid var(--ink-15);border-radius:5px;transition:all .2s;display:flex;align-items:center;gap:.4rem}.reader-toggle-btn:hover{color:var(--ink);border-color:var(--ink-30)}.toggle-icon{font-size:.85rem}.conversation-flow.prompts-only .message-ai{max-height:0;overflow:hidden;margin:0;padding:0;opacity:0;transition:all .3s var(--ease-out)}.conversation-flow.prompts-only .message-human{margin-bottom:.75rem}.conversation-flow{margin-top:.5rem}.message{margin-bottom:2.5rem;animation:messageFade .4s var(--ease-out) forwards;opacity:0}@keyframes messageFade{to{opacity:1}}.message-label{font-family:var(--font-mono);font-size:.65rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.6rem}.message-human{padding-left:1.25rem;border-left:2px solid var(--accent-human)}.message-human .message-label{color:var(--accent-human)}.message-human .message-body{font-family:var(--font-ui);font-size:.95rem;font-weight:500;line-height:1.65;color:var(--ink)}.message-human .message-body p{margin-bottom:.5rem}.message-human .message-body p:last-child{margin-bottom:0}.message-ai{padding-left:0}.message-ai .message-label{color:var(--accent-ai)}.message-ai .message-body{font-family:var(--font-body);font-size:1.15rem;line-height:1.8;color:var(--ink)}.message-ai .message-body p{margin-bottom:1rem}.message-ai .message-body p:last-child{margin-bottom:0}.message-ai .message-body em{font-style:italic;color:var(--ink-50)}.message-ai .message-body strong{font-weight:600}.reader-commentary{font-family:var(--font-display);font-size:1rem;font-style:italic;line-height:1.7;color:var(--ink-50);padding:1.25rem 1.5rem;background:var(--accent-ai-soft);border-radius:6px;margin-bottom:2.5rem}.reader-commentary a{color:var(--accent-ai);text-decoration:underline;text-decoration-color:var(--accent-ai-soft);text-underline-offset:2px;transition:text-decoration-color .2s}.reader-commentary a:hover{text-decoration-color:var(--accent-ai)}.turn-separator{height:1px;background:var(--ink-08);margin:2.5rem 0}.reader-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--ink-08);display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.reader-footer-link{font-family:var(--font-mono);font-size:.75rem;color:var(--ink-30);padding:.5rem 1rem;border:1px solid var(--ink-15);border-radius:5px;transition:all .2s}.reader-footer-link:hover{color:var(--ink);border-color:var(--ink-30)}.share-btn{font-family:var(--font-mono);font-size:.75rem;color:var(--ink-30);padding:.5rem 1rem;border:1px solid var(--ink-15);border-radius:5px;transition:all .2s}.share-btn:hover{color:var(--ink);border-color:var(--ink-30)}.share-btn.copied{color:var(--accent-success);border-color:var(--accent-success)}.contributor-link{color:var(--accent-ai);transition:color .2s}.contributor-link:hover{text-decoration:underline;text-underline-offset:2px}.contributors{max-width:var(--gallery-width);margin:0 auto;padding:4rem 1.5rem 6rem}.contributor-grid{display:flex;flex-direction:column;gap:1px}.contributor-card{display:flex;align-items:flex-start;gap:1.25rem;padding:1.5rem 0;border-bottom:1px solid var(--ink-08);cursor:pointer;transition:all .3s var(--ease-out);opacity:0;transform:translateY(8px);animation:cardEnter .5s var(--ease-out) forwards}.contributor-card:first-child{border-top:1px solid var(--ink-08)}.contributor-card:hover{padding-left:.75rem}.contributor-avatar{width:48px;height:48px;border-radius:50%;background:var(--accent-ai-soft);color:var(--accent-ai);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.4rem;font-weight:500;flex-shrink:0;transition:background .2s}.contributor-card:hover .contributor-avatar{background:var(--accent-ai);color:#fff}.contributor-info{flex:1;min-width:0}.contributor-name{font-family:var(--font-display);font-size:1.35rem;font-weight:500;letter-spacing:-.01em;line-height:1.3;transition:color .2s}.contributor-card:hover .contributor-name{color:var(--accent-ai)}.contributor-stats{display:flex;align-items:center;gap:1rem;font-family:var(--font-mono);font-size:.7rem;color:var(--ink-30);margin-top:.25rem}.contributor-date{color:var(--ink-30)}.contributor-recent{display:flex;flex-direction:column;gap:.2rem;margin-top:.6rem}.contributor-recent-title{font-size:.82rem;color:var(--ink-50);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}.contributor-recent-title:hover{color:var(--accent-ai)}@media(max-width:640px){.contributors{padding:2.5rem 1rem 4rem}.contributor-avatar{width:40px;height:40px;font-size:1.2rem}.contributor-name{font-size:1.15rem}}.submit{max-width:var(--reading-width);margin:0 auto;padding:3rem 1.5rem 6rem}.submit-header{margin-bottom:2.5rem}.submit-title{font-family:var(--font-display);font-size:2.4rem;font-weight:400;letter-spacing:-.02em;margin-bottom:.75rem}.submit-subtitle{font-size:.95rem;color:var(--ink-50);line-height:1.55}.submit-tabs{display:flex;gap:0;margin-bottom:1.5rem;border-bottom:1px solid var(--ink-15)}.submit-tab{font-size:.82rem;font-weight:500;color:var(--ink-30);padding:.75rem 1.25rem;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s}.submit-tab:hover{color:var(--ink-70)}.submit-tab.active{color:var(--ink);border-bottom-color:var(--accent-ai)}.paste-area{width:100%;min-height:200px;padding:1.25rem;border:1.5px dashed var(--ink-15);border-radius:8px;background:var(--bg-submit);font-family:var(--font-mono);font-size:.85rem;line-height:1.6;color:var(--ink);resize:vertical;transition:border-color .2s;outline:none}.paste-area::placeholder{color:var(--ink-30)}.paste-area:focus{border-color:var(--accent-ai);border-style:solid}.file-drop-zone{width:100%;min-height:160px;border:1.5px dashed var(--ink-15);border-radius:8px;background:var(--bg-submit);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;transition:all .2s;cursor:pointer}.file-drop-zone:hover,.file-drop-zone.drag-over{border-color:var(--accent-ai);background:var(--accent-ai-soft)}.file-drop-zone .drop-icon{font-size:2rem;opacity:.3}.file-drop-zone .drop-text{font-size:.85rem;color:var(--ink-30)}.file-drop-zone .drop-hint{font-family:var(--font-mono);font-size:.7rem;color:var(--ink-30)}.submit-actions{margin-top:1.5rem;display:flex;gap:.75rem}.btn-primary{font-size:.85rem;font-weight:500;padding:.7rem 1.5rem;border-radius:6px;background:var(--accent-ai);color:#fff;transition:all .2s}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-secondary{font-size:.85rem;font-weight:500;padding:.7rem 1.5rem;border-radius:6px;border:1px solid var(--ink-15);color:var(--ink-70);transition:all .2s}.btn-secondary:hover{border-color:var(--ink-30);color:var(--ink)}.meta-form{margin-top:2rem;display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-label{font-size:.75rem;font-weight:500;color:var(--ink-50);letter-spacing:.02em}.form-input{padding:.6rem .85rem;border:1px solid var(--ink-15);border-radius:5px;background:var(--bg-elevated);font-size:.9rem;color:var(--ink);outline:none;transition:border-color .2s}.form-input:focus{border-color:var(--accent-ai)}.form-input::placeholder{color:var(--ink-30)}.preview-section{margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--ink-08)}.preview-label{font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-30);margin-bottom:1.5rem}.submit-success{text-align:center;padding:3rem 1rem}.submit-success .check{font-size:2.5rem;margin-bottom:1rem}.submit-success h3{font-family:var(--font-display);font-size:1.5rem;font-weight:500;margin-bottom:.5rem}.submit-success p{font-size:.9rem;color:var(--ink-50);margin-bottom:1.5rem}.fade-in{animation:fadeIn .4s var(--ease-out) forwards;opacity:0}@keyframes fadeIn{to{opacity:1}}.empty-state{text-align:center;padding:4rem 1rem;color:var(--ink-30)}.empty-state h3{font-family:var(--font-display);font-size:1.3rem;font-weight:500;margin-bottom:.5rem;color:var(--ink-50)}@media(max-width:640px){.gallery{padding:2.5rem 1rem 4rem}.gallery-title{font-size:2.4rem}.gallery-subtitle{font-size:1.05rem}.reader{padding:2rem 1rem 4rem}.reader-title{font-size:2rem}.reader-meta{gap:.5rem 1rem}.message-ai .message-body{font-size:1.05rem}.submit{padding:2rem 1rem 4rem}.submit-title{font-size:1.8rem}.nav-inner{padding:0 1rem}.card-title{font-size:1.3rem}}@media(max-width:400px){.gallery-filters{gap:.35rem}.filter-pill{font-size:.7rem;padding:.35rem .65rem}}@media print{nav#nav,#progress-bar,.reader-back,.reader-footer,.share-btn{display:none!important}body{background:#fff;color:#000}.reader{max-width:100%;padding:0}.message-ai .message-body{font-size:11pt}}.api-docs{max-width:48rem;margin:0 auto;padding:2rem 1rem}.api-base-url{background:var(--bg-submit);border:1px solid var(--ink-08);border-radius:8px;padding:.75rem 1rem;margin-bottom:2rem;font-family:var(--font-mono);font-size:.85rem}.api-base-url .api-label{font-family:var(--font-ui);font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-50);margin-right:.75rem}.api-label{font-family:var(--font-ui);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-50);margin-bottom:.5rem}.api-endpoint{border:1px solid var(--ink-08);border-radius:8px;padding:1.25rem;margin-bottom:1rem}.api-endpoint-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.api-method{font-family:var(--font-mono);font-size:.75rem;font-weight:600;padding:.2rem .5rem;border-radius:4px;letter-spacing:.03em}.method-get{background:#6d5acf1f;color:var(--accent-ai)}.method-post{background:#b8860b1f;color:var(--accent-human)}.api-path{font-family:var(--font-mono);font-size:.85rem;color:var(--ink)}.api-endpoint-desc{font-family:var(--font-ui);font-size:.85rem;color:var(--ink-70);margin:0;line-height:1.5}.api-fields{width:100%;border-collapse:collapse;margin-top:.75rem;font-family:var(--font-ui);font-size:.8rem}.api-fields th{text-align:left;font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-50);padding:.4rem .5rem;border-bottom:1px solid var(--ink-08)}.api-fields td{padding:.4rem .5rem;border-bottom:1px solid var(--ink-04);color:var(--ink-70)}.api-fields code{font-family:var(--font-mono);font-size:.78rem;background:var(--ink-04);padding:.1rem .3rem;border-radius:3px}.api-example{margin-top:2rem}.api-code{background:var(--bg-submit);border:1px solid var(--ink-08);border-radius:8px;padding:1rem 1.25rem;overflow-x:auto;font-family:var(--font-mono);font-size:.8rem;line-height:1.6;color:var(--ink-70);white-space:pre}