:root{--gold:#a68e47;--gold-light:#c8a84e;--gold-dim:#5a4e28;--teal:#91b5ab;--teal-dim:#5a7a6e;--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}[data-theme=dark]{--gold:#a68e47;--gold-light:#c8a84e;--gold-dim:#5a4e28;--teal:#acacac;--teal-dim:#a0a0a0;--teal-dark:#8b8b8b;--teal-darkest:#a0a0a0;--red:#e08080;--red-dim:#7a4040;--green:#7ecfa8;--bg-page:#1f1f1f;--bg-dark:#131313;--bg-mid:#141414;--bg-deep:#1e1e1e;--bg-bar:#242424;--border-dim:#292929;--border-mid:#363636;--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}[data-theme=girly-pop]{--gold:#ff3ea5;--gold-light:#ff79c0;--gold-dim:#cc1f7a;--teal:#3d1040;--teal-dim:#9b5070;--teal-dark:#c490a0;--teal-darkest:#ddb8c4;--red:#ff1744;--red-dim:#ff6b8a;--green:#3cb87a;--bg-page:#fff0f7;--bg-dark:#1c0614;--bg-mid:#ffe4f2;--bg-deep:#ffd6ec;--bg-bar:#ffecf6;--border-dim:#f4b8d8;--border-mid:#e88bbb;--font-display:"Nunito", sans-serif;--font-title:"Pacifico", cursive;--font-prose:"Lora", serif;--glow-gold:0 0 0 1px #ff3ea5, 0 0 10px #ff3ea54d;--glow-gold-lg:0 0 0 1px #ff3ea5, 0 0 24px #ff3ea559}[data-theme=girly-pop] #site-title{font-size:18px}[data-theme=girly-pop] body:after{content:"";pointer-events:none;z-index:9999;background-image:radial-gradient(circle,#ff3ea52e 1px,#0000 1px),radial-gradient(circle,#ff79c01f 1px,#0000 1px);background-position:0 0,12px 12px;background-size:40px 40px,25px 25px;position:fixed;inset:0}[data-theme=dark-cosmic]{--gold:#9d4edd;--gold-light:#c084fc;--gold-dim:#6d28d9;--teal:#e2d9f3;--teal-dim:#9b8ec4;--teal-dark:#6b5b8a;--teal-darkest:#4a3a68;--red:#f43f5e;--red-dim:#9f1239;--green:#34d399;--bg-page:#080510;--bg-dark:#030208;--bg-mid:#100a1c;--bg-deep:#0c0716;--bg-bar:#0e0819;--border-dim:#1e1035;--border-mid:#3d2075;--font-display:"Raleway", sans-serif;--font-title:"Cinzel", serif;--font-prose:"Cormorant Garamond", serif;--glow-gold:0 0 0 1px #9d4edd, 0 0 12px #9d4edd66;--glow-gold-lg:0 0 0 1px #9d4edd, 0 0 28px #9d4edd73}[data-theme=dark-cosmic] #site-title{letter-spacing:.08em}[data-theme=dark-cosmic] body:after{content:"";pointer-events:none;z-index:1;background-image:radial-gradient(circle,#fffffff2 1px,#0000 1px),radial-gradient(circle,#c8a0ffb3 1px,#0000 1px),radial-gradient(circle,#ffffff59 1px,#0000 1px);background-position:0 0,55px 80px,20px 40px;background-size:400px 400px,200px 200px,100px 100px;animation:90s linear infinite cosmic-drift;position:fixed;inset:0}[data-theme=dark-cosmic] body:before{content:"";pointer-events:none;z-index:2;background-image:radial-gradient(at 20%,#6d28d938 0%,#0000 50%),radial-gradient(at 80% 20%,#9d4edd2e 0%,#0000 45%),radial-gradient(at 55% 80%,#4c1d9533 0%,#0000 50%),radial-gradient(#0000 35%,#020106bf 100%);animation:20s ease-in-out infinite alternate nebula-breathe;position:fixed;inset:-20%}[data-theme=dark-cosmic] #__next:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle,#000000f2 0%,#000000b3 22%,#581c8759 38%,#9d4edd26 52%,#0000 70%);border-radius:50%;width:320px;height:320px;animation:8s ease-in-out infinite singularity-pulse;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #9d4edd14,0 0 40px #6d28d940,0 0 80px #581c8733,0 0 140px #4c1d951f}@keyframes cosmic-drift{0%{background-position:0 0,55px 80px,20px 40px}to{background-position:400px 400px,255px 280px,120px 140px}}@keyframes nebula-breathe{0%{opacity:.8;transform:scale(1)rotate(0)}to{opacity:1;transform:scale(1.06)rotate(2deg)}}@keyframes singularity-pulse{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}}*{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{background:var(--bg-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;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:14px;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)}#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}#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;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;gap:7px;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;justify-content:center;align-items:center;font-size:18px;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:44px;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: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{border-color:var(--red-dim);color:var(--red-dim)}.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{font-size:12px}.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(--gold);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}#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}#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}#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)}#user-input::-webkit-scrollbar-thumb:hover{background:var(--gold)}.sidebar-slider{appearance:none;background:var(--border-dim);cursor:pointer;border-radius:2px;outline:none;width:100%;height:3px}.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%}.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}.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)}.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:24px;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;display:flex;overflow:hidden}.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}.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);z-index:5;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:24px;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-self:flex-start;padding:3px 8px;font-size:14px}.story-card-badge--public{color:var(--green);background:#3ca06414;border:1px solid #2a6645}.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:16px}.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}.story-card-header{align-items:center;gap:8px;display:flex}.story-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}.story-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}.story-card-snippet{font-family:var(--font-prose);color:var(--teal);margin:0;font-size:14px;line-height:1.5}#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{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}#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:pointer;width:520px;transition:border-color var(--transition), box-shadow var(--transition);border-radius:8px;flex-direction:column;flex-shrink:0;display:flex;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%}.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;padding:12px 16px;font-size:11px}.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;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:16px;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;flex:1;gap:16px;padding:20px 24px;display:flex;overflow-y:auto}.placeholder-field{flex-direction:column;gap:6px;display:flex}#placeholder-modal-footer{border-top:1px solid var(--border-dim);flex-shrink:0;justify-content:flex-end;padding:16px 24px;display:flex}#scroll-area{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border-mid) transparent;z-index:5;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}.bar-btn:first-child{clip-path:polygon(0% 0%,100% 0%,calc(100% - 14px) 100%,0% 100%);padding-left:24px}.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;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;padding:0 18px;font-size:10px}.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}#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:#3a5045;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;padding:10px 24px;transition:opacity .3s;position:fixed;bottom:100px;left:50%;transform:translate(-50%)}#toast.visible{opacity:1}#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}#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:11px}.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:9px}.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-text strong{color:var(--gold)}.notification-text em{color:var(--teal);font-style:italic}.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:none;position:absolute;top:calc(100% + 8px);right:0}#user-dropdown.visible{display:flex}.user-dropdown-item{font-family:var(--font-display);letter-spacing:.1em;color:var(--teal);cursor:pointer;border-radius:3px;padding:8px 12px;font-size:14px;font-weight:bolder;text-decoration:none;transition:background .15s,color .15s;display:block}.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;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}#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:13px;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:14px}#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:#3a5045;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{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{background:var(--bg-page);height:100dvh;overflow-y:auto}#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;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-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}#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{color:var(--gold);text-shadow:0 0 32px #a68e4780;font-size:90px}#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;width:100%;padding:7px 12px;font-size:10px;transition:background .15s,color .15s}.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}.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{margin-left:auto;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:60px!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}.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:100;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;font-size:11px}.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(--teal-dim);font-family:var(--font-display);letter-spacing:.1em;cursor:pointer;transition:color var(--transition), border-color var(--transition);background:0 0;border-radius:3px;padding:4px 10px;font-size:10px}.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-dim);font-size:10px}.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(640px,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:12px}.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:12px}.choice-row-arrow{color:var(--teal-dim);font-size:10px}.choice-breadcrumb{border-bottom:1px solid var(--border-dim);align-items:center;gap:10px;margin-bottom: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{padding-left:8px}#session-title,#story-page-title,#journey-page-title,#edit-page-label,#home-username{max-width:28vw;font-size:16px}#page-label-stack{gap:3px}#page-label-context{font-size:10px}#save-status{padding-right:8px;font-size:14px}.action-btn{gap:4px;height:38px;padding:0 10px;font-size:11px}.btn-icon{font-size:11px}.icon-btn{width:38px;height:38px;font-size:16px}.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}.edit-panel #story-cards-list{grid-template-columns:repeat(2,1fr);gap:10px}.edit-panel .story-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);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-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 8px;font-size:10px}#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}#bottom-bar-input{width:calc(100% - 32px);bottom:10px}.bar-btn-label{display:none}.bar-btn{padding:0 20px 0 28px}#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}