@font-face{font-family:Alumni Sans Pinstripe;src:url(../xani-assets/fonts/AlumniSansPinstripe-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Alumni Sans Pinstripe;src:url(../xani-assets/fonts/AlumniSansPinstripe-Italic.ttf)format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Roboto;src:url(../xani-assets/fonts/Roboto-VariableFont_wdth_wght.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(../xani-assets/fonts/Roboto-Italic-VariableFont_wdth_wght.ttf)format("truetype");font-weight:100 900;font-style:italic;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--fill:#fbfefb;--fg1:#282728;--fg2:#282728cc;--fg3:#2827288f;--accent:#006cac;--accent-soft:#006cac1f;--card:#e6e6e6;--card-muted:#cdcdcd;--border:#ece9e9;--danger:#a82f1a;--shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;font-family:Roboto,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--fill:#212737;--fg1:#eaedf3;--fg2:#eaedf3cc;--fg3:#eaedf394;--accent:#ff6b01;--accent-soft:#ff6b0124;--card:#343f60;--card-muted:#8a3302;--border:#ab4b08;--danger:#ff745a;--shadow:0 10px 15px -3px #00000038, 0 4px 6px -4px #0000004d}*{box-sizing:border-box}html{overflow-y:scroll}body{background:var(--fill);min-width:320px;min-height:100vh;color:var(--fg1);-webkit-font-smoothing:antialiased;margin:0;font-family:Roboto,Segoe UI,sans-serif}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--fg1);text-underline-offset:.5rem;-webkit-text-decoration:underline dashed;text-decoration:underline dashed}a:hover{color:var(--accent)}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input,textarea{border:1px solid var(--border);width:100%;color:var(--fg1);background:0 0;border-radius:0;outline:none;padding:.75rem .85rem;transition:border-color .16s,color .16s,background .16s}textarea{resize:vertical}input:focus,textarea:focus{border-color:var(--accent);outline:2px dashed var(--accent);outline-offset:1px}.app-shell{min-height:100vh}.topbar{z-index:20;background:var(--fill);grid-template-columns:auto auto minmax(240px,1fr) auto auto auto;align-items:center;gap:.9rem;max-width:72rem;margin:0 auto;padding:.95rem 1rem .85rem;display:grid;position:sticky;top:0}.topbar:after{content:"";border-bottom:1px solid var(--border);position:absolute;bottom:0;left:1rem;right:1rem}.brand-logo{object-fit:contain;width:4rem;height:4rem}.brand-copy{line-height:1.05;display:grid}.brand-copy span,.eyebrow{color:var(--fg3);letter-spacing:.025em;text-transform:uppercase;font-size:.76rem;font-weight:500}.brand-copy strong{font-size:1rem;font-weight:600}.search-field{border:1px solid var(--border);align-items:center;gap:.6rem;min-width:0;padding:0 .75rem;display:flex}.search-field svg{color:var(--fg3)}.search-field input{box-shadow:none;background:0 0;border:0;outline:none;padding-inline:0}.search-field input:focus{outline:none}.icon-button,.profile-button,.primary-action,.secondary-action,.card-actions button,.card-actions a,.token-row button,.sign-out{border:1px solid var(--border);min-height:42px;color:var(--fg1);background:0 0;border-radius:0;justify-content:center;align-items:center;gap:.45rem;font-weight:500;transition:color .16s,border-color .16s,background .16s,transform .16s;display:inline-flex}.icon-button:hover,.profile-button:hover,.primary-action:hover,.secondary-action:hover,.card-actions button:hover,.card-actions a:hover,.token-row button:hover,.sign-out:hover{color:var(--accent);border-color:var(--accent)}.icon-button{width:42px;padding:0;position:relative}.theme-button svg{transition:transform .18s}.theme-button:hover svg{transform:rotate(12deg)}.tooltip{pointer-events:none;border:1px solid var(--border);background:var(--fill);color:var(--fg1);opacity:0;padding:.34rem .48rem;font-size:.74rem;transition:opacity .16s,transform .16s;position:absolute;bottom:-2.3rem;right:0;transform:translateY(-4px)}.icon-button:hover .tooltip{opacity:1;transform:translateY(0)}.profile-button{padding:.25rem .72rem .25rem .28rem}.profile-avatar{object-fit:cover;width:34px;height:34px}.profile-avatar.initials{border:1px solid var(--border);color:var(--accent);flex:none;place-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;font-weight:600;line-height:1;display:inline-grid}.workspace{grid-template-columns:minmax(0,1fr);align-items:start;gap:1.5rem;max-width:72rem;margin:0 auto;padding:1.25rem 1rem 2rem;display:grid}.workspace.is-capture-open{grid-template-columns:minmax(280px,320px) minmax(0,1fr)}.workspace.is-profile-open{grid-template-columns:minmax(0,1fr) minmax(300px,360px)}.workspace.is-capture-open.is-profile-open{grid-template-columns:minmax(280px,320px) minmax(0,1fr) minmax(300px,360px)}.capture-panel,.profile-panel{position:sticky;top:5.5rem}.capture-panel{display:none}.workspace.is-capture-open .capture-panel{display:block}.capture-form,.profile-inner{border-top:1px solid var(--border);gap:1rem;padding-top:.9rem;display:grid}.capture-form h2,.profile-inner h2,.library-header h1,.empty-state h2,.auth-panel h1{letter-spacing:0;margin:0;line-height:1.05}.capture-form h2,.profile-inner h2,.section-title h3,.idea-content h3{font-family:Roboto,Segoe UI,sans-serif}.capture-form label{color:var(--fg2);gap:.42rem;font-size:.84rem;font-weight:500;display:grid}.input-with-icon{position:relative}.input-with-icon svg{color:var(--fg3);position:absolute;top:50%;left:.78rem;transform:translateY(-50%)}.input-with-icon input{padding-left:2.35rem}.primary-action{justify-content:flex-start;padding:.72rem .9rem}.secondary-action{justify-content:flex-start;padding:.66rem .85rem}.file-drop{border:1px dashed var(--border);text-align:center;cursor:pointer;justify-content:center;align-items:center;min-height:76px;padding:.85rem;color:var(--fg1)!important;display:flex!important}.file-drop:hover{border-color:var(--accent);color:var(--accent)!important}.file-drop input{display:none}.preview-mini,.agent-box,.skill-block{border-top:1px solid var(--border);gap:.65rem;padding-top:.85rem;display:grid}.preview-mini span,.preview-mini small{color:var(--fg3);font-size:.76rem;font-weight:500}.preview-mini strong{font-size:.98rem;font-weight:500;line-height:1.3}.form-error,.permission-banner,.auth-panel .auth-error{border-left:4px solid var(--accent);color:var(--fg1);background:#006cac0d;margin:0;padding:.75rem .9rem;font-weight:500;line-height:1.5}.library-area{min-width:0}.library-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.library-header h1{max-width:12ch;font-family:Alumni Sans Pinstripe,Roboto,sans-serif;font-size:clamp(2.9rem,7vw,5.4rem);font-weight:400;line-height:.92}.library-stat{min-width:max-content;color:var(--fg2);align-items:center;gap:.45rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.84rem;display:inline-flex}.user-filter{align-items:end;gap:.75rem;display:inline-flex}.user-filter button{color:var(--fg2);cursor:pointer;background:0 0;border:0;border-bottom:1px dashed #0000;padding:.3rem 0;font-weight:500}.user-filter button.is-active,.user-filter button:hover{color:var(--accent);border-bottom-color:var(--accent)}.category-strip{gap:.5rem;padding:.1rem 0 1rem;display:flex;overflow-x:auto}.category-strip button{color:var(--fg2);background:0 0;border:0;border-bottom:1px dashed #0000;flex:none;padding:.3rem 0;font-weight:500}.category-strip button.is-active,.category-strip button:hover{color:var(--accent);border-bottom-color:var(--accent)}.masonry-grid{column-count:3;column-gap:1.5rem}.idea-card{break-inside:avoid;border-bottom:1px solid var(--border);width:100%;margin:0 0 1.5rem;padding-bottom:1rem;display:inline-block}.card-image{margin-bottom:.85rem;overflow:hidden}.card-image img{object-fit:cover;width:100%;max-height:420px;display:block}.tweet-preview,.instagram-preview,.text-preview{border:1px solid var(--border);gap:.6rem;min-height:160px;margin-bottom:.85rem;padding:.9rem;display:grid}.tweet-preview span,.instagram-preview span,.text-preview span{color:var(--fg3);font-size:.75rem;font-weight:500}.tweet-preview strong,.instagram-preview strong,.text-preview strong{font-size:1.15rem;font-weight:500;line-height:1.2}.tweet-preview p{margin:0;line-height:1.6}.idea-content{gap:.75rem;display:grid}.idea-meta{flex-wrap:wrap;gap:.75rem;display:flex}.idea-meta span{color:var(--fg3);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.76rem}.idea-content h3{margin:0;font-size:1.12rem;font-weight:500;line-height:1.25}.idea-content p{color:var(--fg2);margin:0;font-size:.95rem;line-height:1.7}.idea-content .notes{color:var(--fg1)}.film-date{color:var(--fg2);align-items:center;gap:.35rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;display:inline-flex}.tag-row{flex-wrap:wrap;gap:.45rem;display:flex}.tag-row span{color:var(--accent);text-underline-offset:.35rem;padding:0;font-size:.8rem;-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.card-actions{flex-wrap:wrap;gap:.55rem;display:flex}.card-actions button,.card-actions a{min-height:34px;padding:.4rem .62rem}.card-actions .danger{color:var(--danger)}.edit-stack{gap:.6rem;display:grid}.profile-panel{display:none}.workspace.is-profile-open .profile-panel{display:block}.profile-head{align-items:center;gap:.8rem;display:flex}.profile-head .profile-avatar{width:52px;height:52px}.profile-head h2,.profile-head p,.agent-box p{margin:0}.profile-head p,.agent-box p{color:var(--fg2);line-height:1.6}.section-title{align-items:center;gap:.45rem;display:flex}.section-title h3{margin:0;font-size:1rem;font-weight:500}.token-row{grid-template-columns:minmax(0,1fr) auto;gap:.5rem;display:grid}.token-row code{border:1px solid var(--border);text-overflow:ellipsis;background:0 0;padding:.72rem;overflow:hidden}.token-row button{padding:0 .7rem}.skill-block textarea{min-height:280px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;line-height:1.55}.sign-out{justify-self:start;padding:.62rem .78rem}.empty-state{border-top:1px solid var(--border);align-content:start;justify-items:start;gap:.75rem;min-height:320px;padding-top:1.2rem;display:grid}.empty-logo,.auth-logo{width:2.4rem;height:2.4rem}.empty-state h2{font-family:Alumni Sans Pinstripe,Roboto,sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:400}.empty-state p{max-width:56ch;color:var(--fg2);line-height:1.8}.toast{z-index:20;border:1px solid var(--border);background:var(--fill);color:var(--fg1);padding:.75rem .9rem;font-weight:500;position:fixed;bottom:1.2rem;right:1.2rem}.auth-screen{place-items:center;min-height:100vh;padding:1rem;display:grid}.auth-panel{border-top:1px solid var(--border);gap:1rem;width:min(100%,48rem);padding-top:1.2rem;display:grid}.auth-panel h1{max-width:11ch;font-family:Alumni Sans Pinstripe,Roboto,sans-serif;font-size:clamp(3rem,10vw,6rem);font-weight:400}.auth-panel p{max-width:58ch;color:var(--fg2);line-height:1.8}@media (width<=1180px){.workspace{grid-template-columns:minmax(0,1fr)}.workspace.is-capture-open{grid-template-columns:minmax(260px,300px) minmax(0,1fr)}.workspace.is-profile-open{grid-template-columns:minmax(0,1fr)}.workspace.is-capture-open.is-profile-open{grid-template-columns:minmax(260px,300px) minmax(0,1fr)}.profile-panel{z-index:22;opacity:0;pointer-events:none;visibility:hidden;background:var(--fill);width:min(360px,100vw - 2rem);padding:0 0 0 1rem;transition:transform .22s,opacity .18s,visibility .18s;display:block;position:fixed;inset:4.75rem 1rem 1rem auto;overflow:auto;transform:translate(calc(100% + 1rem))}.profile-panel.is-open{opacity:1;pointer-events:auto;visibility:visible;transform:translate(0)}.masonry-grid{column-count:2}}@media (width<=820px){.topbar{grid-template-columns:auto 1fr auto auto auto}.brand-copy{display:none}.search-field{grid-area:2/1/auto/-1}.profile-button span{display:none}.workspace,.workspace.is-capture-open,.workspace.is-profile-open,.workspace.is-capture-open.is-profile-open{grid-template-columns:1fr}.capture-panel{display:none;position:static}.capture-panel.is-open{display:block}.library-header{flex-direction:column;align-items:start}.masonry-grid{column-count:1}}@media (width<=520px){.topbar{padding:.85rem .8rem .75rem}.topbar:after{left:.8rem;right:.8rem}.workspace{padding:1rem .8rem 1.8rem}.library-header h1{font-size:3.2rem}}.landing{gap:4rem;width:min(100%,64rem);margin:0 auto;padding:3rem 1.5rem 4rem;display:grid}.landing-hero{border-top:1px solid var(--border);justify-items:start;gap:1.1rem;padding-top:1.4rem;display:grid}.landing-hero .brand-logo{width:6rem;height:6rem}.landing-headline{max-width:18ch;margin:0;font-family:Alumni Sans Pinstripe,Roboto,sans-serif;font-size:clamp(2.8rem,8vw,5.2rem);font-weight:400;line-height:1.04}.landing-subhead{max-width:58ch;color:var(--fg2);margin:0;font-size:1.15rem;line-height:1.7}.landing-video{display:grid}.landing-video-frame{aspect-ratio:16/9;border:1px solid var(--border);background:var(--card);border-radius:1rem;width:100%}.landing-features{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.2rem;display:grid}.landing-feature{background:var(--card);border:1px solid var(--border);color:var(--fg2);border-radius:1rem;gap:.6rem;padding:1.4rem;display:grid}.landing-feature h3{color:var(--fg1);margin:0;font-size:1.15rem;font-weight:600}.landing-feature p{margin:0;line-height:1.55}.landing-feature>svg{color:var(--accent)}.landing-downloads{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem;display:grid}.landing-download{background:var(--fill);border:1px solid var(--border);color:var(--fg1);font:inherit;text-align:left;cursor:pointer;border-radius:1rem;justify-items:start;gap:.35rem;padding:1.2rem 1.3rem;text-decoration:none;transition:border-color .15s,transform .15s;display:grid}.landing-download:hover:not(:disabled):not(.landing-download-disabled){border-color:var(--accent);transform:translateY(-1px)}.landing-download>svg{color:var(--accent)}.download-platform{font-size:1.05rem;font-weight:600}.download-action{color:var(--fg2);font-size:.95rem}.download-meta{color:var(--fg3);letter-spacing:.02em;font-size:.8rem}.landing-download-disabled{opacity:.55;cursor:not-allowed}.landing-first-run{border:1px solid var(--border);background:var(--card);border-radius:.8rem;padding:.8rem 1.1rem}.landing-first-run summary{cursor:pointer;color:var(--fg1);font-weight:600}.landing-first-run p{color:var(--fg2);margin:.8rem 0 .6rem;line-height:1.6}.landing-first-run pre{background:var(--fill);border:1px solid var(--border);border-radius:.6rem;margin:0;padding:.7rem .9rem;font-size:.9rem;overflow-x:auto}.landing-footer{color:var(--fg3);border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding-top:1.2rem;font-size:.9rem;display:flex}.landing-footer a{color:var(--fg2);align-items:center;gap:.35rem;text-decoration:none;display:inline-flex}.landing-footer a:hover{color:var(--accent)}
