:root{--gold:#a68e47;--gold-light:#c8a84e;--gold-dim:#5a4e28;--teal:#91b5ab;--teal-dim:#6b877d;--teal-dark:#3a5448;--teal-darkest:#2a4038;--red:#e08080;--red-dim:#7a4040;--green:#7ecfa8;--bg-page:#15211d;--bg-dark:#0a1712;--bg-mid:#0d1a14;--bg-deep:#0d1d17;--bg-bar:#1a2d22;--border-dim:#1e3028;--border-mid:#2a3d30;--font-display:"Crimson Pro", Georgia, serif;--font-prose:"Crimson Pro", Georgia, serif;--font-title:"Cinzel", Arial, sans-serif;--glow-gold:0 0 0 1px var(--gold), 0 0 10px #a68e4726;--glow-gold-lg:0 0 0 1px var(--gold), 0 0 24px #a68e4733;--transition:.2s ease;--logo-gem:#00b678;--logo-gem-mid:#00a26b;--logo-gem-dark:#205d49;--logo-connector:#1f4236;--logo-gold:#a08843;--logo-gold-light:#c0a148}#theme-fx{pointer-events:none;z-index:0;position:fixed;inset:0}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100dvh;font-family:var(--font-display);background:var(--bg-page);color:var(--teal);font-size:24px;line-height:1.8;overflow:hidden}.home-page,.story-page,.profile-page,.edit-page,.landing-page,.auth-page,.browse-page,.store-page{scrollbar-width:thin;scrollbar-color:var(--border-mid) transparent;height:100dvh;overflow-y:auto}.profile-page,.browse-page{scrollbar-width:thin;scrollbar-color:var(--border-mid) transparent}.profile-page::-webkit-scrollbar{width:6px}.browse-page::-webkit-scrollbar{width:6px}.profile-page::-webkit-scrollbar-track{background:0 0}.browse-page::-webkit-scrollbar-track{background:0 0}.profile-page::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:3px}.browse-page::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:3px}.profile-page::-webkit-scrollbar-thumb:hover{background:var(--gold)}.browse-page::-webkit-scrollbar-thumb:hover{background:var(--gold)}#top-left-group{align-items:center;gap:12px;min-width:0;display:flex}#top-nav{border-left:1px solid var(--border-dim);align-items:center;gap:4px;padding-left:16px;display:flex}.top-nav-tab{font-family:var(--font-display);letter-spacing:.15em;color:var(--teal-dim);transition:color var(--transition), border-color var(--transition);border-bottom:2px solid #0000;padding:8px 20px;font-size:18px;font-weight:600;text-decoration:none}.top-nav-tab:hover{color:var(--gold)}.top-nav-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.nav-journey-title{font-family:var(--font-prose);letter-spacing:.1em;color:var(--teal-dim);white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;max-width:260px;font-size:24px;overflow:hidden}#top-bar{z-index:100;background:var(--bg-dark);border-bottom:1px solid var(--border-dim);justify-content:space-between;align-items:center;height:70px;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 12px #a68e4714}#top-left{letter-spacing:.08em;color:var(--gold);align-items:center;gap:12px;font-size:24px;font-weight:700;text-decoration:none;display:flex}.top-left--clickable{cursor:pointer}#logo img,#logo svg{flex-shrink:0;width:36px;height:36px;display:block}#top-right{border-left:1px solid var(--border-dim);align-items:center;gap:10px;padding-left:16px;display:flex}#session-title,#story-page-title,#journey-page-title,#edit-page-label,#home-username{font-family:var(--font-display);letter-spacing:.15em;color:var(--teal);white-space:nowrap;text-overflow:ellipsis;max-width:40vw;font-size:24px;font-weight:700;line-height:1.5;overflow:hidden}#site-title{font-family:var(--font-title);letter-spacing:.15em;color:var(--teal);padding-right:16px;font-size:28px;font-weight:700}#save-status{font-family:var(--font-prose);color:var(--teal-dim);border-right:1px solid var(--border-dim);gap:10px;padding-right:16px;font-size:21px;font-style:italic}#page-label-stack{flex-direction:column;line-height:1;display:flex}#page-label-context{font-family:var(--font-display);letter-spacing:.2em;color:var(--teal-dim);font-size:12px}.icon-btn{border:1px solid var(--border-mid);cursor:pointer;width:44px;height:44px;color:var(--gold);transition:background var(--transition), box-shadow var(--transition);background:0 0;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.icon-btn:hover{box-shadow:var(--glow-gold);background:#a68e4714}.action-btn{border:1px solid var(--border-mid);cursor:pointer;height:48px;font-family:var(--font-display);letter-spacing:.12em;color:var(--gold);transition:background var(--transition), box-shadow var(--transition);background:0 0;border-radius:3px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:16px;font-weight:600;text-decoration:none;display:flex}.action-btn--sq{width:48px;padding:0}.action-btn:hover{box-shadow:var(--glow-gold);background:#a68e4714}.action-btn.primary{box-shadow:var(--glow-gold)}.action-btn.active{color:var(--gold-light);box-shadow:var(--glow-gold);background:#a68e471a}.action-btn.danger:hover{border-color:var(--red);color:var(--red);background:#b43c3c14}.action-btn.danger.confirming{border-color:var(--red);color:var(--red);background:#b43c3c1f}.action-btn:disabled,.icon-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-icon{align-items:center;display:flex}.sidebar-btn{border:1px solid var(--border-dim);cursor:pointer;height:38px;font-family:var(--font-display);letter-spacing:.12em;color:var(--gold);transition:background var(--transition), border-color var(--transition);background:0 0;border-radius:3px;padding:0 16px;font-size:12px;font-weight:600}.sidebar-btn:hover{border-color:var(--gold);background:#a68e4714}.sidebar-btn-row{gap:8px;display:flex}.sidebar-label{font-family:var(--font-display);letter-spacing:.15em;color:var(--teal);justify-content:space-between;align-items:center;font-size:18px;font-weight:600;display:flex}.sidebar-hint{font-family:var(--font-prose);color:var(--teal-dark);font-size:16px;line-height:1.5}.sidebar-field{flex-direction:column;gap:6px;display:flex}.sidebar-divider{background:var(--border-dim);height:1px;margin:4px 0}.sidebar-input,.codex-modal-input,.codex-search{background:var(--bg-dark);border:1px solid var(--border-dim);width:100%;color:var(--teal);font-family:var(--font-prose);transition:border-color var(--transition);border-radius:4px;padding:10px 12px;font-size:16px}.sidebar-input:focus,.codex-modal-input:focus,.codex-search:focus{border-color:var(--gold);outline:none}.sidebar-textarea,.codex-modal-textarea{background:var(--bg-dark);border:1px solid var(--border-dim);width:100%;color:var(--teal);font-family:var(--font-prose);resize:none;transition:border-color var(--transition);border-radius:4px;padding:10px 12px;font-size:16px;line-height:1.6;overflow-y:auto}.sidebar-textarea{min-height:120px;max-height:220px}.codex-modal-textarea{min-height:220px;max-height:220px;line-height:1.7}.sidebar-textarea:focus,.codex-modal-textarea:focus{border-color:var(--gold);outline:none}.sidebar-textarea::placeholder,.codex-search::placeholder{color:var(--teal-darkest);font-style:italic}.sidebar-value{font-family:var(--font-prose);color:var(--teal);letter-spacing:0;font-size:13px;font-weight:400}.sidebar-textarea::-webkit-scrollbar{width:4px}.codex-modal-textarea::-webkit-scrollbar{width:4px}.journey-panel::-webkit-scrollbar{width:4px}.profile-panel::-webkit-scrollbar{width:4px}#panel-ai-settings::-webkit-scrollbar{width:4px}#codex-modal-body::-webkit-scrollbar{width:4px}#ctx-modal::-webkit-scrollbar{width:4px}.modal-box::-webkit-scrollbar{width:4px}#user-input::-webkit-scrollbar{width:4px}.sidebar-textarea::-webkit-scrollbar-track{background:0 0}.codex-modal-textarea::-webkit-scrollbar-track{background:0 0}.journey-panel::-webkit-scrollbar-track{background:0 0}.profile-panel::-webkit-scrollbar-track{background:0 0}#panel-ai-settings::-webkit-scrollbar-track{background:0 0}#codex-modal-body::-webkit-scrollbar-track{background:0 0}#ctx-modal::-webkit-scrollbar-track{background:0 0}.modal-box::-webkit-scrollbar-track{background:0 0}#user-input::-webkit-scrollbar-track{background:0 0}.sidebar-textarea::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:2px}.codex-modal-textarea::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:2px}.journey-panel::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:2px}.profile-panel::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:2px}#panel-ai-settings::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:2px}#codex-modal-body::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:2px}#ctx-modal::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:2px}.modal-box::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:2px}#user-input::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:2px}.sidebar-textarea::-webkit-scrollbar-thumb:hover{background:var(--gold)}.codex-modal-textarea::-webkit-scrollbar-thumb:hover{background:var(--gold)}.journey-panel::-webkit-scrollbar-thumb:hover{background:var(--gold)}.profile-panel::-webkit-scrollbar-thumb:hover{background:var(--gold)}#panel-ai-settings::-webkit-scrollbar-thumb:hover{background:var(--gold)}#codex-modal-body::-webkit-scrollbar-thumb:hover{background:var(--gold)}#ctx-modal::-webkit-scrollbar-thumb:hover{background:var(--gold)}.modal-box::-webkit-scrollbar-thumb:hover{background:var(--gold)}#user-input::-webkit-scrollbar-thumb:hover{background:var(--gold)}.sidebar-slider{appearance:none;cursor:pointer;background:0 0;outline:none;width:100%;height:14px}.sidebar-slider::-webkit-slider-thumb{appearance:none;background:var(--gold);cursor:pointer;border:2px solid var(--bg-dark);width:14px;height:14px;transition:background var(--transition);border-radius:50%;margin-top:-5.5px}.sidebar-slider::-webkit-slider-thumb:hover{background:var(--gold-light)}.sidebar-slider::-moz-range-thumb{background:var(--gold);cursor:pointer;border:2px solid var(--bg-dark);border-radius:50%;width:14px;height:14px}.sidebar-slider::-webkit-slider-runnable-track{background:var(--teal-dark);border-radius:2px;height:3px}.sidebar-slider::-moz-range-track{background:var(--teal-dark);border-radius:2px;height:3px}.slider-input-row{align-items:center;gap:8px;display:flex}.slider-input-row .sidebar-slider{flex:1}.sidebar-value-input{background:var(--bg-dark);border:1px solid var(--border-dim);width:60px;color:var(--teal);font-family:var(--font-display);text-align:center;-moz-appearance:textfield;border-radius:3px;outline:none;flex-shrink:0;padding:4px 6px;font-size:11px}.sidebar-value-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sidebar-value-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sidebar-value-input:focus{border-color:var(--teal-dark)}.toggle-switch{flex-shrink:0;width:36px;height:20px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:var(--teal-dim);border-radius:20px;transition:background .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--bg-page);border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background:var(--gold)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(16px)}.toggle-switch--lg{width:48px;height:26px}.toggle-switch--lg .toggle-slider:before{width:18px;height:18px;bottom:4px;left:4px}.toggle-switch--lg input:checked+.toggle-slider:before{transform:translate(22px)}.sidebar-panel{scrollbar-width:thin;scrollbar-color:var(--border-mid) transparent;overflow-y:auto}.sidebar-panel::-webkit-scrollbar{width:4px}.sidebar-panel::-webkit-scrollbar-track{background:0 0}.sidebar-panel::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:2px}.sidebar-panel::-webkit-scrollbar-thumb:hover{background:var(--gold)}.sidebar-tab:hover,.sidebar-subtab:hover,.edit-tab:hover,.profile-tab:hover{color:var(--gold)}.sidebar-tab.active,.sidebar-subtab.active,.edit-tab.active,.profile-tab.active{color:var(--gold);border-bottom-color:var(--gold)}#sidebar-tabs{background:var(--bg-dark);border-bottom:1px solid var(--border-dim);flex-shrink:0;display:flex}.sidebar-tab{cursor:pointer;height:44px;font-family:var(--font-display);letter-spacing:.15em;color:#4a6a5a;transition:color var(--transition), border-color var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;font-size:18px;font-weight:600}#journey-subtabs{background:var(--bg-mid);border-bottom:1px solid var(--border-dim);flex-shrink:0;gap:4px;padding:0 4px;display:flex}.sidebar-subtab{cursor:pointer;height:40px;font-family:var(--font-display);letter-spacing:.12em;color:#3a5448;transition:color var(--transition), border-color var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;font-size:18px;font-weight:600}#edit-tabs{border-bottom:1px solid var(--border-dim);justify-content:left;margin-top:70px;padding:0 48px;display:flex}.edit-tab{font-family:var(--font-display);letter-spacing:.15em;color:var(--teal-dim);cursor:pointer;transition:color var(--transition), border-color var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;padding:16px 40px;font-size:19px}#profile-tabs{border-bottom:1px solid var(--border-dim);justify-content:space-between;align-items:center;gap:16px;padding:0 48px;display:flex}#profile-tab-list{align-items:center;display:flex}#profile-tab-controls{align-items:center;gap:10px;padding:8px 0;display:flex}.profile-tab{font-family:var(--font-display);letter-spacing:.15em;color:var(--teal-dim);cursor:pointer;transition:color var(--transition), border-color var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;padding:14px 28px;font-size:16px}.sidebar-panel,.journey-panel,.edit-panel,.profile-panel{display:none}.sidebar-panel.active{flex-direction:column;flex:1;gap:20px;min-height:0;padding:20px 20px 48px;display:flex;overflow-y:scroll}.journey-panel.active{flex-direction:column;flex:1;gap:20px;padding:20px;display:flex;overflow-y:scroll}.edit-panel.active{flex-direction:column;gap:36px;margin:0 48px;padding:24px 0;display:flex}.profile-panel.active{scrollbar-width:thin;scrollbar-color:var(--border-mid) transparent;padding:32px 48px;display:block;overflow-y:auto}.edit-panel .sidebar-label{letter-spacing:.15em;font-size:24px}.edit-panel .sidebar-hint{font-size:24px}.edit-panel .sidebar-input{height:48px;font-size:16px;line-height:3}.edit-panel .sidebar-textarea{min-height:140px;font-size:16px;line-height:1.7}.edit-field{flex-direction:column;gap:10px;display:flex}.edit-field--row{flex-direction:row;align-items:center;gap:16px}.story-card,.journey-card{background:var(--bg-mid);border:1px solid var(--border-dim);cursor:pointer;width:460px;height:490px;transition:border-color var(--transition), box-shadow var(--transition);border-radius:8px;flex-direction:column;flex-shrink:0;display:flex;position:relative;overflow:hidden}.story-card:hover,.journey-card:hover{border-color:var(--gold);box-shadow:0 0 16px #a68e471f}.sc-header{background:var(--bg-dark);border-bottom:1px solid var(--border-dim);flex-shrink:0;align-items:center;gap:8px;height:55px;padding:8px 10px;display:flex}.sc-author{color:inherit;flex:1;align-items:center;gap:6px;min-width:0;text-decoration:none;display:flex}.sc-avatar{background:var(--bg-mid);border:1px solid var(--border-dim);width:41px;height:41px;color:var(--gold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;display:flex;overflow:hidden}.sc-avatar-img{object-fit:cover;width:100%;height:100%}.sc-author-name{font-family:var(--font-display);letter-spacing:.06em;color:var(--gold);white-space:nowrap;text-overflow:ellipsis;transition:color var(--transition);font-size:27px;overflow:hidden}.sc-author:hover .sc-author-name{color:var(--gold-light)}.sc-time{font-family:var(--font-display);letter-spacing:.06em;color:var(--gold);white-space:nowrap;flex-shrink:0;font-size:16px}.sc-menu-btn{color:var(--teal-dim);cursor:pointer;transition:color var(--transition);background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:16px;line-height:1}.sc-menu-btn:hover{color:var(--gold)}.sc-thumbnail{background:var(--bg-dark);flex-shrink:0;height:250px;overflow:hidden}.sc-thumbnail-img{object-fit:cover;width:100%;height:100%;transition:opacity var(--transition);align-items:center;display:block}.story-card:hover .sc-thumbnail-img,.journey-card:hover .sc-thumbnail-img{opacity:.9}.sc-thumbnail-placeholder{background:var(--bg-dark);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.sc-thumbnail-placeholder:after{content:"✦";color:var(--border-mid);opacity:.6;font-size:108px}.sc-footer{flex-direction:column;flex:1;gap:4px;min-height:0;padding:10px 12px;display:flex}.sc-title{font-family:var(--font-display);letter-spacing:.04em;color:var(--teal);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:21px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.sc-description{font-family:var(--font-prose);color:var(--teal-dim);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;min-height:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.sc-bottom{border-top:1px solid var(--border-dim);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:8px;display:flex}.sc-meta{align-items:center;gap:6px;min-width:0;display:flex}.sc-play-btn{border:1px solid var(--teal-dark);height:35px;color:var(--teal);font-family:var(--font-display);letter-spacing:.12em;cursor:pointer;transition:background var(--transition), border-color var(--transition), color var(--transition);background:#91b5ab14;border-radius:3px;flex-shrink:0;align-items:center;gap:5px;padding:0 12px;font-size:18px;display:flex}.sc-play-btn:hover{border-color:var(--teal);color:var(--teal);background:#91b5ab26}.profile-grid .story-card,.profile-grid .journey-card,#browse-grid .story-card,.profile-grid .story-card,.profile-grid .journey-card{width:100%}.story-card-title{font-family:var(--font-display);letter-spacing:.08em;color:var(--gold);-webkit-line-clamp:2;word-break:normal;word-wrap:break-word;-webkit-box-orient:vertical;padding-right:32px;font-size:16px;display:-webkit-box;overflow:hidden}.journey-card-title{font-family:var(--font-display);letter-spacing:.08em;color:var(--teal);-webkit-line-clamp:2;word-break:normal;word-wrap:break-word;-webkit-box-orient:vertical;padding-right:32px;font-size:16px;display:-webkit-box;overflow:hidden}.story-card-description,.journey-card-meta{font-family:var(--font-prose);color:var(--teal-dim);overflow-wrap:break-word;word-break:break-word;font-size:13px;line-height:1.5}.story-card-description{-webkit-line-clamp:5;overflow-wrap:break-word;word-break:break-word;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.profile-grid .story-card-description{-webkit-line-clamp:5}.story-card-badge{font-family:var(--font-display);letter-spacing:.1em;border-radius:2px;align-content:center;align-self:flex-start;height:36px;padding:3px 8px;font-size:14px}.story-card-badge--public{color:var(--green);background:#3ca06414;border:1px solid #2a6645}.story-card-badge--unlisted{color:var(--gold);border:1px solid var(--gold-dim);background:#a68e4726}.story-card-badge--private{color:var(--teal-dim);border:1px solid var(--border-dim)}.story-card-badge-row{align-items:center;gap:10px;display:flex}.story-card-play-count{font-family:var(--font-display);letter-spacing:.08em;color:var(--teal-dim);font-size:21px}.story-card-likes{align-items:center;gap:8px;margin-top:6px;display:flex}.story-card-action-btn{cursor:pointer;color:var(--teal-dim);font-family:var(--font-display);transition:color var(--transition);background:0 0;border:none;border-radius:3px;align-items:center;gap:4px;padding:1px 2px;font-size:14px;display:inline-flex}.story-card-action-btn:hover{color:var(--teal)}.story-card-action-btn:disabled{opacity:.4;cursor:default}.story-card-action-btn.active-like{color:var(--red);font-size:21px}.story-card-action-btn.active-dislike{color:var(--teal-dim);opacity:.6}.story-card-action-btn.active-bookmark{color:var(--gold);font-size:21px}.story-dislike-btn--active{opacity:.7;border-color:var(--teal-dim)!important;color:var(--teal-dim)!important}.story-like-btn{border:1px solid var(--border-dim);font-family:var(--font-display);letter-spacing:.06em;color:var(--teal-dim);cursor:pointer;transition:all var(--transition);background:0 0;border-radius:2px;align-items:center;gap:5px;height:36px;padding:3px 8px;font-size:21px;display:flex}.story-like-btn:hover{border-color:var(--gold);color:var(--gold)}.story-like-btn--active{border-color:var(--gold);color:var(--gold-light);background:#1a2e4421}.story-like-btn:disabled{opacity:.4;cursor:default}.story-like-ratio{font-family:var(--font-display);letter-spacing:.1em;color:var(--teal-dim);font-size:10px}.story-engagement{font-family:var(--font-prose);color:var(--teal-dim);font-size:13px;font-style:italic}.story-card-author{color:inherit;align-items:center;gap:6px;text-decoration:none;display:flex}#story-banner-info .story-card-author{max-width:900px;margin-top:4px;position:static}#story-banner-info .story-card-author-name{color:#fff9}#story-banner-info .story-card-author:hover .story-card-author-name{color:var(--gold)}.story-card-play,.journey-card-play{display:none}.cx-card-header{align-items:center;gap:8px;display:flex}.cx-card-name{border:none;border-bottom:1px solid var(--border-dim);color:var(--gold);font-family:var(--font-display);letter-spacing:.1em;transition:border-color var(--transition);background:0 0;flex:1;padding:4px 0;font-size:16px;font-weight:600}.cx-card-name:focus{border-bottom-color:var(--gold);outline:none}.story-card-delete{border:1px solid var(--border-dim);cursor:pointer;color:#5a3030;width:28px;height:28px;font-size:12px;font-family:var(--font-display);letter-spacing:.08em;white-space:nowrap;transition:background var(--transition), border-color var(--transition), color var(--transition), width var(--transition);background:0 0;border-radius:3px;justify-content:center;align-items:center;display:flex;overflow:hidden}.story-card-delete:hover{color:var(--red);background:#b43c3c14;border-color:#7a2a2a}.story-card-delete.confirming{width:90px;color:var(--red);background:#b43c3c26;border-color:#c06060;font-size:9px}.story-card-delete.confirming:hover{border-color:var(--red);color:#faa;background:#b43c3c47}.story-card-category-tag{font-family:var(--font-display);letter-spacing:.1em;color:var(--teal);text-transform:uppercase;margin-bottom:4px;font-size:12px;font-weight:600;display:inline-block}.cx-card-snippet{font-family:var(--font-prose);color:var(--teal);margin:0;padding:4px;font-size:14px;line-height:1.5}.npc-thought-teaser{font-family:var(--font-prose);color:var(--gold-dim);margin:6px 0 0;font-size:12px;font-style:italic;line-height:1.4}.npc-thought-label{font-family:var(--font-display);color:var(--gold);letter-spacing:.1em;margin-right:4px;font-size:9px;font-style:normal}.npc-thought-list{flex-direction:column;gap:8px;display:flex}.npc-thought-edit-row{align-items:flex-start;gap:6px;display:flex}.npc-thought-edit-textarea{min-height:unset;flex:1}.npc-thought-delete-btn{flex-shrink:0;width:28px;height:28px}#story-cards-list{flex-direction:column;gap:10px;display:flex}#btn-new-story{font-size:14px}.edit-panel #story-cards-list{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.edit-panel .story-card{word-wrap:break-word;width:100%;min-width:0;height:300px;padding:10px;overflow:hidden}.edit-panel .story-card:after{content:"";background:linear-gradient(to bottom, transparent, var(--bg-mid));pointer-events:none;height:56px;position:absolute;bottom:0;left:0;right:0}.journey-panel #story-cards-list,.adventure-panel #story-cards-list{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.journey-panel .story-card,.adventure-panel .story-card{flex-shrink:1;width:100%;min-width:0;height:240px;padding:7px;overflow:hidden}.journey-panel .story-card:after,.adventure-panel .story-card:after{content:"";background:linear-gradient(to bottom, transparent, var(--bg-mid));pointer-events:none;height:48px;position:absolute;bottom:0;left:0;right:0}#codex-modal-overlay,#ctx-modal-overlay,#sidebar-overlay{z-index:500;display:none;position:fixed;inset:0}#codex-modal-overlay.visible,#ctx-modal-overlay.visible,#sidebar-overlay.visible{display:block}#codex-modal-overlay,#ctx-modal-overlay{background:#000000b3}#sidebar-overlay{z-index:300;background:#00000080}#sidebar{background:var(--bg-mid);border-left:1px solid var(--border-dim);z-index:400;flex-direction:column;width:560px;max-width:100vw;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-4px 0 32px #00000080}#sidebar.visible{transform:translate(0)}#sidebar-header{background:var(--bg-dark);border-bottom:1px solid var(--border-dim);flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex;box-shadow:0 1px 12px #a68e470f}#sidebar-title{font-family:var(--font-display);letter-spacing:.25em;color:var(--gold);font-size:24px}#sidebar-close{border:1px solid var(--border-dim);cursor:pointer;width:36px;height:36px;color:var(--gold);transition:background var(--transition), border-color var(--transition);background:0 0;border-radius:3px;justify-content:center;align-items:center;font-size:13px;display:flex}#sidebar-close:hover{border-color:var(--gold);background:#a68e4714}#panel-ai-settings{gap:20px;padding:20px;overflow-y:auto}#codex-modal{background:var(--bg-mid);border:1px solid var(--border-dim);z-index:600;border-radius:8px;flex-direction:column;width:720px;max-width:calc(100vw - 32px);height:560px;max-height:calc(100dvh - 64px);display:none;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 8px 40px #0009}#codex-modal.visible{display:flex}#codex-modal-header{background:var(--bg-dark);border-bottom:1px solid var(--border-dim);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:56px;padding:0 20px;display:flex}.codex-modal-title-input{color:var(--gold-light);font-family:var(--font-display);letter-spacing:.1em;background:0 0;border:none;outline:none;flex:1;font-size:24px;font-weight:600}.codex-modal-title-input::placeholder{color:var(--teal-darkest)}.codex-modal-finish{border:1px solid var(--gold);cursor:pointer;height:34px;font-family:var(--font-display);letter-spacing:.12em;color:var(--gold);transition:background var(--transition);background:#a68e4726;border-radius:3px;flex-shrink:0;padding:0 16px;font-size:16px;font-weight:600}.codex-modal-finish:hover{background:#a68e4740}#codex-modal-body{flex-direction:column;flex:1;gap:20px;padding:20px;display:flex;overflow-y:auto}.codex-modal-field{flex-direction:column;gap:8px;display:flex}.codex-modal-label{font-family:var(--font-display);letter-spacing:.15em;color:var(--gold);font-size:16px;font-weight:600}.codex-header{flex-direction:column;gap:8px;margin-bottom:4px;display:flex}.codex-title-row{justify-content:space-between;align-items:center;display:flex}.codex-count{font-family:var(--font-display);letter-spacing:.12em;color:var(--teal);font-size:14px;font-weight:600}.codex-filters{flex-wrap:wrap;gap:6px;display:flex}.codex-filter-tag{border:1px solid var(--border-dim);cursor:pointer;height:26px;font-family:var(--font-display);letter-spacing:.1em;color:var(--teal-dark);transition:background var(--transition), border-color var(--transition), color var(--transition);background:0 0;border-radius:13px;padding:0 10px;font-size:9px;font-weight:600}.codex-filter-tag:hover{color:var(--gold);border-color:var(--gold)}.codex-filter-tag.active{border-color:var(--gold);color:var(--gold);background:#a68e471a}.codex-folder-list{flex-direction:column;gap:6px;display:flex}.codex-folder{border:1px solid var(--border-dim);transition:border-color var(--transition), box-shadow var(--transition);border-radius:6px;flex-direction:column;display:flex;overflow:hidden}.codex-folder--active{z-index:2;border-color:#a68e4773;position:relative;box-shadow:0 4px 20px #00000059}.codex-folder-header{background:var(--bg-dark);cursor:pointer;text-align:left;width:100%;font-family:var(--font-display);letter-spacing:.12em;color:var(--teal);transition:color var(--transition), background var(--transition);border:none;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.codex-folder-header:hover{color:var(--gold);background:#a68e470f}.codex-folder--active .codex-folder-header{color:var(--gold)}.codex-folder-header svg{flex-shrink:0;font-size:14px}.codex-folder-name{flex:1}.codex-folder-count{min-width:20px;height:20px;color:var(--gold);background:#a68e471a;border:1px solid #a68e4733;border-radius:10px;justify-content:center;align-items:center;padding:0 6px;font-size:10px;display:flex}.codex-folder-grid{background:var(--bg-mid);flex-wrap:wrap;gap:8px;padding:12px;display:flex}.codex-folder-grid>.story-card,.codex-folder-grid>.codex-add-card{flex-shrink:0;width:240px}.codex-add-card{border:1px dashed var(--border-dim);cursor:pointer;color:var(--teal-dark);font-family:var(--font-display);letter-spacing:.1em;transition:color var(--transition), border-color var(--transition), background var(--transition);background:0 0;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:11px;font-weight:600;display:flex}.codex-add-card:hover{color:var(--gold);border-color:var(--gold);background:#a68e470d}.codex-add-card svg{opacity:.6;font-size:20px}.edit-panel .codex-add-card{height:300px}.journey-panel .codex-add-card,.adventure-panel .codex-add-card{height:240px}.codex-type-dropdown{background:var(--bg-dark);border:1px solid var(--border-dim);border-top:none;border-radius:0 0 4px 4px;overflow:hidden}.codex-type-dropdown--up{border-top:1px solid var(--border-dim);border-bottom:none;border-radius:4px 4px 0 0}.codex-type-suggestion{cursor:pointer;text-align:left;width:100%;font-family:var(--font-prose);color:var(--teal);transition:background var(--transition), color var(--transition);background:0 0;border:none;padding:8px 12px;font-size:14px;display:block}.codex-type-suggestion:hover{color:var(--gold);background:#a68e471a}.codex-modal-hint{font-family:var(--font-prose);color:var(--teal-darkest);margin:0;font-size:12px;font-style:italic}.codex-desktop-layout{height:100%;display:none}.codex-mobile-layout{height:100%;display:block;overflow-y:auto}@media (min-width:769px){.codex-desktop-layout{gap:0;height:100%;display:flex}.codex-mobile-layout{display:none}}.codex-rail{border-right:1px solid var(--border-dim);flex-direction:column;flex-shrink:0;width:200px;height:100%;display:flex}.codex-rail-tabs{scrollbar-width:thin;scrollbar-color:var(--border-mid) transparent;flex:1;padding:8px 0;overflow:hidden auto}.codex-rail-tab{cursor:pointer;width:100%;color:var(--teal-dim);font-family:var(--font-display);text-align:left;transition:background var(--transition), color var(--transition);background:0 0;border:none;align-items:center;gap:6px;padding:8px 12px;font-size:13px;display:flex}.codex-rail-tab:hover{background:var(--bg-dark);color:var(--teal)}.codex-rail-tab.active{background:var(--bg-dark);color:var(--teal);border-right:2px solid var(--teal)}.codex-rail-tab--npc{color:var(--gold-dim)}.codex-rail-tab--npc:hover{color:var(--gold)}.codex-rail-tab--npc.active{color:var(--gold);border-right-color:var(--gold)}.codex-rail-tab-label{letter-spacing:.05em;flex:1;font-size:13px}.codex-rail-divider{background:var(--border-dim);height:1px;margin:8px 12px}.codex-rail-add{border-top:1px solid var(--border-dim);flex-shrink:0;padding:12px}.codex-add-picker{background:var(--bg-mid);border:1px solid var(--border-dim);z-index:100;border-radius:6px;width:100%;position:absolute;bottom:calc(100% + 4px);left:0;overflow:hidden;box-shadow:0 -4px 16px #0006}.codex-add-picker-section{font-family:var(--font-display);color:var(--teal-dim);letter-spacing:.08em;padding:6px 12px 4px;font-size:10px}.codex-add-picker-divider{background:var(--border-dim);height:1px;margin:4px 0}.codex-add-picker-option{cursor:pointer;width:100%;color:var(--teal);font-family:var(--font-display);text-align:left;transition:background var(--transition);background:0 0;border:none;align-items:center;gap:8px;padding:8px 12px;font-size:11px;display:flex}.codex-add-picker-option:hover{background:var(--bg-dark)}.codex-add-picker-option--npc{color:var(--gold)}.codex-content{flex-direction:column;flex:1;height:100%;min-height:0;display:flex;overflow:hidden}.codex-content-header{border-bottom:1px solid var(--border-dim);flex-shrink:0;align-items:center;gap:8px;padding:12px 16px 12px 24px;display:flex}.codex-content-header .codex-search{flex:1;margin:0}.codex-content .codex-folder-grid{scrollbar-width:thin;scrollbar-color:var(--border-mid) transparent;flex:1;gap:16px;min-height:0;padding:16px 16px 16px 24px;overflow:hidden auto}.codex-content .codex-folder-grid::-webkit-scrollbar{width:4px}.codex-content .codex-folder-grid::-webkit-scrollbar-track{background:0 0}.codex-content .codex-folder-grid::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:2px}#context-menu{background:var(--bg-mid);border:1px solid var(--gold);box-shadow:var(--glow-gold-lg);z-index:700;border-radius:6px;flex-direction:column;gap:2px;padding:4px;display:none;position:fixed}.ctx-menu-btn{color:var(--gold);font-family:var(--font-display);letter-spacing:.1em;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:3px;width:100%;padding:4px 8px;font-size:16px;transition:background .15s}.ctx-menu-btn:hover{background:#a68e4714}#ctx-modal{background:var(--bg-mid);border:1px solid var(--gold);width:calc(100% - 48px);max-width:540px;max-height:80vh;box-shadow:var(--glow-gold-lg);z-index:600;border-radius:8px;padding:24px;display:none;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}#ctx-modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}#ctx-modal-title{font-family:var(--font-display);letter-spacing:.1em;color:var(--teal);font-size:24px}#ctx-modal-close{border:1px solid var(--border-dim);cursor:pointer;width:36px;height:36px;color:var(--gold);transition:background var(--transition), border-color var(--transition);background:0 0;border-radius:3px;justify-content:center;align-items:center;font-size:13px;display:flex}#ctx-modal-close:hover{border-color:var(--gold);background:#a68e4714}#ctx-modal-token-count{font-family:var(--font-display);color:var(--teal-dim);margin-bottom:12px;font-size:16px}#context-bar{background:var(--bg-bar);border-radius:4px;height:20px;margin-bottom:12px;display:flex;overflow:hidden}.context-bar-segment{transition:width .3s}#context-legend{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.legend-item{font-family:var(--font-display);letter-spacing:.08em;color:var(--teal-dim);align-items:center;gap:4px;font-size:12px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}#ctx-details{border-top:1px solid var(--border-dim);flex-direction:column;gap:12px;margin-top:12px;padding-top:12px;display:flex}.ctx-detail-section{flex-direction:column;gap:6px;display:flex}.ctx-detail-label{font-family:var(--font-display);letter-spacing:.12em;font-size:24px}.ctx-detail-item{background:var(--bg-dark);border:1px solid var(--border-dim);border-radius:3px;padding:8px 10px}.ctx-detail-item--bot{border-left:2px solid #00bcd4}.ctx-detail-item--user{border-left:2px solid var(--gold-dim)}.ctx-detail-item--story{border-left:2px solid var(--teal-dark)}.ctx-detail-item-title{font-family:var(--font-display);letter-spacing:.1em;color:var(--teal-dim);margin-bottom:4px;font-size:9px;display:block}.ctx-detail-content{font-family:var(--font-prose);color:var(--teal);white-space:pre-wrap;word-break:break-word;margin:0;font-size:18px;line-height:1.5}.ctx-detail-toggle{text-align:left;width:100%;font-family:var(--font-display);letter-spacing:.12em;cursor:pointer;transition:opacity var(--transition);background:0 0;border:none;align-items:center;gap:6px;padding:6px 0;font-size:10px;display:flex}.ctx-detail-toggle:hover{opacity:.8}.ctx-detail-toggle-arrow{color:inherit;flex-shrink:0;font-size:10px}.ctx-detail-body{flex-direction:column;gap:6px;margin-top:4px;padding-left:16px;display:flex}.ctx-detail-snippet{font-family:var(--font-prose);color:var(--teal-dim);margin-bottom:6px;font-size:11px;font-style:italic;line-height:1.4}.ctx-detail-snippet-label{color:var(--teal-dim);opacity:.7}.ctx-detail-snippet-kw{color:var(--gold-dim);font-style:normal;font-family:var(--font-display);letter-spacing:.06em;font-size:10px}.ctx-detail-snippet-text{color:var(--teal-dim)}.collection-card{background:var(--bg-mid);border:1px solid var(--border-dim);cursor:default;width:520px;height:490px;transition:border-color var(--transition), box-shadow var(--transition);border-radius:8px;flex-shrink:0;position:relative;overflow:hidden}.collection-card:hover{border-color:var(--gold);box-shadow:0 0 16px #a68e471f}.profile-grid .collection-card,#browse-grid .collection-card{width:100%}.fc-states{position:absolute;inset:0}.fc-panel{opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;inset:0}.fc-panel--active{opacity:1;pointer-events:auto}.fc-bg{z-index:0;background:var(--bg-dark);position:absolute;inset:0}.fc-bg img{object-fit:cover;width:100%;height:100%;display:block}.fc-bg:after{content:"";pointer-events:none;background:linear-gradient(#00000026 0%,#0000008c 55%,#000000e0 100%);position:absolute;inset:0}.fc-s1{background:var(--bg-mid);flex-direction:column;display:flex}.fc-title-input{color:var(--teal);font-family:var(--font-display);letter-spacing:.04em;background:0 0;border:none;border-bottom:1px solid #0000;outline:none;-webkit-box-orient:vertical;width:100%;padding:0;font-size:24px;font-weight:700;line-height:1.4;transition:border-color .2s;display:-webkit-box;overflow:hidden}.fc-title-input:focus{border-bottom-color:var(--gold)}.fc-title-input:hover:not(:focus){border-bottom-color:var(--border-dim)}.fc-s2{background:var(--bg-dark);flex-direction:column;display:flex}.fc-s2-header{border-bottom:1px solid var(--border-dim);background:var(--bg-dark);flex-shrink:0;align-items:center;gap:8px;height:40px;padding:0 12px;display:flex}.fc-back-btn{color:var(--teal-dim);font-family:var(--font-display);letter-spacing:.1em;cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;gap:4px;padding:0;font-size:10px;transition:color .2s;display:flex}.fc-back-btn:hover{color:var(--gold)}.fc-s2-title{font-family:var(--font-display);letter-spacing:.08em;color:var(--teal);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.fc-s2-grid-body{background:var(--bg-dark);scrollbar-width:thin;scrollbar-color:var(--border-mid) transparent;height:calc(100% - 40px);padding:10px;overflow:auto hidden}.fc-s2-grid-body::-webkit-scrollbar{height:4px}.fc-s2-grid-body::-webkit-scrollbar-track{background:0 0}.fc-s2-grid-body::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:2px}.fc-s2-grid-body::-webkit-scrollbar-thumb:hover{background:var(--gold)}.fc-s2-grid{grid-template-rows:repeat(2,1fr);grid-auto-flow:column;gap:8px;min-width:100%;height:100%;display:grid}.fc-mini{background:var(--bg-mid);border:1px solid var(--border-dim);cursor:pointer;border-radius:4px;flex-direction:column;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.fc-mini:hover{border-color:var(--gold);box-shadow:0 0 8px #a68e471a}.fc-mini--dragging{opacity:.4;cursor:grabbing}.fc-mini-thumb{background:var(--bg-dark);flex:1;min-height:0;overflow:hidden}.fc-mini-thumb img{object-fit:cover;width:100%;height:100%;display:block}.fc-mini-thumb-placeholder{background:var(--bg-dark);width:100%;height:100%}.fc-mini-footer{border-top:1px solid var(--border-dim);flex-shrink:0;padding:4px 6px 5px}.fc-mini-title{font-family:var(--font-display);color:var(--teal);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.4;overflow:hidden}.fc-mini-author{font-family:var(--font-display);letter-spacing:.06em;color:var(--teal-dim);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:9px;overflow:hidden}.fc-remove-hint{border:1px dashed var(--red-dim);font-family:var(--font-display);letter-spacing:.1em;color:var(--teal-dim);pointer-events:none;z-index:1200;background:#7a40401f;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-size:10px;display:flex;position:fixed}.fc-s3{flex-direction:column;display:flex}.fc-s3 .sc-footer{justify-content:space-between}.fc-s3-overlay{z-index:1;flex-direction:column;display:flex;position:absolute;inset:0}.fc-s3-head{background:linear-gradient(#000000b3 0%,#0000 100%);border-bottom-color:#0000;flex-shrink:0}.fc-s3-head .sc-author-name{text-shadow:0 1px 3px #000c}.fc-s3-spacer{flex:1;min-height:0}.fc-s3-foot{background:linear-gradient(#00000040 0%,#000000eb 100%);flex-direction:column;flex-shrink:0;gap:4px;padding:10px 12px;display:flex}.fc-s3-foot .sc-title{color:#ffffffed;text-shadow:0 1px 5px #000000f2}.fc-s3-foot .sc-description{color:#d2e4dcd1;text-shadow:0 1px 4px #000c}.fc-s3-foot .sc-bottom{border-top-color:#ffffff1a}.fc-desc-textarea{color:var(--teal-dim);font-family:var(--font-prose);resize:none;background:0 0;border:none;border-bottom:1px solid #0000;outline:none;width:100%;padding:0;font-size:13px;line-height:1.5;transition:border-color .2s;display:block}.fc-desc-textarea:focus{border-bottom-color:var(--gold)}.fc-desc-textarea:hover:not(:focus){border-bottom-color:var(--border-dim)}.fc-desc-textarea::placeholder{color:var(--teal-dim);opacity:.45}.fc-drop-overlay{z-index:8;border:2px solid var(--teal);pointer-events:none;background:#91b5ab1a;border-radius:7px;position:absolute;inset:0}.fc-empty-prompt{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#08100ced;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:28px;display:flex;position:absolute;inset:0}.fc-empty-prompt-text{font-family:var(--font-display);letter-spacing:.06em;color:var(--teal);text-align:center;font-size:14px;line-height:1.6}.fc-empty-prompt-btns{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.col-stage{background:var(--bg-dark);flex-direction:column;flex-shrink:0;height:310px;display:flex;position:relative;overflow:hidden}.col-stage--open{height:310px}.col-stage-img{object-fit:cover;width:100%;height:100%;transition:opacity var(--transition);display:block}.collection-card:hover .col-stage-img{opacity:.9}.col-private-badge{font-family:var(--font-display);letter-spacing:.12em;color:var(--teal-dim);border:1px solid var(--border-dim);pointer-events:none;background:#0a1712cc;border-radius:3px;padding:3px 7px;font-size:9px;position:absolute;top:10px;left:10px}.col-expand-btn{border:1px solid var(--border-dim);height:30px;color:var(--teal-dim);font-family:var(--font-display);letter-spacing:.1em;cursor:pointer;transition:color var(--transition), border-color var(--transition), background var(--transition);background:#0a1712cc;border-radius:3px;padding:0 12px;font-size:10px;position:absolute;bottom:10px;right:10px}.col-expand-btn:hover{color:var(--gold);border-color:var(--gold-dim);background:#a68e471f}.col-carousel{background:var(--bg-dark);flex-direction:column;height:100%;display:flex}.col-carousel-header{border-bottom:1px solid var(--border-dim);flex-shrink:0;align-items:center;gap:8px;height:36px;padding:6px 10px;display:flex}.col-carousel-back{color:var(--teal-dim);font-family:var(--font-display);letter-spacing:.1em;cursor:pointer;transition:color var(--transition);background:0 0;border:none;flex-shrink:0;padding:0;font-size:10px}.col-carousel-back:hover{color:var(--gold)}.col-carousel-title{font-family:var(--font-display);letter-spacing:.08em;color:var(--teal);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}.col-carousel-pager{font-family:var(--font-display);letter-spacing:.1em;color:var(--teal-dim);flex-shrink:0;font-size:9px}.col-carousel-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border-mid) transparent;flex-direction:row;flex:1;gap:8px;margin-left:8px;padding:8px;display:flex;overflow:auto hidden}.col-carousel-scroll::-webkit-scrollbar{height:4px}.col-carousel-scroll::-webkit-scrollbar-track{background:0 0}.col-carousel-scroll::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:2px}.col-carousel-scroll::-webkit-scrollbar-thumb:hover{background:var(--gold)}.col-carousel-empty{font-family:var(--font-prose);color:var(--teal-dim);flex:1;justify-content:center;align-items:center;font-size:13px;font-style:italic;display:flex}.col-carousel-nav{flex-shrink:0;justify-content:center;gap:8px;padding:4px 6px 6px;display:flex}.col-mini-card{background:var(--bg-mid);border:1px solid var(--border-dim);cursor:pointer;scroll-snap-align:start;width:210px;height:260px;transition:border-color var(--transition), box-shadow var(--transition);border-radius:4px;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.col-mini-card:hover{border-color:var(--gold);box-shadow:0 0 8px #a68e471f}.col-mini-thumb{background:var(--bg-dark);flex-shrink:0;height:130px;overflow:hidden}.col-mini-thumb-img{object-fit:cover;width:100%;height:100%;display:block}.col-mini-thumb-placeholder{background:var(--bg-dark);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.col-mini-thumb-placeholder:after{content:"✦";color:var(--border-mid);opacity:.6;font-size:20px}.col-mini-footer{flex-direction:column;flex:1;gap:4px;padding:6px 8px;display:flex}.col-mini-title{font-family:var(--font-display);letter-spacing:.04em;color:var(--teal);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;line-height:1.3;overflow:hidden}.col-mini-description{font-family:var(--font-prose);color:var(--teal-dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.col-mini-bottom{justify-content:space-between;align-items:center;margin-top:auto;padding-top:4px;display:flex}.col-mini-type{font-family:var(--font-display);letter-spacing:.1em;color:var(--teal-dim);font-size:9px}.archive-grid{grid-template-columns:repeat(auto-fill,minmax(480px,1fr));gap:20px;display:grid}.collection-picker-overlay{z-index:700;background:#000000a6;position:fixed;inset:0}.collection-picker-modal{background:var(--bg-mid);border:1px solid var(--gold);width:calc(100% - 48px);max-width:400px;max-height:70vh;box-shadow:var(--glow-gold-lg);z-index:701;border-radius:8px;flex-direction:column;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.collection-picker-header{border-bottom:1px solid var(--border-dim);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.collection-picker-title{font-family:var(--font-display);letter-spacing:.2em;color:var(--gold);font-size:12px}.collection-picker-list{scrollbar-width:thin;scrollbar-color:var(--border-mid) transparent;flex-direction:column;flex:1;display:flex;overflow-y:auto}.collection-picker-new-btn{border:none;border-bottom:1px solid var(--border-dim);text-align:left;width:100%;font-family:var(--font-display);letter-spacing:.12em;color:var(--gold);cursor:pointer;transition:background var(--transition);background:0 0;align-items:center;gap:6px;padding:12px 16px;font-size:11px;display:flex}.collection-picker-new-btn:hover{background:#a68e470f}.collection-picker-create{border-bottom:1px solid var(--border-dim);flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;display:flex}.collection-picker-item{border:none;border-bottom:1px solid var(--border-dim);cursor:pointer;text-align:left;width:100%;transition:background var(--transition);background:0 0;align-items:center;gap:12px;padding:12px 16px;display:flex}.collection-picker-item:last-child{border-bottom:none}.collection-picker-item:hover:not(:disabled){background:#a68e470d}.collection-picker-item:disabled{opacity:.5;cursor:default}.collection-picker-thumb{background:var(--bg-dark);border:1px solid var(--border-dim);background-position:50%;background-size:cover;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.collection-picker-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.collection-picker-name{font-family:var(--font-display);letter-spacing:.05em;color:var(--teal);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.collection-picker-private{font-family:var(--font-display);letter-spacing:.1em;color:var(--teal-dim);font-size:9px}.collection-picker-check{font-family:var(--font-display);color:var(--gold);text-align:center;flex-shrink:0;width:20px;font-size:14px}#browse-profiles-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.profile-browse-card{background:var(--bg-mid);border:1px solid var(--border-dim);cursor:pointer;text-align:center;transition:border-color var(--transition), box-shadow var(--transition);border-radius:8px;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;display:flex}.profile-browse-card:hover{border-color:var(--gold);box-shadow:0 0 14px #a68e471a}.profile-browse-avatar{background:var(--bg-dark);border:1px solid var(--border-dim);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex;overflow:hidden}.profile-browse-info{flex-direction:column;gap:4px;width:100%;min-width:0;display:flex}.profile-browse-username{font-family:var(--font-display);letter-spacing:.06em;color:var(--gold);font-size:16px;font-weight:600}.profile-browse-bio{font-family:var(--font-prose);color:var(--teal-dim);white-space:pre-wrap;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.profile-browse-meta{font-family:var(--font-display);letter-spacing:.1em;color:var(--teal-dim);margin-top:10px;font-size:14px}#browse-mode-row{gap:8px;margin-bottom:4px;display:flex}@media (max-width:768px){#browse-profiles-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.archive-grid,#browse-profiles-grid{grid-template-columns:1fr}}#placeholder-modal-overlay{z-index:500;background:#000000b3;display:none;position:fixed;inset:0}#placeholder-modal-overlay.visible{display:block}#placeholder-modal{background:var(--bg-mid);border:1px solid var(--gold);width:calc(100% - 48px);max-width:480px;max-height:calc(100dvh - 64px);box-shadow:var(--glow-gold-lg);z-index:600;border-radius:8px;flex-direction:column;display:none;position:fixed;top:50%;left:50%;overflow:hidden auto;transform:translate(-50%,-50%)}#placeholder-modal.visible{display:flex}#placeholder-modal-header{border-bottom:1px solid var(--border-dim);flex-shrink:0;padding:20px 24px 12px}#placeholder-modal-title{font-family:var(--font-display);letter-spacing:.2em;color:var(--gold);margin-bottom:6px;font-size:24px;display:block}#placeholder-modal-hint{font-family:var(--font-prose);color:var(--teal-dim);font-size:16px;font-style:italic}#placeholder-modal-fields{flex-direction:column;gap:16px;padding:20px 24px;display:flex}.placeholder-field{flex-direction:column;gap:6px;display:flex}.placeholder-divider{align-items:center;gap:12px;margin:4px 0;display:flex}.placeholder-divider:before{content:"";background:linear-gradient(to left, var(--border-mid), transparent);flex:1;height:1px}.placeholder-divider:after{content:"";background:linear-gradient(to right, var(--border-mid), transparent);flex:1;height:1px}.placeholder-divider-diamond{color:var(--gold);flex-shrink:0;font-size:18px}#placeholder-modal-footer{border-top:1px solid var(--border-dim);background:var(--bg-mid);flex-shrink:0;justify-content:flex-end;padding:16px 24px;display:flex;position:sticky;bottom:0}#scroll-area{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border-mid) transparent;z-index:5;background:radial-gradient(ellipse 65% 100% at 50% 50%, color-mix(in srgb, var(--bg-page) 80%, transparent) 0%, color-mix(in srgb, var(--bg-page) 45%, transparent) 55%, transparent 100%);position:fixed;inset:70px 0 110px;overflow-y:auto}#scroll-area::-webkit-scrollbar{width:6px}#scroll-area::-webkit-scrollbar-track{background:0 0}#scroll-area::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:3px}#scroll-area::-webkit-scrollbar-thumb:hover{background:var(--gold)}#prose-column{width:100%;max-width:960px;font-family:var(--font-prose);margin:0 auto;padding:40px 48px 56px}.turn-bot{text-align:justify;color:#809690;white-space:pre-line;font-family:var(--font-prose);cursor:text;word-break:normal;word-wrap:break-word;font-size:22px;display:inline}.turn-bot:hover{background:#a68e4708;border-radius:2px}.turn-bot+.turn-user{margin-top:24px}.turn-user{cursor:text;align-items:flex-start;gap:10px;margin-bottom:24px;display:flex}.turn-user-bar{background:linear-gradient(to bottom, var(--gold), var(--gold-dim));flex-shrink:0;align-self:stretch;width:3px}.turn-user-icon{color:var(--gold-dim);flex-shrink:0;align-self:center;margin-top:4px;font-size:16px}.turn-user-text{color:var(--gold);white-space:pre-wrap;font-style:italic;font-family:var(--font-prose);word-break:break-word;overflow-wrap:break-word;min-width:0;font-size:24px}.turn-editing{cursor:default}.turn-bot.turn-editing{display:block}.turn-editing:hover{background:0 0}.turn-edit-textarea{border:none;border-bottom:1px solid var(--gold);width:100%;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;resize:none;box-shadow:none;caret-color:var(--gold);background:#a68e470a;outline:none;margin:0;padding:0;display:block;overflow:hidden}.turn-user .turn-edit-textarea{color:var(--gold)}.turn-last.turn-bot{text-decoration:underline;-webkit-text-decoration-color:var(--teal-dark);text-decoration-color:var(--teal-dark);margin-left:-12px;padding-left:10px}.turn-last.turn-user{position:relative}.turn-last.turn-user .turn-user-bar{background:linear-gradient(to bottom, var(--gold-light), var(--gold));width:3px;text-decoration:underline}@keyframes dot-shimmer{0%,to{opacity:.15;color:var(--teal-dim)}50%{opacity:1;color:var(--gold);text-shadow:0 0 8px #a68e4766}}.turn-loading{padding:4px 0;display:inline-block}.loading-dot{background:var(--teal-dim);border-radius:50%;width:6px;height:6px;margin:0 3px;animation:1.4s ease-in-out infinite dot-shimmer;display:inline-block}.loading-dot:first-child{animation-delay:0s}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}#bottom-bar{height:90px;padding:0 16px;padding-bottom:env(safe-area-inset-bottom);z-index:100;background:linear-gradient(to top, var(--bg-deep) 60%, transparent);justify-content:center;align-items:center;gap:0;display:flex;position:fixed;bottom:0;left:0;right:0}#bottom-bar-buttons{border:1px solid var(--border-dim);border-radius:4px;display:flex;overflow:hidden;box-shadow:0 0 16px #a68e4714}.bar-btn{background:var(--bg-dark);border:none;border-right:1px solid var(--border-dim);height:52px;color:var(--teal-dim);font-family:var(--font-display);letter-spacing:.1em;cursor:pointer;clip-path:polygon(14px 0%,100% 0%,calc(100% - 14px) 100%,0% 100%);transition:background var(--transition), color var(--transition);white-space:nowrap;align-items:center;gap:8px;padding:0 28px 0 36px;font-size:11px;display:flex;position:relative}#bottom-bar-buttons>.bar-btn:first-child{clip-path:polygon(0% 0%,100% 0%,calc(100% - 14px) 100%,0% 100%);padding-left:24px}#bottom-bar-buttons>.bar-btn:last-child{clip-path:polygon(14px 0%,100% 0%,100% 100%,0% 100%);border-right:none;padding-right:24px}.bar-btn:hover:not(:disabled){color:var(--teal);background:#91b5ab12}.bar-btn:disabled{opacity:.35;cursor:not-allowed}.bar-btn--primary{border-right-color:var(--gold-dim);color:var(--gold);background:#a68e471a}.bar-btn--primary:hover:not(:disabled){color:var(--gold-light);background:#a68e472e}.bar-btn-icon{opacity:.85;font-size:15px}.bar-btn-label{letter-spacing:.12em;font-size:18px}#bottom-bar-input{z-index:101;width:calc(100% - 48px);max-width:700px;padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:none;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}#bottom-bar-input.visible{display:flex}#input-top-row{z-index:2;align-self:flex-start;align-items:center;margin-bottom:-1px;display:flex;position:relative}.input-tab-close{background:var(--bg-dark);border:1px solid var(--gold-dim);width:36px;height:34px;color:var(--teal-dim);cursor:pointer;transition:color var(--transition), background var(--transition);border-bottom:none;border-radius:4px 0 0;justify-content:center;align-items:center;font-size:11px;display:flex}.input-tab-close:hover{color:var(--teal);background:#91b5ab0f}.input-tab{background:var(--bg-dark);border:1px solid var(--border-dim);height:34px;color:var(--teal-dim);font-family:var(--font-display);letter-spacing:.1em;cursor:pointer;transition:color var(--transition), background var(--transition);border-bottom:none;border-left:none;justify-content:center;align-items:center;gap:4px;padding:0 18px;font-size:10px;display:flex}.input-tab:last-child{border-radius:0 4px 0 0}.input-tab:hover{color:var(--teal);background:#91b5ab0d}.input-tab.active{color:var(--gold);border-top-color:var(--gold-dim);border-right-color:var(--gold-dim);background:#a68e4714}#input-area-wrap{background:var(--bg-dark);border:1px solid var(--gold-dim);z-index:1;border-radius:0 4px 4px;display:flex;position:relative;box-shadow:0 0 0 1px #a68e470f,0 0 28px #a68e4724}#user-input{scrollbar-width:thin;scrollbar-color:var(--border-mid) transparent;scrollbar-width:thin;scrollbar-color:var(--border-mid) transparent;min-height:100px;max-height:180px;font-family:var(--font-prose);resize:none;color:var(--teal);background:0 0;border:none;outline:none;flex:1;padding:18px 56px 18px 18px;font-size:17px;line-height:1.65}#user-input::placeholder{color:#3a5248;font-style:italic}#input-send-btn{border:2px solid var(--gold-dim);width:38px;height:38px;color:var(--gold);cursor:pointer;transition:background var(--transition), box-shadow var(--transition), border-color var(--transition);background:#a68e4726;border-radius:25%;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;bottom:12px;right:12px}#input-send-btn:hover:not(:disabled){border-color:var(--gold);background:#a68e4747;box-shadow:0 0 14px #a68e4759}#input-send-btn:disabled{opacity:.3;cursor:not-allowed}#input-area-wrap.codex-input-row{flex-wrap:nowrap;align-items:center;gap:0;min-height:60px;padding:10px 12px}.codex-field{border:none;border-right:1px solid var(--border-dim);height:36px;color:var(--teal);font-family:var(--font-display);letter-spacing:.04em;background:0 0;outline:none;padding:0 10px;font-size:13px}.codex-field::placeholder{color:#3a5248;font-style:italic}.codex-field--short{flex-shrink:0;width:110px}.codex-field--wide{border-right:none;flex:1;min-width:80px}#input-area-wrap.codex-input-row #input-send-btn{flex-shrink:0;margin-left:8px;position:static}#save-slots-list{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.save-slot{border:1px solid var(--border-dim);background:var(--bg-deep);transition:border-color var(--transition);border-radius:4px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.save-slot--used{border-color:var(--border-mid)}.save-slot-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.save-slot-num{font-family:var(--font-display);letter-spacing:.12em;color:var(--gold);opacity:.7;font-size:16px}.save-slot-title{font-family:var(--font-display);letter-spacing:.06em;color:var(--teal);white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.save-slot-meta{font-family:var(--font-prose);color:var(--teal-dim);font-size:16px}.save-slot-empty{font-family:var(--font-prose);color:var(--teal-dim);font-size:16px;font-style:italic}.save-slot-title{cursor:pointer;transition:color var(--transition)}.save-slot-title:hover{color:var(--gold)}.save-slot-title-input{border:none;border-bottom:1px solid var(--gold);color:var(--teal);font-family:var(--font-display);letter-spacing:.06em;width:100%;caret-color:var(--gold);background:0 0;outline:none;padding:2px 0;font-size:16px}.save-slot-actions{flex-shrink:0;gap:6px;display:flex}.save-slot-btn{font-family:var(--font-display);letter-spacing:.1em;border:1px solid var(--border-mid);color:#6a9080;cursor:pointer;background:0 0;border-radius:3px;padding:5px 9px;font-size:18px;transition:background .15s,color .15s,border-color .15s}.save-slot-btn:hover{background:var(--bg-bar);color:var(--gold);border-color:var(--gold)}.save-slot-btn--load{color:var(--teal)}.save-slot-btn--load:hover{color:var(--gold-light);border-color:var(--gold-light)}.save-slot-btn--delete{color:#6a4040;border-color:#3d2020;padding:5px 7px}.save-slot-btn--delete:hover{color:#c06060;background:#2d1010;border-color:#c06060}#toast{font-size:13px;font-family:var(--font-display);letter-spacing:.08em;opacity:0;pointer-events:none;z-index:200;white-space:nowrap;border-radius:3px;align-items:center;gap:12px;padding:10px 24px;transition:opacity .3s;display:flex;position:fixed;bottom:100px;left:50%;transform:translate(-50%)}#toast.visible{opacity:1;pointer-events:auto}#toast.toast--error{color:var(--red);background:#2a0e0e;box-shadow:0 0 0 1px #7a2a2a,0 0 12px #b43c3c33}#toast.toast--success{color:var(--green);background:#0e2218;box-shadow:0 0 0 1px #2a6645,0 0 12px #3ca06433}#toast.toast--info{color:#c8b46a;background:#1a1a0e;box-shadow:0 0 0 1px #6a5a20,0 0 12px #a68e4733}.toast-view-btn{color:inherit;font-family:var(--font-display);letter-spacing:.1em;cursor:pointer;opacity:.85;background:0 0;border:1px solid;border-radius:2px;padding:2px 8px;font-size:11px;transition:opacity .15s}.toast-view-btn:hover{opacity:1}#notif-menu,#notif-btn{position:relative}#notif-badge{background:var(--gold);min-width:16px;height:16px;color:var(--bg-dark);font-family:var(--font-display);pointer-events:none;border-radius:8px;justify-content:center;align-items:center;padding:0 3px;font-size:9px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}#notification-panel{background:var(--bg-dark);border:1px solid var(--gold);width:320px;max-height:480px;box-shadow:var(--glow-gold-lg);z-index:500;border-radius:6px;flex-direction:column;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}#notification-panel-header{border-bottom:1px solid var(--border-dim);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}#notification-panel-title{font-family:var(--font-display);letter-spacing:.2em;color:var(--gold);font-size:16px}.notification-clear-btn{font-family:var(--font-display);letter-spacing:.1em;color:var(--teal-dim);cursor:pointer;transition:color var(--transition);background:0 0;border:none;font-size:16px}.notification-clear-btn:hover{color:var(--red)}#notification-list{scrollbar-width:thin;scrollbar-color:var(--border-mid) transparent;flex:1;overflow-y:auto}.notification-empty{font-family:var(--font-prose);color:var(--teal-dim);text-align:center;padding:32px 16px;font-size:14px;font-style:italic}.notification-item{border-bottom:1px solid var(--border-dim);cursor:pointer;transition:background var(--transition);align-items:flex-start;gap:10px;padding:12px 16px;display:flex}.notification-item:hover{background:#a68e470d}.notification-item:last-child{border-bottom:none}.notification-item--unread{border-left:2px solid var(--gold);background:#a68e470a;padding-left:14px}.notification-icon{color:var(--gold);flex-shrink:0;margin-top:2px;font-size:12px}.notification-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.notification-text{font-family:var(--font-prose);color:var(--teal);word-break:break-word;font-size:14px;line-height:1.4}.notification-preview{font-family:var(--font-prose);color:var(--teal-dim);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-style:italic;overflow:hidden}.notification-time{font-family:var(--font-display);letter-spacing:.08em;color:var(--teal-dim);font-size:10px}.notification-dismiss{color:var(--teal-dim);cursor:pointer;transition:color var(--transition), background var(--transition);background:0 0;border:none;border-radius:3px;flex-shrink:0;padding:2px 4px;font-size:10px}.notification-dismiss:hover{color:var(--red);background:#b43c3c14}#profile-follow-row{align-items:center;gap:16px;margin-bottom:4px;display:flex}.profile-follow-stat{font-family:var(--font-prose);color:var(--teal-dim);font-size:15px}.profile-follow-stat strong{color:var(--teal);font-weight:600}@media (max-width:480px){#notification-panel{width:calc(100vw - 24px);right:-8px}}#user-menu{position:relative}#user-dropdown{background:var(--bg-dark);border:1px solid var(--gold);box-shadow:var(--glow-gold-lg);z-index:500;border-radius:4px;flex-direction:column;gap:2px;min-width:180px;padding:6px;display:flex;position:fixed;top:78px;right:20px}.user-dropdown-item{font-family:var(--font-display);letter-spacing:.1em;color:var(--teal);cursor:pointer;border-radius:3px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:bolder;text-decoration:none;transition:background .15s,color .15s;display:flex}.user-dropdown-item:hover{color:var(--gold);background:#a68e4714}.user-dropdown-item--danger{color:var(--red-dim)}.user-dropdown-item--danger:hover{color:var(--red);background:#b43c3c14}.auth-page{justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-page:before{content:"";z-index:0;background:url(/bg.png) 50%/cover no-repeat;position:fixed;inset:0}.auth-page:after{content:"";z-index:1;background:radial-gradient(#0a171299 0%,#0a1712eb 60%,#0a1712fa 100%);position:fixed;inset:0}#auth-card{z-index:2;background:var(--bg-dark);border:1px solid var(--gold);width:calc(100% - 48px);max-width:400px;box-shadow:var(--glow-gold-lg);border-radius:8px;flex-direction:column;gap:16px;padding:32px;display:flex;position:relative}#auth-header{font-family:var(--font-display);color:var(--gold);letter-spacing:.08em;justify-content:center;align-items:center;gap:12px;margin-bottom:8px;font-size:48px;font-weight:700;display:flex}#login-title{font-family:var(--font-title);color:var(--teal);letter-spacing:.15em;align-self:center;font-size:48px;font-weight:700}#auth-tabs{gap:8px;display:flex}#auth-tabs .action-btn{flex:1}#panel-signin,#panel-signup{flex-direction:column;gap:10px;display:flex}#auth-oauth{flex-direction:column;gap:8px;display:flex}#login-logo{display:contents}#login-logo img{width:72px;height:72px}#browse-content{flex-direction:column;gap:24px;max-width:1800px;margin:0 auto;padding:90px 32px 40px;display:flex}#browse-controls{flex-direction:column;gap:12px;display:flex}#browse-search{max-width:480px;height:44px}#browse-sort-row{flex-wrap:wrap;gap:8px;display:flex}#browse-sort-row .action-btn{height:36px;padding:0 16px;font-size:12px}#browse-tag-row{flex-wrap:wrap;gap:6px;min-height:26px;display:flex}#browse-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}#browse-grid .story-card{width:100%;min-width:0;overflow:hidden}.browse-loading{font-family:var(--font-display);letter-spacing:.1em;color:var(--teal-dim);text-align:center;grid-column:1/-1;padding:40px;font-size:14px;font-style:italic}#browse-empty{font-family:var(--font-display);letter-spacing:.1em;color:var(--teal-dim);text-align:center;padding:80px;font-size:16px;font-style:italic}#home-content{flex-direction:column;gap:48px;max-width:2400px;margin:0 auto;padding:80px 24px 40px;display:flex}.home-section{flex-direction:column;gap:16px;display:flex}.home-section-header{justify-content:space-between;align-items:center;display:flex}.home-section-title{font-family:var(--font-display);letter-spacing:.15em;color:var(--gold);font-size:21px}.carousel-wrapper{align-items:center;gap:12px;display:flex;position:relative}.carousel{scroll-behavior:smooth;scrollbar-width:none;flex:1;gap:16px;display:flex;overflow-x:auto}.carousel::-webkit-scrollbar{display:none}.carousel-btn{border:1px solid var(--border-mid);width:36px;height:36px;color:var(--gold);cursor:pointer;transition:background var(--transition), border-color var(--transition);background:0 0;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;display:flex}.carousel-btn:hover{border-color:var(--gold);background:#a68e4714}#story-banner{background:var(--bg-dark);border-bottom:1px solid var(--border-dim);height:490px;margin-top:56px;position:relative;overflow:hidden}#story-banner-bg{object-fit:cover;object-position:center;opacity:.35;z-index:0;width:100%;height:100%;position:absolute;inset:0}#story-banner-overlay{z-index:1;background:linear-gradient(#0000 40%,#0000004d 80%,#000000d9 100%);position:absolute;inset:0}#story-banner-info{z-index:2;flex-direction:column;gap:8px;display:flex;position:absolute;bottom:24px;left:32px;right:32px}#story-title,#journey-title{font-family:var(--font-display);letter-spacing:.06em;color:#fff;text-shadow:0 2px 12px #000c;-webkit-line-clamp:2;word-break:break-word;word-wrap:break-word;-webkit-box-orient:vertical;max-width:900px;margin:0;font-size:36px;font-weight:600;display:-webkit-box;overflow:hidden}#journey-parent-story{font-family:var(--font-display);letter-spacing:.15em;color:var(--teal-dim);font-size:11px}#story-action-bar{background:var(--bg-dark);border-bottom:1px solid var(--border-dim);justify-content:space-between;align-items:stretch;height:56px;padding:0 32px 0 0;display:flex}#story-action-left{align-items:center;gap:8px;padding-left:8px;display:flex}.story-info-tab{font-family:var(--font-display);letter-spacing:.15em;color:var(--teal-dim);cursor:pointer;height:100%;transition:color var(--transition), border-color var(--transition);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;padding:0 16px;font-size:16px;display:flex}.story-info-tab:hover{color:var(--gold)}.story-info-tab.active{color:var(--gold);border-bottom-color:var(--gold)}#btn-play{letter-spacing:.15em;align-self:center;height:48px;padding:0 40px;font-size:18px}.story-action-divider{background:var(--border-dim);flex-shrink:0;align-self:center;width:1px;height:28px;margin:0 8px}.story-like-ratio-bar{background:var(--border-dim);border-radius:2px;width:100%;height:3px;overflow:hidden}.story-like-ratio-fill{background:var(--red);border-radius:2px;height:100%;transition:width .3s}.story-action-dropdown{background:var(--bg-mid);border:1px solid var(--border-mid);box-shadow:var(--glow-gold-lg);z-index:300;border-radius:6px;flex-direction:column;min-width:160px;display:flex;overflow:hidden}.story-action-dropdown-item{cursor:pointer;text-align:left;font-family:var(--font-display);letter-spacing:.06em;color:var(--teal);transition:background var(--transition);background:0 0;border:none;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:flex}.story-action-dropdown-item:hover{background:#91b5ab14}.story-action-dropdown-item--danger{color:var(--red)}.story-action-dropdown-item--danger:hover{background:#c8505014}.story-action-dropdown-divider{background:var(--border-dim);height:1px;margin:4px 0}#story-info{grid-template-columns:1fr 320px;gap:32px;max-width:1700px;margin:0 auto;padding:40px 32px;display:grid}#story-info-left{flex-direction:column;gap:16px;display:flex}#story-description{font-family:var(--font-prose);color:var(--teal);word-break:break-word;overflow-wrap:break-word;white-space:pre-line;font-size:20px;line-height:1.8}#story-info-right{flex-direction:column;gap:12px;display:flex}.story-meta-row{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.story-meta-label{font-family:var(--font-display);letter-spacing:.12em;color:var(--teal-dim);font-size:16px;font-weight:700}.story-meta-value{font-family:var(--font-prose);color:var(--teal);font-size:18px}#story-description-panel{flex-direction:column;gap:16px;display:flex}#story-comments-panel{flex-direction:column;gap:20px;display:flex}#story-comments-list{flex-direction:column;gap:16px;display:flex}.story-comment{background:var(--bg-mid);border:1px solid var(--border-dim);transition:border-color var(--transition);border-radius:4px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.story-comment:hover{border-color:var(--border-mid)}.story-comment-header{align-items:center;gap:10px;display:flex}.story-comment-author{color:inherit;align-items:center;gap:6px;text-decoration:none;display:flex}.story-comment-username{font-family:var(--font-display);letter-spacing:.08em;color:var(--gold);transition:color var(--transition);font-size:14px;font-weight:600}.story-comment-author:hover .story-comment-username{color:var(--gold-light)}.story-comment-time{font-family:var(--font-display);letter-spacing:.1em;color:var(--teal-dim);margin-left:4px;font-size:11px}.story-comment-delete{color:var(--teal-dim);cursor:pointer;transition:color var(--transition), background var(--transition);background:0 0;border:none;border-radius:3px;margin-left:auto;padding:2px 6px;font-size:11px}.story-comment-delete:hover{color:var(--red);background:#b43c3c14}.story-comment-content{font-family:var(--font-prose);color:var(--teal);word-break:break-word;overflow-wrap:break-word;white-space:pre-wrap;font-size:17px;line-height:1.7}#story-comment-input-row{flex-direction:column;gap:10px;display:flex}#story-comment-input-row .sidebar-textarea{min-height:80px;max-height:160px}#story-comment-input-row .action-btn{align-self:flex-end}.badge-row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.badge{font-family:var(--font-display);letter-spacing:.1em;white-space:nowrap;cursor:default;transition:opacity var(--transition);border:1px solid;border-radius:3px;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:600;display:inline-flex}.badge:hover{opacity:.85}.badge-symbol{font-size:9px}.badge-label{font-size:10px}.badge--role .badge-label{display:inline}.badge--independent .badge-label{opacity:0;white-space:nowrap;max-width:0;margin-left:0;transition:max-width .2s,opacity .2s,margin-left .2s;display:inline-block;overflow:hidden}.badge--independent:hover .badge-label{opacity:1;max-width:80px;margin-left:3px}.badge--compact .badge-label{display:none}#profile-badges .badge{padding:3px 10px;font-size:11px}#profile-badges .badge-symbol{font-size:11px}#profile-header{border-bottom:1px solid var(--border-dim);align-items:center;gap:24px;margin-top:56px;padding:40px 48px 32px;display:flex}#profile-avatar-placeholder{background:var(--bg-dark);border:1px solid var(--gold);width:160px;height:160px;color:var(--gold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:28px;display:flex}#profile-info{flex-direction:column;gap:6px;display:flex}#profile-username{font-family:var(--font-prose);letter-spacing:.08em;color:var(--gold);font-size:34px;font-weight:600}.profile-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.profile-grid .story-card,.profile-grid .journey-card{width:100%;min-width:0}.profile-empty{font-family:var(--font-prose);color:var(--teal-dim);justify-content:center;align-items:center;padding:80px;font-size:18px;font-style:italic;display:flex}.profile-search{width:220px;height:36px;padding:6px 10px;font-size:14px}#profile-sort-row{justify-content:center;gap:8px;display:flex}#profile-sort-row .action-btn{height:36px;padding:0 14px;font-size:11px}#profile-bio{font-family:var(--font-prose);color:var(--teal-dim);overflow-wrap:break-word;word-break:break-word;white-space:pre-line;max-width:520px;font-size:18px;font-style:italic;line-height:1.6}#profile-badges{flex-direction:row;gap:8px;margin-top:4px;display:flex}.profile-badge{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;display:flex}.profile-badge--placeholder{background:var(--bg-dark);border:1px solid var(--border-dim);color:var(--border-mid)}.settings-page{scrollbar-width:thin;scrollbar-color:var(--border-mid) transparent;height:100dvh;overflow-y:auto}.settings-page::-webkit-scrollbar{width:6px}.settings-page::-webkit-scrollbar-track{background:0 0}.settings-page::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:3px}.settings-page::-webkit-scrollbar-thumb:hover{background:var(--gold)}#settings-layout{grid-template-columns:220px 1fr;min-height:calc(100dvh - 70px);margin-top:70px;display:grid}#settings-sidebar{background:var(--bg-dark);border-right:1px solid var(--border-dim);flex-direction:column;gap:4px;padding:32px 16px;display:flex}#settings-sidebar-title{font-family:var(--font-display);letter-spacing:.25em;color:var(--teal-dim);padding:0 8px 12px;font-size:24px}.settings-nav-btn{width:100%;font-family:var(--font-display);letter-spacing:.1em;color:var(--teal-dim);cursor:pointer;text-align:left;transition:background var(--transition), color var(--transition);background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;padding:10px 12px;font-size:14px;display:flex}.settings-nav-btn:hover{color:var(--teal);background:#a68e470f}.settings-nav-btn.active{color:var(--gold);background:#a68e471a}#settings-content{max-width:680px;padding:40px 48px}.settings-section{flex-direction:column;gap:24px;display:flex}.settings-section-title{font-family:var(--font-display);letter-spacing:.25em;color:var(--gold);font-size:24px;font-weight:600}.settings-divider{background:var(--border-dim);height:1px}#theme-selector{flex-wrap:wrap;gap:12px;display:flex}.theme-option{background:var(--bg-mid);border:1px solid var(--border-dim);cursor:pointer;transition:border-color var(--transition), box-shadow var(--transition);border-radius:6px;flex-direction:column;align-items:center;gap:8px;width:120px;padding:12px;display:flex}.theme-option:hover{border-color:var(--border-mid)}.theme-option.active{border-color:var(--gold);box-shadow:var(--glow-gold)}.theme-swatch{border:1px solid var(--border-dim);border-radius:4px;justify-content:center;align-items:center;width:120px;height:64px;display:flex;overflow:hidden}.theme-swatch--default{background:linear-gradient(135deg,#15211d 40%,#a68e47 100%)}.theme-swatch--dark{background:linear-gradient(135deg,#3e3e42 40%,#252526 100%)}.theme-swatch--girly-pop{background:linear-gradient(135deg,#1c0614 40%,#ff3ea5 100%)}.theme-swatch--dark-cosmic{background:linear-gradient(135deg,#030208 40%,#9d4edd 100%)}.theme-swatch--voodoo{background:linear-gradient(135deg,#050309 40%,#7bf77b 100%)}.theme-swatch--neon-grid{background:linear-gradient(135deg,#0a0a12 35%,#00f0ff 65%,#f08 100%)}.theme-swatch--king-in-yellow{background:linear-gradient(135deg,#070502 40%,#c9a84c 100%)}.theme-swatch--to-the-stars{background:linear-gradient(135deg,#0c0b10 40%,#cc2b1c 100%)}.theme-swatch--hadal{background:linear-gradient(135deg,#060a10 40%,#00d4c8 100%)}.theme-swatch--the-baroness{background:linear-gradient(135deg,#120d09 40%,#c8922a 100%)}.theme-swatch--cathedral{background:linear-gradient(135deg,#0e0e10 40%,#4a7fb5 100%)}.theme-swatch--inkwell{background:linear-gradient(135deg,#e0d9cc 40%,#b5301f 100%)}.theme-swatch--the-fold{background:linear-gradient(135deg,#f2ede2 40%,#c43528 100%)}.theme-swatch--mortlach{background:linear-gradient(135deg,#1a1108 40%,#b8701e 100%)}.theme-swatch--passchendaele{background:linear-gradient(135deg,#181308 40%,#c4bc6c 100%)}.theme-swatch--clockwork{background:linear-gradient(135deg,#0d0702 40%,#c49a22 100%)}.theme-swatch-preview{letter-spacing:.08em;text-shadow:0 1px 4px #0009;pointer-events:none;-webkit-user-select:none;user-select:none;font-weight:600}.theme-option-label{font-family:var(--font-display);letter-spacing:.1em;color:var(--teal);font-size:13px;font-weight:600}.theme-option-desc{font-family:var(--font-prose);color:var(--teal-dim);text-align:center;font-size:11px}@media (max-width:480px){#settings-layout{min-height:unset;grid-template-rows:auto 1fr;grid-template-columns:1fr;margin-top:56px}#settings-sidebar{scrollbar-width:none;-webkit-overflow-scrolling:touch;border-right:none;border-bottom:1px solid var(--border-dim);background:var(--bg-dark);flex-flow:row;gap:0;padding:0 8px;overflow-x:auto}#settings-sidebar::-webkit-scrollbar{display:none}#settings-sidebar-title{display:none}.settings-nav-btn{background:0 0;border-bottom:2px solid #0000;border-radius:0;flex-shrink:0;justify-content:center;width:auto;height:44px;padding:0 14px;font-size:12px}.settings-nav-btn.active{color:var(--gold);border-bottom-color:var(--gold);background:0 0}#settings-content{padding:24px 16px}}.landing-page{justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}#landing-bg{z-index:0;background:url(/bg.png) 50%/cover no-repeat;position:fixed;inset:0}#landing-overlay{z-index:1;background:linear-gradient(#0000004d 0%,#0a1712b3 60%,#0a1712eb 100%);position:fixed;inset:0}#landing-hero{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:20px;padding:40px;display:flex;position:relative}#landing-logo img,#landing-logo svg{width:320px;height:320px}#landing-title{font-family:var(--font-title);letter-spacing:.15em;color:var(--teal);text-shadow:0 2px 32px #000c;margin:0;font-size:clamp(48px,8vw,96px);font-weight:700}#landing-tagline{font-family:var(--font-prose);color:var(--teal);letter-spacing:.05em;margin:0;font-size:clamp(16px,2.5vw,22px);font-style:italic}#landing-buttons{gap:16px;margin-top:12px;display:flex}#landing-buttons .action-btn{letter-spacing:.15em;height:48px;padding:0 32px;font-size:13px}.card-menu-btn{border:1px solid var(--border-mid);cursor:pointer;width:24px;height:24px;color:var(--gold);z-index:10;transition:background var(--transition), border-color var(--transition);background:#0a1712b3;border-radius:3px;justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute;top:10px;right:10px}.card-menu-btn:hover{border-color:var(--gold);background:#a68e4726}.card-context-menu{background:var(--bg-mid);border:1px solid var(--gold);box-shadow:var(--glow-gold-lg);z-index:900000;border-radius:6px;flex-direction:column;gap:2px;min-width:140px;padding:4px;display:none;position:fixed}.card-context-menu.visible{display:flex}.card-context-item{color:var(--teal);font-family:var(--font-display);letter-spacing:.1em;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;gap:6px;width:100%;padding:7px 12px;font-size:10px;transition:background .15s,color .15s;display:flex}.card-context-item:hover{color:var(--gold);background:#a68e4714}.card-context-item--danger{color:var(--red-dim)}.card-context-item--danger:hover{color:var(--red);background:#b43c3c14}.ain-selector{flex-direction:column;gap:8px;display:flex}.ain-preset-select{background:var(--bg-dark);border:1px solid var(--border-dim);width:100%;color:var(--gold);font-family:var(--font-display);letter-spacing:.1em;cursor:pointer;transition:border-color var(--transition);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23a68e47'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border-radius:4px;padding:8px 32px 8px 12px;font-size:13px}.ain-preset-select:focus{border-color:var(--gold);outline:none}.ain-preset-select option{background:var(--bg-dark);color:var(--teal)}.image-uploader{flex-direction:column;gap:8px;display:flex}.image-uploader-preview{cursor:pointer;background:var(--bg-dark);border:1px solid var(--border-dim);transition:border-color var(--transition);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.image-uploader-preview:hover{border-color:var(--gold)}.image-uploader-preview:hover .image-uploader-overlay{opacity:1}.image-uploader--square .image-uploader-preview{border-radius:6px;width:160px;height:160px}.image-uploader--circle .image-uploader-preview{border-radius:50%;width:120px;height:120px}.image-uploader-img{object-fit:cover;width:100%;height:100%;display:block}.image-uploader-placeholder{color:var(--teal-dim);font-size:28px}.image-uploader-overlay{opacity:0;transition:opacity var(--transition);font-family:var(--font-display);letter-spacing:.15em;color:var(--gold);background:#0009;justify-content:center;align-items:center;font-size:10px;display:flex;position:absolute;inset:0}.story-card-thumbnail{z-index:0;border-radius:6px;position:absolute;inset:0;overflow:hidden}.story-card-thumbnail-img{object-fit:cover;opacity:.25;width:100%;height:100%;transition:opacity var(--transition)}.story-card:hover .story-card-thumbnail-img{opacity:.35}.story-card>:not(.story-card-thumbnail),.journey-card>:not(.story-card-thumbnail){position:relative}#profile-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.acms-rate-info{font-family:var(--font-display);letter-spacing:.08em;color:var(--teal-dim);margin-bottom:10px;font-size:11px}.acms-result{border:1px solid var(--border-dim);border-radius:4px;flex-direction:column;gap:8px;margin-bottom:4px;padding:12px 14px;display:flex}.acms-result--approved{border-color:var(--teal-dark);background:#91b5ab0d}.acms-result--flagged{border-color:var(--gold);background:#a68e470d}.acms-result--rejected{border-color:var(--red);background:#b43c3c0d}.acms-result-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.acms-result-status{font-family:var(--font-display);letter-spacing:.12em;font-size:12px;font-weight:700}.acms-result--approved .acms-result-status{color:var(--teal)}.acms-result--flagged .acms-result-status{color:var(--gold)}.acms-result--rejected .acms-result-status{color:var(--red)}.acms-result-rating{font-family:var(--font-display);letter-spacing:.1em;color:var(--teal-dim);font-size:10px}.acms-result-summary{font-family:var(--font-prose);color:var(--teal-dim);font-size:14px;line-height:1.5}.acms-result-list{font-family:var(--font-prose);color:var(--teal-dim);flex-direction:column;gap:4px;padding-left:16px;font-size:13px;display:flex}.acms-result-list--flags li{color:var(--gold)}.acms-result--rejected .acms-result-list--flags li{color:var(--red)}.acms-rating-row{gap:8px;margin-top:6px;margin-bottom:6px;display:flex}.acms-rating-btn{background:var(--bg-dark);border:1px solid var(--border-dim);height:36px;color:var(--teal-dim);font-family:var(--font-display);letter-spacing:.1em;cursor:pointer;transition:background var(--transition), border-color var(--transition), color var(--transition);border-radius:3px;flex:1;font-size:12px}.acms-rating-btn:hover:not(.disabled){border-color:var(--teal-dark);color:var(--teal)}.acms-rating-btn.active{border-color:var(--teal);color:var(--teal);background:#91b5ab1f}.acms-rating-btn.disabled{opacity:.3;cursor:not-allowed}.acms-rating-label{font-family:var(--font-prose);color:var(--teal-dim);font-size:13px;font-style:italic}.acms-publish-header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.acms-publish-row{gap:8px;margin-top:8px;display:flex}.acms-publish-row .action-btn{flex:1}.acms-unpublish-btn{min-width:120px;color:var(--red)!important;border-color:var(--red-dim)!important;flex:none!important}.acms-unpublish-btn:hover{background:#b43c3c14!important}.visibility-selector{gap:6px;margin-top:8px;display:flex}.visibility-btn{font-family:var(--font-display);letter-spacing:.1em;border:1px solid var(--border-dim);color:var(--teal-dim);cursor:pointer;background:0 0;border-radius:3px;flex:1;padding:7px 4px;font-size:11px;transition:background .15s,border-color .15s,color .15s}.visibility-btn:hover{border-color:var(--border);background:#ffffff0a}.visibility-btn--private.active{color:var(--teal-dim);border-color:var(--border);background:#ffffff0d}.visibility-btn--unlisted.active{color:var(--gold);border-color:var(--gold-dim);background:#a68e471f}.visibility-btn--public.active{color:var(--green);background:#3ca06414;border-color:#2a6645}.acms-stage-row{flex-wrap:wrap;gap:6px;display:flex}.acms-stage-badge{font-family:var(--font-display);letter-spacing:.1em;border:1px solid var(--border-dim);background:var(--bg-dark);color:var(--teal-dim);border-radius:3px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.acms-stage-badge--e,.acms-stage-badge--t{color:var(--teal);border-color:var(--teal-dark);background:#91b5ab14}.acms-stage-badge--m{color:var(--gold-light);border-color:var(--gold-dim);background:#a68e4714}.acms-stage-badge--a{color:#e0a060;background:#b4642814;border-color:#7a4820}.acms-stage-badge--tos{color:var(--red);border-color:var(--red-dim);background:#b43c3c14}.acms-stage-badge--none{color:var(--teal-dim);border-color:var(--border-dim);opacity:.5}.acms-stage-badge--final{border-width:1.5px;font-weight:900}.acms-stage-detail{border-top:1px solid var(--border-dim);padding-top:8px}.acms-stage-summary{font-family:var(--font-display);letter-spacing:.1em;color:var(--teal-dim);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:2px 0;font-size:10px;list-style:none;display:flex}.acms-stage-summary::-webkit-details-marker{display:none}.acms-stage-summary:before{content:"▶";transition:transform var(--transition);margin-right:6px;font-size:8px}details[open] .acms-stage-summary:before{transform:rotate(90deg)}.acms-stage-raw{background:var(--bg-dark);border:1px solid var(--border-dim);font-family:var(--font-prose);color:var(--teal-dim);white-space:pre-wrap;word-break:break-word;border-radius:3px;max-height:320px;margin-top:8px;padding:10px 12px;font-size:12px;line-height:1.6;overflow-y:auto}#file-input{display:none}.gear-menu-wrap{align-content:center;position:relative}.gear-menu-backdrop{z-index:90;position:fixed;inset:0}.gear-menu{z-index:91;background:var(--bg-mid);border:1px solid var(--border-dim);border-radius:4px;min-width:200px;padding:4px 0;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 4px 16px #0000004d}.gear-menu button{text-align:left;width:100%;font-family:var(--font-display);letter-spacing:.08em;color:var(--teal-dim);cursor:pointer;transition:background var(--transition), color var(--transition);background:0 0;border:none;padding:9px 14px;font-size:11px}.gear-menu button:hover{color:var(--teal);background:#91b5ab0f}.edit-tab--gear{padding:0 14px;font-size:15px}.choice-card{background:var(--bg-mid);border:1px solid var(--border-dim);border-radius:4px;flex-direction:column;gap:12px;padding:16px;display:flex}.choice-card-header{justify-content:space-between;align-items:center;display:flex}.choice-card-label{font-family:var(--font-display);letter-spacing:.12em;color:var(--teal-dim);font-size:10px}.choice-prompt-textarea{min-height:160px!important}.choice-list{flex-direction:column;gap:4px;display:flex}.choice-item{background:var(--bg-dark);border:1px solid var(--border-dim);border-radius:3px;align-items:center;gap:6px;padding:8px 10px;display:flex;position:relative}.choice-item-label-input{color:var(--teal);font-family:var(--font-display);letter-spacing:.05em;background:0 0;border:none;outline:none;flex:1;font-size:12px}.choice-item-label-input::placeholder{color:var(--teal-dim);opacity:.5}.choice-item-actions{flex-shrink:0;gap:4px;display:flex;position:relative}.choice-drill-btn,.choice-menu-btn{border:1px solid var(--border-dim);width:28px;height:28px;color:var(--teal-dim);cursor:pointer;transition:color var(--transition), border-color var(--transition);background:0 0;border-radius:3px;justify-content:center;align-items:center;font-size:12px;display:flex}.choice-drill-btn:hover,.choice-menu-btn:hover{color:var(--teal);border-color:var(--teal-dark)}.choice-context-menu{z-index:200;background:var(--bg-mid);border:1px solid var(--border-dim);border-radius:4px;min-width:180px;padding:4px 0;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 4px 16px #0000004d}.choice-context-menu button{text-align:left;width:100%;font-family:var(--font-display);letter-spacing:.06em;color:var(--teal-dim);cursor:pointer;transition:background var(--transition), color var(--transition);background:0 0;border:none;padding:8px 14px;font-size:11px}.choice-context-menu button:hover{color:var(--teal);background:#91b5ab0f}.choice-menu-danger{color:var(--red-dim)!important}.choice-menu-danger:hover{color:var(--red)!important;background:#b43c3c0f!important}.choice-add-btn{border:1px dashed var(--border-dim);width:100%;height:36px;color:var(--gold);font-family:var(--font-display);letter-spacing:.1em;cursor:pointer;transition:border-color var(--transition), background var(--transition);background:0 0;border-radius:3px;justify-content:center;align-items:center;gap:6px;font-size:11px;display:flex}.choice-add-btn:hover{border-color:var(--gold-dim);background:#a68e470d}.choice-editor-breadcrumb{align-items:center;gap:10px;margin-bottom:4px;display:flex}.choice-back-btn{border:1px solid var(--border-dim);color:var(--gold);font-family:var(--font-display);letter-spacing:.1em;cursor:pointer;transition:color var(--transition), border-color var(--transition);background:0 0;border-radius:3px;align-items:center;gap:5px;padding:4px 10px;font-size:18px;display:flex}.choice-back-btn:hover{color:var(--teal);border-color:var(--teal-dark)}.choice-breadcrumb-path{font-family:var(--font-display);letter-spacing:.08em;color:var(--teal);font-size:18px}.choice-config-overlay{z-index:200;background:#00000080;position:fixed;inset:0}.choice-config-modal{z-index:201;background:var(--bg-mid);border:1px solid var(--border-dim);border-radius:6px;flex-direction:column;width:min(810px,92vw);max-height:80vh;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.choice-config-header{border-bottom:1px solid var(--border-dim);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.choice-config-title{font-family:var(--font-display);letter-spacing:.12em;color:var(--gold);font-size:21px}.choice-config-body{flex-direction:column;flex:1;gap:20px;padding:20px;display:flex;overflow-y:auto}.choice-config-field{flex-direction:column;gap:8px;display:flex}.choice-codex-row{background:var(--bg-dark);border:1px solid var(--border-dim);border-radius:4px;align-items:flex-start;gap:8px;padding:10px;display:flex}.choice-codex-fields{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.choice-row{background:var(--bg-mid);border:1px solid var(--border-dim);cursor:pointer;width:100%;transition:border-color var(--transition), background var(--transition);border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:14px 16px;display:flex}.choice-row:hover{border-color:var(--teal-dark);background:#91b5ab0d}.choice-row-label{font-family:var(--font-display);letter-spacing:.08em;color:var(--teal);font-size:16px}.choice-row-arrow{color:var(--teal-dim);font-size:18px}.choice-breadcrumb{border-bottom:1px solid var(--border-dim);align-items:center;gap:10px;margin-top:10px;margin-bottom:10px;margin-left:10px;padding:0 0 10px;display:flex}.script-overlay{z-index:1000;background:var(--bg-dark);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.script-overlay-header{border-bottom:1px solid var(--border-dim);background:var(--bg-mid);flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex}.script-overlay-title{align-items:center;gap:16px;display:flex}.script-overlay-label{font-family:var(--font-display);letter-spacing:.15em;color:var(--gold);font-size:24px}.script-save-status{font-family:var(--font-display);letter-spacing:.1em;color:var(--teal-dim);font-size:10px}.script-overlay-actions{gap:8px;display:flex}.script-tabs{border-bottom:1px solid var(--border-dim);background:var(--bg-mid);flex-shrink:0;display:flex}.script-tab{height:40px;font-family:var(--font-display);letter-spacing:.12em;color:var(--teal-dim);cursor:pointer;transition:color var(--transition), border-color var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;padding:0 28px;font-size:11px}.script-tab:hover{color:var(--teal)}.script-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.script-hint{font-family:var(--font-prose);color:var(--teal-dim);border-bottom:1px solid var(--border-dim);background:var(--bg-mid);flex-shrink:0;margin:0;padding:8px 24px;font-size:13px}.script-editor-wrap{flex:1;position:relative;overflow:hidden}.script-cm-mount{height:100%}.script-cm-mount .CodeMirror{background:var(--bg-dark);height:100%;font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:13px;line-height:1.6}.script-loading{font-family:var(--font-display);letter-spacing:.1em;color:var(--teal-dim);justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;inset:0}.script-console{border-top:1px solid var(--border-dim);background:var(--bg-dark);flex-shrink:0}.script-console-toggle{background:var(--bg-mid);border:none;border-bottom:1px solid var(--border-dim);width:100%;height:32px;font-family:var(--font-display);letter-spacing:.1em;color:var(--teal-dim);cursor:pointer;text-align:left;transition:color var(--transition);padding:0 16px;font-size:10px}.script-console-toggle:hover,.script-console.open .script-console-toggle{color:var(--teal)}.script-console-log{flex-direction:column;gap:3px;height:140px;padding:8px 16px;display:flex;overflow-y:auto}.script-console-empty{font-family:var(--font-prose);color:var(--teal-dim);font-size:12px;font-style:italic}.script-console-entry{white-space:pre-wrap;word-break:break-word;font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:12px;line-height:1.5}.script-console-entry--log{color:var(--teal)}.script-console-entry--warn{color:var(--gold)}.script-console-entry--error{color:var(--red)}.script-console-input-row{border-top:1px solid var(--border-dim);align-items:center;gap:8px;padding:8px 16px;display:flex}.script-console-prompt{color:var(--teal-dim);flex-shrink:0;font-family:monospace;font-size:13px}.script-console-input{background:var(--bg-mid);border:1px solid var(--border-dim);color:var(--teal);border-radius:3px;outline:none;flex:1;padding:4px 10px;font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:12px}.script-console-input:focus{border-color:var(--teal-dark)}@media (max-width:768px){#top-bar{padding:0 12px}#site-title{padding-right:10px;font-size:22px}#top-nav{gap:0;padding-left:10px}.top-nav-tab{padding:8px 12px;font-size:13px}.story-card,.journey-card{width:260px}#home-content{gap:36px;padding:80px 16px 40px}#profile-header{padding:32px 24px 24px}#profile-tabs{padding:0 24px}.edit-panel.active{margin:0 24px}#edit-tabs{padding:0 24px}#browse-content{padding:90px 20px 40px}#browse-grid{grid-template-columns:repeat(2,1fr)}#story-info{padding:32px 20px}#story-banner-info{left:20px;right:20px}}@media (max-width:480px){#top-bar{height:56px;padding:0 10px}#site-title{padding-right:8px;font-size:20px}#top-nav{gap:0;padding-left:8px}.top-nav-tab{letter-spacing:.08em;padding:6px 10px;font-size:12px}#top-right{flex-shrink:0;gap:4px;padding-left:8px}#top-left-group{flex:1;min-width:0;overflow:hidden}#top-left{flex-shrink:0}#top-nav{overflow:hidden}#session-title,#story-page-title,#journey-page-title,#edit-page-label,#home-username{max-width:28vw;font-size:16px;line-height:1.5}#page-label-stack{gap:3px}#page-label-context{font-size:10px}#save-status{padding-right:8px;font-size:14px}.script-overlay-label{letter-spacing:.08em;white-space:nowrap;font-size:15px}.action-btn{gap:4px;height:44px;padding:0 10px;font-size:11px}.icon-btn{width:38px;height:38px}.story-card,.journey-card{scroll-snap-align:start;flex-shrink:0;width:82vw;height:480px}#home-content{gap:28px;padding:68px 12px 32px}.home-section-title{font-size:17px}.carousel-btn{display:none}.carousel-wrapper{overflow:hidden}.carousel{scroll-snap-type:x mandatory;gap:12px;padding-right:20px}#save-status{display:none}#edit-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;justify-content:flex-start;margin-top:56px;padding:0;overflow-x:auto}#edit-tabs::-webkit-scrollbar{display:none}.edit-tab{letter-spacing:.1em;flex-shrink:0;padding:12px 20px;font-size:13px}.edit-panel.active{gap:24px;margin:0 16px}.edit-panel .sidebar-label{font-size:18px}.edit-panel .sidebar-hint{font-size:16px}.gear-menu{position:fixed;top:100px;right:0}.edit-panel #story-cards-list{grid-template-columns:repeat(2,1fr);gap:10px}.edit-panel .story-card,.edit-panel .codex-add-card{height:220px}.codex-title-row{flex-wrap:wrap;gap:8px}#profile-header{flex-direction:column;align-items:flex-start;gap:16px;margin-top:56px;padding:24px 16px 20px}#profile-avatar-placeholder{width:80px;height:80px;font-size:20px}#profile-username{font-size:24px}#profile-bio{max-width:100%;font-size:15px}#profile-badges{flex-wrap:wrap}#profile-tabs{flex-direction:column;align-items:flex-start;gap:0;padding:0}#profile-tab-list{scrollbar-width:none;-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--border-dim);justify-content:center;width:100%;padding:0 16px;overflow-x:auto}#profile-tab-list::-webkit-scrollbar{display:none}.profile-tab{letter-spacing:.1em;white-space:nowrap;flex-shrink:0;padding:12px 16px;font-size:13px}#profile-tab-controls{border-bottom:1px solid var(--border-dim);flex-wrap:wrap;gap:8px;width:100%;padding:10px 16px}.profile-search,#profile-sort-row{width:100%}#profile-sort-row .action-btn{flex:1;font-size:14px}.profile-panel.active{padding:24px 16px}.profile-grid{grid-template-columns:1fr;gap:12px}.profile-grid .story-card,.profile-grid .journey-card{width:100%;height:auto;min-height:220px}#browse-content{padding:72px 12px 32px}#browse-grid{grid-template-columns:1fr;gap:12px}#browse-search{max-width:100%}#browse-sort-row{flex-wrap:nowrap}#browse-sort-row .action-btn{flex:1;padding:0 6px;font-size:11px}#browse-grid .story-card{width:100%;height:auto;min-height:220px;padding-bottom:10px}#story-banner{height:240px;margin-top:56px}#story-banner-info{bottom:16px;left:16px;right:16px}#story-title,#journey-title{font-size:24px}#story-action-bar{flex-wrap:nowrap;height:48px;padding:0;overflow:hidden}#story-action-left{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:1;align-items:stretch;gap:0;min-width:0;padding-left:0;display:flex;overflow-x:auto}#story-action-left::-webkit-scrollbar{display:none}.story-info-tab{letter-spacing:.1em;flex-shrink:0;height:48px;padding:0 14px;font-size:11px}.story-action-spacer{flex:1;min-width:8px}.story-action-divider,#story-action-left .action-btn .btn-text{display:none}#story-action-left .action-btn{letter-spacing:0;border-left:1px solid var(--border-dim);border-radius:0;flex-shrink:0;align-self:center;height:42px;padding:0 14px;font-size:14px}#btn-play{letter-spacing:0;border-left:1px solid var(--border-dim);border-radius:0;flex-shrink:0;align-self:center;height:42px;padding:0 16px;font-size:14px}#btn-play .btn-play-text{display:none}#story-info{grid-template-columns:1fr;gap:24px;padding:24px 16px}#scroll-area{top:56px;bottom:80px}#prose-column{margin-bottom:56px;padding:24px 16px;line-height:24px}.turn-bot,.turn-user-text{font-size:18px}#bottom-bar{height:80px;padding:0 8px}#bottom-bar-buttons{width:100%}#bottom-bar-input{width:calc(100% - 32px);bottom:10px}.bar-btn-label{display:none}.bar-btn{clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);flex:1 1 0;justify-content:center;min-width:0;padding:0 8px}#bottom-bar-buttons>.bar-btn:first-child{clip-path:polygon(0% 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);padding-left:6px}#bottom-bar-buttons>.bar-btn:last-child{clip-path:polygon(8px 0%,100% 0%,100% 100%,0% 100%);padding-right:6px}.nav-journey-title{white-space:normal;text-overflow:unset;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-width:160px;font-size:16px;line-height:1.3;display:-webkit-box;overflow:hidden}#sidebar{width:100vw}}.acms-stage-body{flex-direction:column;gap:10px;margin-top:10px;display:flex}.acms-stage-determination{font-family:var(--font-prose);color:var(--teal);border-bottom:1px solid var(--border-dim);padding-bottom:6px;font-size:13px;font-style:italic;line-height:1.5}.acms-stage-section{flex-direction:column;gap:3px;display:flex}.acms-stage-section-label{font-family:var(--font-display);letter-spacing:.1em;color:var(--teal-dim);text-transform:uppercase;font-size:9px}.acms-stage-section-text{font-family:var(--font-prose);color:var(--teal-dim);font-size:13px;line-height:1.5}.collection-item-list{border:1px solid var(--border-dim);border-radius:4px;flex-direction:column;display:flex;overflow:hidden}.collection-item-row{background:var(--bg-dark);border-bottom:1px solid var(--border-dim);cursor:grab;transition:background var(--transition);align-items:center;gap:10px;padding:10px 12px;display:flex}.collection-item-row:last-child{border-bottom:none}.collection-item-row:hover{background:var(--bg-mid)}.collection-item-row:active{cursor:grabbing}.collection-item-drag{color:var(--teal-dim);cursor:grab;opacity:.5;flex-shrink:0;font-size:14px}.collection-item-type{font-family:var(--font-display);letter-spacing:.12em;color:var(--teal-dim);flex-shrink:0;width:52px;font-size:9px}.collection-item-title{font-family:var(--font-display);letter-spacing:.04em;color:var(--teal);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.collection-item-journey-note{font-family:var(--font-display);letter-spacing:.1em;color:var(--green);opacity:.7;flex-shrink:0;font-size:9px}.collection-item-remove{color:var(--teal-dim);cursor:pointer;transition:color var(--transition), background var(--transition);background:0 0;border:none;border-radius:3px;flex-shrink:0;padding:2px 4px;font-size:11px;line-height:1}.collection-item-remove:hover{color:var(--red);background:#b43c3c1a}.tp-overlay{z-index:800;background:#000000b3;position:fixed;inset:0}.tp-modal{background:var(--bg-mid);border:1px solid var(--gold);width:calc(100% - 48px);max-width:640px;box-shadow:var(--glow-gold-lg);z-index:801;border-radius:8px;flex-direction:column;gap:16px;padding:20px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.tp-header{justify-content:space-between;align-items:center;display:flex}.tp-title{font-family:var(--font-display);letter-spacing:.2em;color:var(--gold);font-size:12px}.tp-hint{font-family:var(--font-prose);color:var(--teal-dim);margin-top:-8px;font-size:14px}.tp-frame{aspect-ratio:16/6;border:1px solid var(--border-mid);cursor:grab;-webkit-user-select:none;user-select:none;background:var(--bg-dark);border-radius:4px;width:100%;position:relative;overflow:hidden}.tp-frame:active{cursor:grabbing}.tp-img{object-fit:cover;pointer-events:none;width:100%;height:100%;transition:object-position 50ms;display:block}.tp-crosshair{pointer-events:none;border:1px solid #ffffff4d;border-radius:50%;width:24px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tp-crosshair:before,.tp-crosshair:after{content:"";background:#ffffff4d;position:absolute}.tp-crosshair:before{width:1px;height:12px;top:50%;left:50%;transform:translate(-50%,-50%)}.tp-crosshair:after{width:12px;height:1px;top:50%;left:50%;transform:translate(-50%,-50%)}.tp-footer{justify-content:space-between;align-items:center;display:flex}.tp-pos-label{font-family:var(--font-display);letter-spacing:.1em;color:var(--teal-dim);font-size:11px}.tp-control-row{align-items:center;gap:10px;padding:6px 0;display:flex}.tp-control-label{font-family:var(--font-display);letter-spacing:.12em;color:var(--teal-dim);flex-shrink:0;width:72px;font-size:10px}.tp-control-value{font-family:var(--font-display);color:var(--teal);text-align:right;flex-shrink:0;width:44px;font-size:11px}.tp-slider{accent-color:var(--teal);cursor:pointer;flex:1;height:3px}.badge-display{align-items:center;gap:4px;display:flex}.badge-display-slot{background:var(--bg-mid);border:1px solid;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:flex}.badge-display-slot--empty{border-color:var(--border-dim);opacity:.5}.badge-picker-modal{background:var(--bg-mid);border:1px solid var(--gold);width:calc(100% - 48px);max-width:460px;max-height:80vh;box-shadow:var(--glow-gold-lg);z-index:701;border-radius:8px;flex-direction:column;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.bp-slots{flex-shrink:0;gap:12px;padding:16px;display:flex}.bp-slot{border:1px dashed var(--border-mid);background:var(--bg-deep);cursor:pointer;min-height:80px;transition:border-color var(--transition), background var(--transition);border-radius:6px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 4px;display:flex}.bp-slot--filled{background:var(--bg-mid);border-style:solid}.bp-slot--filled:hover{border-color:var(--red-dim);background:#e080800f}.bp-slot--empty{border-color:var(--border-dim)}.bp-pool{scrollbar-width:thin;scrollbar-color:var(--border-mid) transparent;flex-direction:column;flex:1;gap:2px;min-height:80px;padding:12px 16px;display:flex;overflow-y:auto}.bp-badge{cursor:pointer;transition:background var(--transition);-webkit-user-select:none;user-select:none;border-radius:4px;align-items:center;gap:12px;padding:8px 10px;display:flex}.bp-badge:hover{background:#a68e4714}.bp-badge-icon{text-align:center;flex-shrink:0;width:24px;font-size:20px;line-height:1}.bp-badge-info{flex-direction:column;gap:1px;display:flex}.bp-badge-name{font-family:var(--font-display);letter-spacing:.06em;color:var(--teal);font-size:13px;font-weight:600}.bp-badge-rarity{font-family:var(--font-prose);letter-spacing:.1em;text-transform:uppercase;font-size:11px}.bp-footer{border-top:1px solid var(--border-dim);flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;padding:12px 16px;display:flex}.user-title{font-family:var(--font-display);color:var(--gold-light);letter-spacing:.08em;font-size:17px;font-style:italic;font-weight:400}.title-picker{flex-direction:column;gap:6px;margin-top:8px;display:flex}.title-option{background:var(--bg-mid);border:1px solid var(--border-dim);cursor:pointer;text-align:left;transition:border-color var(--transition), background var(--transition);border-radius:4px;flex-direction:column;gap:2px;padding:10px 14px;display:flex}.title-option:hover{border-color:var(--border-mid);background:#a68e470a}.title-option.active{border-color:var(--gold);box-shadow:var(--glow-gold)}.title-option-name{font-family:var(--font-display);letter-spacing:.1em;color:var(--teal);font-size:14px;font-weight:600}.title-option.active .title-option-name{color:var(--gold)}.title-option-desc{font-family:var(--font-prose);color:var(--teal-dim);font-size:12px}.badge-display-edit-btn{align-self:flex-start}.theme-section-divider{background:var(--border-dim);width:100%;height:1px;margin:16px 0 8px}.theme-section-label{font-family:var(--font-display);letter-spacing:.2em;color:var(--teal-dim);margin-bottom:4px;font-size:11px;display:block}.theme-option--locked{opacity:.6;cursor:not-allowed}.theme-option--locked:hover{border-color:var(--border-dim);box-shadow:none}.theme-swatch-lock{z-index:1;filter:drop-shadow(0 1px 3px #000c);font-size:18px;position:absolute}.notif-page{max-width:680px;margin:0 auto;padding:32px 24px 64px}.notif-page-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.notif-page-title{font-family:var(--font-title);letter-spacing:.25em;color:var(--gold);font-size:13px}.notification-row{border-bottom:1px solid var(--border-dim);cursor:pointer;align-items:center;gap:12px;padding:12px 0;display:flex;position:relative}.notification-row:hover{background:#a68e470a}.notification-row--unread{border-left:3px solid var(--gold);padding-left:10px}.notification-avatar-wrap{flex-shrink:0}.notification-avatar{object-fit:cover;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.notification-avatar--placeholder{background:var(--bg-bar);color:var(--teal-dim);border:1px solid var(--border-dim);font-size:12px}.notification-row-body{flex-direction:column;flex:1;gap:3px;display:flex}.notification-text{color:var(--teal);font-size:16px;line-height:1.4}.notification-text strong{color:var(--gold)}.notification-text em{color:var(--teal);font-style:italic}.notification-preview{color:var(--teal-dim);font-style:italic}.notification-time{color:var(--teal-dim);font-size:16px}.notification-unread-dot{background:var(--gold);border-radius:50%;flex-shrink:0;width:7px;height:7px}.notification-date-group{letter-spacing:.2em;color:var(--teal-dark);text-transform:uppercase;padding:18px 0 6px;font-size:24px}.notifications-empty{text-align:center;color:var(--teal-dim);padding:48px 0;font-size:13px}#notification-panel-footer{border-top:1px solid var(--border-dim);text-align:center;padding:10px 14px}.notification-view-all{letter-spacing:.1em;color:var(--teal-dim);font-size:16px;text-decoration:none}.notification-view-all:hover{color:var(--teal)}.dash-page{max-width:860px;margin:0 auto;padding:128px 24px 64px}.dash-header{align-items:center;gap:20px;margin-bottom:32px;display:flex}.dash-title{font-family:var(--font-title);letter-spacing:.25em;color:var(--gold);font-size:24px}.dash-stats{flex-wrap:wrap;gap:12px;margin-bottom:36px;display:flex}.dash-stat-card{background:var(--bg-deep);border:1px solid var(--border-dim);border-radius:4px;flex-direction:column;flex:140px;gap:6px;padding:16px 20px;display:flex}.dash-stat-row{align-items:center;gap:10px;line-height:1;display:flex}.dash-stat-icon{width:28px;height:28px;color:var(--gold);opacity:.6;flex-shrink:0;display:block}.dash-stat-value{font-family:var(--font-title);color:var(--gold);letter-spacing:.05em;font-size:24px}.dash-stat-label{letter-spacing:.15em;color:var(--teal-dim);text-transform:uppercase;font-size:21px}.dash-section{margin-bottom:36px}.dash-section-label{letter-spacing:.2em;color:var(--teal-darkest);text-transform:uppercase;margin-bottom:14px;font-size:32px;display:block}.dash-chart{flex-direction:column;gap:10px;display:flex}.dash-bar-group{flex-direction:column;gap:4px;display:flex}.dash-bar-track{background:var(--bg-bar);border-radius:2px;height:10px;overflow:hidden}.dash-bar-fill{background:var(--gold-dim);border-radius:2px;min-width:2px;height:100%;transition:width .3s}.dash-bar-meta{justify-content:space-between;align-items:baseline;display:flex}.dash-bar-label{color:var(--teal-dim);white-space:nowrap;text-overflow:ellipsis;max-width:70%;font-size:11px;overflow:hidden}.dash-bar-count{color:var(--teal);font-variant-numeric:tabular-nums;font-size:11px}.dash-bar-sublabel{font-family:var(--font-display);letter-spacing:.1em;color:var(--teal-dim);flex-shrink:0;width:40px;font-size:9px}.dash-bar-fill--actions{background:var(--teal-dark)}.dash-table-wrap{overflow-x:auto}.dash-table{border-collapse:collapse;width:100%;font-size:12px}.dash-th{text-align:left;letter-spacing:.15em;color:var(--teal-dim);text-transform:uppercase;border-bottom:1px solid var(--border-mid);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;padding:8px 12px;font-size:9px}.dash-th--title{width:40%}.dash-th:hover{color:var(--teal)}.dash-sort-arrow{opacity:.4;margin-left:4px;font-size:10px}.dash-sort-arrow.active{opacity:1;color:var(--gold)}.dash-tr:hover{background:#a68e470a}.dash-td{color:var(--teal);border-bottom:1px solid var(--border-dim);font-variant-numeric:tabular-nums;padding:10px 12px}.dash-td--title{color:var(--teal);font-weight:500}.dash-empty{color:var(--teal-dim);padding:24px 0;font-size:16px}@media (max-width:600px){.dash-stats{gap:8px}.dash-stat-card{flex:100px;padding:12px 14px}.dash-stat-value{font-size:18px}.notif-page,.dash-page{padding:20px 16px 48px}}.tag-input-wrapper{flex-direction:column;gap:8px;display:flex}.tag-input-row{gap:8px;display:flex;position:relative}.tag-input-field{flex:1}.tag-add-btn{min-width:44px;height:48px;padding:0 14px}.tag-suggestions{background:var(--bg-mid);border:1px solid var(--border-mid);z-index:200;border-radius:4px;max-height:200px;margin-top:2px;position:absolute;top:100%;left:0;right:40px;overflow-y:auto}.tag-suggestion-item{cursor:pointer;color:var(--teal);justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;display:flex}.tag-suggestion-item:hover{color:var(--gold);background:#a68e4714}.tag-suggestion-count{color:var(--teal-dark);font-size:11px}.tag-pills{flex-wrap:wrap;gap:6px;display:flex}.tag-pill{border:1px solid var(--border-mid);letter-spacing:.08em;color:var(--teal);font-size:11px;font-family:var(--font-display);background:#a68e471a;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;display:flex}.tag-pill-remove{cursor:pointer;color:var(--teal-dark);background:0 0;border:none;padding:0;font-size:10px;line-height:1}.tag-pill-remove:hover{color:var(--red)}.tag-counter{color:var(--teal-dark);text-align:right;font-size:11px}.rating-group{flex-direction:column;gap:6px;margin-top:4px;display:flex}.rating-option{cursor:pointer;border:1px solid var(--border-dim);font-family:var(--font-display);color:var(--teal);transition:background var(--transition), border-color var(--transition);border-radius:3px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex}.rating-option:hover{border-color:var(--border-mid);background:#91b5ab0a}.rating-option.active{border-color:var(--gold-dim);color:var(--gold);background:#a68e470f}.rating-option--adult{color:var(--red-dim)}.rating-option--adult.active{color:var(--red);border-color:var(--red-dim);background:#e080800f}.rating-option input[type=radio]{accent-color:var(--gold);flex-shrink:0;width:14px;height:14px}.rating-option--adult input[type=radio]{accent-color:var(--red)}.rating-option-label{letter-spacing:.06em;min-width:60px;font-weight:600}.rating-option-desc{color:var(--teal-dim);font-size:12px}.rating-option--adult .rating-option-desc{color:var(--red-dim)}.browse-rating-row,.browse-tag-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.browse-rating-label{font-family:var(--font-display);letter-spacing:.15em;color:var(--teal-dim);border-right:1px solid var(--border-dim);white-space:nowrap;padding-right:8px;font-size:12px}.browse-rating-check{font-family:var(--font-display);color:var(--teal);cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.browse-rating-check input[type=checkbox]{accent-color:var(--gold);width:13px;height:13px}.browse-rating-check--adult{color:var(--red-dim)}.browse-rating-check--adult input[type=checkbox]{accent-color:var(--red)}.browse-rating-check--disabled{opacity:.4;cursor:not-allowed}.browse-active-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.browse-tag-filter-input-wrap{flex:1;min-width:180px;position:relative}.blibly-btn{color:var(--teal-dim)}.blibly-btn:hover{color:var(--teal)}.theme-swatch{position:relative}.filter-btn{border:1px solid var(--border-mid);color:var(--teal-dim);font-family:var(--font-display);letter-spacing:.12em;cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:10px;transition:border-color .15s,color .15s;display:flex;position:relative}.filter-btn:hover{border-color:var(--gold);color:var(--teal)}.filter-btn--active{border-color:var(--gold);color:var(--gold)}.filter-active-dot{background:var(--gold);border-radius:50%;width:6px;height:6px;position:absolute;top:-2px;right:-2px}.modal-overlay{z-index:600;background:#000000b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-mid);border:1px solid var(--border-mid);border-radius:6px;flex-direction:column;gap:12px;width:min(500px,100%);max-height:80vh;padding:24px;display:flex;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-title{font-family:var(--font-display);letter-spacing:.12em;color:var(--gold);font-size:18px;font-weight:700}.feedback-check-row{font-family:var(--font-display);color:var(--teal-dim);cursor:pointer;align-items:center;gap:8px;padding:4px 0;font-size:13px;display:flex}.feedback-check-row input[type=checkbox]{accent-color:var(--gold)}.op-table{border-collapse:collapse;width:100%;font-family:var(--font-display);font-size:14px}.op-table th{text-align:left;letter-spacing:.12em;color:var(--teal-dim);border-bottom:1px solid var(--border-mid);padding:8px 12px;font-size:11px;font-weight:600}.op-row{cursor:pointer;border-bottom:1px solid var(--border-dim);transition:background .15s}.op-row:hover{background:#a68e470a}.op-row td{color:var(--teal);vertical-align:middle;padding:10px 12px}.op-row-expanded>td{border-bottom:1px solid var(--border-mid);padding:0}.op-expanded-content{background:var(--bg-deep);flex-direction:column;gap:10px;padding:16px;display:flex}.op-expanded-body{font-family:var(--font-prose);color:var(--teal);white-space:pre-wrap;font-size:15px;line-height:1.6}.op-metadata{flex-wrap:wrap;gap:8px;display:flex}.op-meta-tag{border:1px solid var(--border-mid);font-family:var(--font-display);color:var(--teal-dim);background:#a68e4714;border-radius:4px;padding:3px 8px;font-size:12px}.op-uuid{color:var(--teal-dark);letter-spacing:.03em;font-family:Courier New,monospace;font-size:11px}.op-uuid-row{color:var(--teal-dark);letter-spacing:.03em;flex-direction:column;gap:3px;font-family:Courier New,monospace;font-size:11px;display:flex}.op-snapshot{background:var(--bg-mid);border:1px solid var(--border-dim);font-family:var(--font-display);color:var(--teal-dim);border-radius:4px;flex-direction:column;gap:6px;padding:12px;font-size:13px;display:flex}.op-snapshot-label{letter-spacing:.12em;color:var(--gold);margin-bottom:2px;font-size:11px;font-weight:600}.op-snapshot p{color:var(--teal-dim)}.op-snapshot p strong{color:var(--teal)}.op-controls{border-top:1px solid var(--border-dim);flex-direction:column;gap:8px;padding-top:12px;display:flex}.op-status-badge{font-family:var(--font-display);letter-spacing:.12em;font-size:11px;font-weight:700}.op-status-select{max-width:200px;padding:6px 10px;font-size:13px}.filter-menu{background:var(--bg-mid);border:1px solid var(--border-mid);z-index:300;border-radius:6px;flex-direction:column;gap:12px;min-width:240px;padding:12px;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 4px 20px #0000004d}.filter-menu-section-label{font-family:var(--font-display);letter-spacing:.2em;color:var(--teal-dark);border-bottom:1px solid var(--border-dim);margin-bottom:4px;padding-bottom:6px;font-size:9px}.filter-reset-btn{border:1px solid var(--border-dim);width:100%;color:var(--teal-dim);font-family:var(--font-display);letter-spacing:.12em;cursor:pointer;background:0 0;border-radius:3px;margin-top:4px;padding:7px;font-size:9px;transition:border-color .15s,color .15s}.filter-reset-btn:hover{border-color:var(--red-dim);color:var(--red)}.operator-toggle-btn{cursor:pointer;color:var(--teal-dark);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:color .15s,box-shadow .15s;display:flex}.operator-toggle-btn:hover{color:var(--teal);box-shadow:0 0 8px #00c8b440}.blibly-float-btn{z-index:250;background:var(--bg-dark);border:1px solid var(--gold-dim);cursor:pointer;width:48px;height:48px;color:var(--gold);transition:background var(--transition), box-shadow var(--transition), border-color var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 2px 16px #0006}.blibly-float-btn:hover{box-shadow:var(--glow-gold-lg);border-color:var(--gold);background:#a68e471a}.blibly-drawer{z-index:250;background:var(--bg-dark);border:1px solid var(--border-mid);border-radius:8px;flex-direction:column;width:360px;height:520px;display:flex;position:fixed;bottom:84px;right:24px;overflow:hidden;box-shadow:0 8px 32px #00000080}.blibly-header{border-bottom:1px solid var(--border-dim);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.blibly-title{font-family:var(--font-display);letter-spacing:.2em;color:var(--gold);font-size:14px;font-weight:700}.blibly-close-btn{cursor:pointer;color:var(--teal-dim);transition:color var(--transition);background:0 0;border:none;border-radius:3px;align-items:center;padding:4px;display:flex}.blibly-close-btn:hover{color:var(--teal)}.blibly-messages{scrollbar-width:thin;scrollbar-color:var(--border-mid) transparent;flex-direction:column;flex:1;gap:10px;padding:12px 14px;display:flex;overflow-y:auto}.blibly-messages::-webkit-scrollbar{width:4px}.blibly-messages::-webkit-scrollbar-track{background:0 0}.blibly-messages::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:2px}.blibly-empty{font-family:var(--font-prose);color:var(--teal-dark);text-align:center;padding:24px 0;font-size:14px;font-style:italic}.blibly-msg{font-family:var(--font-prose);word-break:break-word;border-radius:6px;max-width:92%;padding:8px 12px;font-size:14px;line-height:1.6}.blibly-msg--user{border:1px solid var(--gold-dim);color:var(--teal);background:#a68e471a;align-self:flex-end}.blibly-msg--assistant{background:var(--bg-mid);border:1px solid var(--border-dim);color:var(--teal);align-self:flex-start}.blibly-msg--assistant strong{color:var(--gold-light)}.blibly-msg--assistant em{color:var(--teal-dim);font-style:italic}.blibly-msg--assistant code{background:var(--bg-deep);color:var(--gold-light);border-radius:3px;padding:1px 5px;font-family:Courier New,monospace;font-size:12px}.blibly-typing{align-items:center;gap:5px;padding:12px 14px;display:flex}.blibly-dot{background:var(--teal-dim);border-radius:50%;width:6px;height:6px;animation:1.2s infinite blibly-bounce}.blibly-dot:nth-child(2){animation-delay:.2s}.blibly-dot:nth-child(3){animation-delay:.4s}@keyframes blibly-bounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.blibly-input-row{border-top:1px solid var(--border-dim);flex-shrink:0;align-items:flex-end;gap:8px;padding:10px 12px;display:flex}.blibly-input{background:var(--bg-mid);border:1px solid var(--border-dim);color:var(--teal);font-family:var(--font-prose);resize:none;max-height:100px;transition:border-color var(--transition);border-radius:4px;outline:none;flex:1;padding:8px 10px;font-size:14px;line-height:1.5;overflow-y:auto}.blibly-input:focus{border-color:var(--gold)}.blibly-input::placeholder{color:var(--teal-dark);font-style:italic}.blibly-send-btn{border:1px solid var(--gold-dim);cursor:pointer;width:36px;height:36px;color:var(--gold);transition:background var(--transition), box-shadow var(--transition);background:#a68e471a;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.blibly-send-btn:hover{box-shadow:var(--glow-gold);background:#a68e4733}.blibly-send-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.op-ctx-form{background:var(--bg-mid);border:1px solid var(--border-dim);border-radius:6px;flex-direction:column;gap:14px;margin-top:4px;padding:16px;display:flex}.op-test-chat{background:var(--bg-mid);border:1px solid var(--border-dim);scrollbar-width:thin;scrollbar-color:var(--border-mid) transparent;border-radius:6px;flex-direction:column;gap:10px;min-height:120px;max-height:320px;padding:12px;display:flex;overflow-y:auto}.op-test-chat::-webkit-scrollbar{width:4px}.op-test-chat::-webkit-scrollbar-track{background:0 0}.op-test-chat::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:2px}.op-test-msg{font-family:var(--font-prose);color:var(--teal);flex-direction:column;gap:3px;font-size:14px;line-height:1.6;display:flex}.op-test-role{letter-spacing:.15em;color:var(--teal-dark);font-size:10px;font-weight:700}.op-test-msg--user .op-test-role{color:var(--gold-dim)}.op-test-msg--assistant .op-test-role{color:var(--teal-dim)}.op-stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-top:20px;display:grid}.op-stat-card{border:1px solid var(--border-dim);background:#a68e470d;border-radius:8px;flex-direction:column;gap:6px;padding:18px 20px;display:flex}.op-stat-label{font-family:var(--font-display);letter-spacing:.08em;color:var(--teal-dark);font-size:10px}.op-stat-value{font-family:var(--font-display);color:var(--teal);font-size:22px;font-weight:700}.op-filter-row{flex-wrap:wrap;gap:20px;margin-top:12px;display:flex}.op-filter-btn{font-family:var(--font-display);letter-spacing:.06em;border-radius:4px;height:28px;padding:4px 12px;font-size:11px;transition:background .15s,color .15s}.op-filter-btn.active{color:var(--gold);background:#a68e4726;border-color:#a68e4766}.op-pagination{align-items:center;gap:16px;margin-top:14px;display:flex}#blibly-overlay{z-index:199;background:#00000080;position:fixed;inset:0}#mobile-topbar{background:var(--bg-dark);border-bottom:1px solid var(--gold);z-index:100;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:none;position:fixed;top:0;left:0;right:0}#mobile-topbar-left{align-items:center;gap:8px;display:flex}#mobile-topbar-right{align-items:center;gap:12px;display:flex}#mobile-site-title{font-family:var(--font-title);letter-spacing:.15em;color:var(--teal);font-size:20px;font-weight:700}#mobile-notif-badge{background:var(--red);color:#fff;pointer-events:none;border-radius:10px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}#mobile-bottomnav{background:var(--bg-dark);border-top:1px solid var(--gold);z-index:300;justify-content:space-around;align-items:center;height:64px;padding:0 16px;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{font-family:var(--font-display);letter-spacing:.1em;color:var(--teal-dim);transition:color var(--transition);flex-direction:column;flex:1;align-items:center;gap:4px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.mobile-nav-item.active,.mobile-nav-item:hover{color:var(--gold)}#mobile-blibly-fab{background:var(--bg-dark);border:2px solid var(--gold);width:60px;height:60px;box-shadow:var(--glow-gold-lg);cursor:pointer;color:var(--gold);transition:box-shadow var(--transition), border-color var(--transition), color var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:20px;display:flex}#mobile-blibly-fab:hover,#mobile-blibly-fab.active{box-shadow:0 0 0 2px var(--gold), 0 0 32px #a68e4766;border-color:var(--gold-light)}.blibly-drawer-handle{background:var(--gold);opacity:.5;border-radius:2px;flex-shrink:0;width:40px;height:4px;margin:12px auto 0;display:none}@media (min-width:769px){.blibly-drawer{visibility:hidden;opacity:0;pointer-events:none;transition:opacity var(--transition), visibility var(--transition)}.blibly-drawer.blibly-drawer--open{visibility:visible;opacity:1;pointer-events:all}}@media (max-width:768px){#top-bar{display:none!important}#mobile-topbar,#mobile-bottomnav{display:flex}#home-content,#browse-content{padding-top:72px;padding-bottom:80px}.blibly-float-btn{display:none!important}.blibly-drawer{border:none;border-top:1px solid var(--gold);visibility:hidden;pointer-events:none;border-radius:16px 16px 0 0;width:100%;height:70vh;transition:transform .3s,visibility .3s;bottom:64px;left:0;right:0;transform:translateY(100%)}.blibly-drawer.blibly-drawer--open{visibility:visible;pointer-events:all;transform:translateY(0)}.blibly-input-row{padding-bottom:max(12px, env(safe-area-inset-bottom))}.blibly-drawer-handle{display:block}#user-dropdown{top:64px;right:16px}.play-page #top-bar,.edit-page #top-bar{display:flex!important}}.store-page{max-width:1100px;margin:0 auto;padding:48px 32px 80px;overflow-x:hidden}.store-hero{text-align:center;border:1px solid var(--border-mid);background:linear-gradient(160deg, var(--bg-deep) 0%, color-mix(in srgb, var(--teal) 4%, var(--bg-deep)) 100%);border-radius:6px;margin-top:48px;margin-bottom:48px;padding:48px 24px 56px;position:relative;overflow:hidden}.store-hero:before{content:"";background:radial-gradient(ellipse 60% 40% at 50% 0%, color-mix(in srgb, var(--teal) 8%, transparent), transparent);pointer-events:none;position:absolute;inset:0}.store-hero-eyebrow{font-family:var(--font-display);letter-spacing:.25em;color:var(--teal-dim);margin-bottom:12px;font-size:12px}.store-hero-title{font-family:var(--font-display);color:var(--teal);letter-spacing:.08em;margin:0;font-size:clamp(42px,7vw,72px);line-height:1}.store-hero-divider{margin:16px 0}.store-hero-ornament{color:var(--gold-dim);font-size:24px;display:inline-block}.store-hero-blurb{font-family:var(--font-prose);color:var(--teal-dim);max-width:520px;margin:0 auto 24px;font-size:15px;line-height:1.7}.blibly-shop-portrait{justify-content:center;align-items:center}.store-hero-wip-badge{font-family:var(--font-display);letter-spacing:.2em;color:var(--gold);border:1px solid var(--gold-dim);border-radius:2px;padding:4px 10px;font-size:10px;display:inline-block}.store-carousels{flex-direction:column;gap:40px;display:flex}.store-carousel-section{flex-direction:column;gap:14px;display:flex}.store-carousel-header{align-items:center;gap:12px;display:flex}.store-carousel-icon{color:var(--teal-dim);flex-shrink:0;font-size:20px;line-height:1}.store-carousel-title{font-family:var(--font-display);letter-spacing:.12em;color:var(--teal);margin:0 0 2px;font-size:16px}.store-carousel-subtitle{font-family:var(--font-prose);color:var(--teal-dark);margin:0;font-size:12px}.store-coming-soon-pill{font-family:var(--font-display);letter-spacing:.15em;color:var(--teal-dim);border:1px solid var(--border-mid);border-radius:2px;flex-shrink:0;margin-left:auto;padding:3px 8px;font-size:10px}.store-skeleton-card{background:var(--bg-deep);border:1px solid var(--border-dim);border-radius:6px;flex-direction:column;flex-shrink:0;align-items:center;gap:10px;width:130px;padding:16px 14px;display:flex}.store-skeleton-card--titles{width:180px}.skel{background:linear-gradient(90deg, var(--border-dim) 25%, color-mix(in srgb, var(--border-mid) 60%, var(--bg-deep)) 50%, var(--border-dim) 75%);background-size:200% 100%;border-radius:3px;animation:1.8s infinite shimmer}.skel-icon{border-radius:50%;width:52px;height:52px}.store-skeleton-card--titles .skel-icon{border-radius:3px;width:80%;height:18px}.skel-name{width:75%;height:11px}.skel-price{opacity:.6;width:45%;height:10px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.settings-card{background:var(--bg-mid);border:1px solid var(--border-dim);border-radius:8px;padding:12px}.settings-card-logo{flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.settings-accordion{border:1px solid var(--border-dim);border-radius:6px;margin-bottom:8px;overflow:hidden}.settings-accordion-header{cursor:pointer;width:100%;font-family:var(--font-display);letter-spacing:.12em;color:var(--text-dim);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:10px 12px;font-size:11px;display:flex}.settings-accordion-header:hover{color:var(--text-main);background:#ffffff08}.settings-accordion-body{border-top:1px solid var(--border-dim);flex-direction:column;gap:6px;padding:10px 12px 14px;display:flex}.accordion-chevron{color:var(--text-dim);font-size:16px;transition:transform .15s;display:inline-block}.accordion-chevron.open{transform:rotate(90deg)}.settings-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.theme-swatch-btn{background:var(--bg-mid);border:1px solid var(--border-dim);font-family:var(--font-display);letter-spacing:.08em;color:var(--text-dim);cursor:pointer;transition:border-color var(--transition), color var(--transition);border-radius:4px;justify-self:center;padding:8px 4px;font-size:10px}.theme-swatch-btn:hover{border-color:var(--border-mid);color:var(--text-main)}.theme-swatch-btn.active{border-color:var(--gold);color:var(--gold);box-shadow:var(--glow-gold)}.carousel>:first-child .skel{animation-delay:0s}.carousel>:nth-child(2) .skel{animation-delay:.15s}.carousel>:nth-child(3) .skel{animation-delay:.3s}.carousel>:nth-child(4) .skel{animation-delay:.45s}.carousel>:nth-child(5) .skel{animation-delay:.6s}.carousel>:nth-child(6) .skel{animation-delay:.75s}.carousel>:nth-child(7) .skel{animation-delay:.9s}.tutorial-dim-overlay{z-index:900;pointer-events:none;background:#000000b8;position:fixed;inset:0}.tutorial-highlighted{border-radius:6px;animation:1.8s ease-in-out infinite tutorial-pulse;position:relative;z-index:901!important}@keyframes tutorial-pulse{0%{box-shadow:0 0 #a68e47b3,0 0 #a68e474d}50%{box-shadow:0 0 0 6px #a68e474d,0 0 0 12px #a68e471a}to{box-shadow:0 0 #a68e4700,0 0 #a68e4700}}.tutorial-bubble{z-index:902;pointer-events:all;width:calc(100% - 48px);max-width:520px;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}.tutorial-bubble-inner{background:var(--bg-mid);border:1px solid var(--gold);box-shadow:var(--glow-gold-lg);border-radius:8px;align-items:flex-start;gap:16px;padding:20px;display:flex}.tutorial-portrait{object-fit:cover;border-radius:4px;flex-shrink:0;width:64px;height:64px}.tutorial-speech{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.tutorial-text{font-family:var(--font-prose);color:var(--teal);white-space:pre-wrap;max-height:220px;font-size:15px;line-height:1.6;overflow-y:auto}.tutorial-action{font-family:var(--font-display);color:var(--gold);letter-spacing:.08em;font-size:12px}.tutorial-controls{justify-content:space-between;align-items:center;gap:12px;display:flex}.tutorial-skip-btn{font-family:var(--font-display);letter-spacing:.08em;color:var(--teal-dim);cursor:pointer;background:0 0;border:none;padding:0;font-size:11px}.tutorial-skip-btn:hover{color:var(--teal)}.tutorial-prompt-overlay{z-index:950;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tutorial-prompt{background:var(--bg-mid);border:1px solid var(--gold);box-shadow:var(--glow-gold-lg);text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:20px;width:calc(100% - 48px);max-width:480px;padding:32px;display:flex}.tutorial-page{flex-direction:column;gap:24px;max-width:800px;margin:0 auto;padding:40px 24px;display:flex}.tutorial-browse-header{align-items:center;gap:12px;display:flex}.tutorial-browse-label{font-family:var(--font-display);letter-spacing:.2em;color:var(--gold);font-size:13px}.tutorial-stories-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.tutorial-story-cover{object-fit:cover;border:1px solid var(--border-dim);border-radius:6px;width:100%;max-height:280px}.tutorial-story-title{font-family:var(--font-display);letter-spacing:.1em;color:var(--gold);font-size:24px}.tutorial-story-desc{font-family:var(--font-prose);color:var(--teal);font-size:16px;line-height:1.7}.carousel>:nth-child(8) .skel{animation-delay:1.05s}.choice-codex-panel .story-card{height:240px;padding:10px}.choice-codex-panel .cx-card-snippet{overflow:hidden}@media (max-width:768px){.choice-codex-panel{padding:15px}}.codex-mobile-actions{flex-wrap:wrap;gap:6px;padding:0 0 8px;display:flex}.story-card--selected{background:#91b5ab14}.codex-check{color:var(--teal);flex-shrink:0;font-size:11px;font-weight:700}.cx-card-menu-btn{border:1px solid var(--gold);cursor:pointer;color:var(--gold);width:27px;height:27px;transition:background var(--transition);background:#b48c321a;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;display:flex}.cx-card-menu-btn:hover{background:#b48c3238}.cx-card-menu-btn--sel{pointer-events:none;cursor:default}.codex-context-menu{background:var(--bg-mid);border:1px solid var(--border-mid);box-shadow:var(--glow-gold-lg);z-index:1000;border-radius:6px;flex-direction:column;min-width:160px;display:flex;overflow:hidden}.codex-context-item{cursor:pointer;text-align:left;font-family:var(--font-display);letter-spacing:.06em;color:var(--teal);transition:background var(--transition);background:0 0;border:none;padding:10px 14px;font-size:12px}.codex-context-item:hover{background:#91b5ab14}.codex-context-item--danger{color:var(--red)}.codex-context-item--danger:hover{background:#c8505014}.codex-context-divider{background:var(--border-dim);height:1px;margin:4px 0}.codex-confirm-overlay{z-index:1001;background:#00000080;position:fixed;inset:0}.codex-confirm-modal{z-index:1002;background:var(--bg-mid);border:1px solid var(--gold);box-shadow:var(--glow-gold-lg);border-radius:8px;flex-direction:column;gap:12px;min-width:280px;max-width:360px;padding:24px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.codex-confirm-label{font-family:var(--font-display);letter-spacing:.08em;color:var(--gold);font-size:14px}.codex-confirm-hint{font-family:var(--font-prose);color:var(--teal-dim);font-size:13px;font-style:italic}.codex-confirm-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.action-btn.danger{border-color:var(--red);color:var(--red)}.action-btn.danger:hover{background:#c850501a}.sidebar-btn.danger{color:var(--red);border-color:var(--red)}.sidebar-btn.danger:hover{background:#c8505014}.carousel>:nth-child(9) .skel{animation-delay:1.2s}