:root{--bg:#111211;--ink:#F0EFE9;--black:#080908;--surface:#1C1D1B;--raised:#252623;--muted:#A5A39C;--hair:#393A36;--yellow:#FFDE65;--pink:#FF91B3;--red:#AF2235;--paper:#F5F3ED;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;color:#F0EFE9;background:#080908}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#080908;color:var(--ink);font-family:inherit;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}a{color:inherit}.mx-app{min-height:100dvh;background:var(--bg);max-width:430px;margin:0 auto;padding-bottom:76px;position:relative}.mx-header{position:sticky;top:0;z-index:30;min-height:58px;display:flex;align-items:center;justify-content:space-between;padding:10px 21px 9px;background:rgba(17,18,17,.98);border-bottom:1px solid var(--hair)}.wordmark{border:0;background:transparent;color:var(--ink);padding:0;font-size:19px;font-weight:680;letter-spacing:.10em}.header-right{display:flex;align-items:center;gap:9px}.lang{display:inline-flex;align-items:center;color:var(--muted);font-size:9px}.lang button{height:30px;padding:0 4px;border:0;background:transparent;color:var(--muted);font-size:9px;letter-spacing:.08em}.lang button.active{color:var(--yellow)}.avatar-btn{width:36px;height:36px;border:1px solid var(--hair);background:var(--surface);color:var(--pink);padding:0;display:grid;place-items:center;overflow:hidden}.avatar-btn img{width:100%;height:100%;object-fit:cover}.mx-main{padding:0 21px 32px}.page-title{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:57px;border-bottom:1px solid var(--hair);padding:15px 0 10px}.eyebrow,.red-label{display:inline-block;width:max-content;background:var(--red);color:#fff;font-size:10px;font-weight:800;letter-spacing:.13em;padding:8px 12px;line-height:1}.page-title h1{font-size:11px;line-height:1.45;font-weight:500;color:var(--muted);margin:7px 0 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border:1px solid transparent;border-radius:0;padding:0 14px;background:var(--yellow);color:#141410;font-size:10px;font-weight:750;letter-spacing:.04em;text-decoration:none}.btn.ghost{background:transparent;color:var(--ink);border-color:transparent}.btn.outline{background:transparent;color:var(--ink);border-color:var(--hair)}.btn.pink{background:transparent;color:var(--pink);padding:0;border:0;min-height:38px}.btn.small{min-height:36px;padding:0 10px;font-size:9px}.btn.icon{width:38px;padding:0}.btn:hover:not(:disabled){filter:brightness(1.08)}.tabs{display:flex;gap:23px;border-bottom:1px solid var(--hair);margin-bottom:16px}.tab{height:43px;padding:0;border:0;background:transparent;color:var(--muted);font-size:11px}.tab.active{color:var(--ink);border-bottom:2px solid var(--yellow)}.empty{min-height:150px;border-bottom:1px solid var(--hair);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:23px 0}.empty strong{font-size:13px}.empty p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.roll-list,.discover-list{display:grid}.roll-card,.discover-card{width:100%;display:block;text-align:left;background:transparent;color:inherit;border:0;border-bottom:1px solid var(--hair);padding:0 0 18px;margin:0 0 18px}.preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;background:var(--surface);padding:8px}.preview-frame,.discover-image{position:relative;aspect-ratio:3/2;background:var(--black);overflow:hidden}.preview-frame img,.discover-image img{display:block;width:100%;height:100%;object-fit:contain}.preview-frame span,.discover-image span{position:absolute;top:7px;left:7px;min-width:22px;height:20px;padding:0 5px;display:grid;place-items:center;background:rgba(8,9,8,.84);color:var(--pink);font-size:9px;font-weight:700}.roll-meta,.discover-meta{padding-top:10px;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.roll-meta>span:first-child{color:var(--pink);font-size:10px;font-weight:650}.roll-meta strong,.discover-meta strong{font-size:14px}.roll-meta small,.discover-meta span{color:var(--muted);font-size:10px;line-height:1.45}.lede{color:var(--muted);font-size:11px;line-height:1.5;margin:15px 0 18px}.bottom-nav{position:fixed;z-index:25;left:50%;transform:translateX(-50%);bottom:0;width:min(100%,430px);min-height:65px;display:grid;grid-template-columns:repeat(4,1fr);background:#181917;border-top:1px solid var(--hair);padding:9px 21px calc(13px + env(safe-area-inset-bottom,0px));gap:5px}.nav-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;background:transparent;color:var(--muted);font-size:10px;min-height:46px}.nav-btn.active{color:var(--ink)}.nav-btn.active:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:20px;height:2px;background:var(--yellow)}.maintenance,.notice,.error{margin:12px 0;padding:11px 12px;border-left:2px solid var(--yellow);background:var(--surface);color:var(--muted);font-size:10px;line-height:1.5}.error{border-left-color:#D76070;color:#E98B99}.entry{position:fixed;inset:0;margin:0 auto;width:min(100vw,430px);height:100dvh;overflow:hidden;background:var(--black);z-index:100}.entry img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.entry:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,9,8,.13),rgba(8,9,8,.04) 45%,rgba(8,9,8,.30))}.entry .entry-brand{position:absolute;z-index:2;top:max(27%,calc(env(safe-area-inset-top,0px) + 112px));left:0;right:0;text-align:center;font-size:32px;font-weight:500;letter-spacing:.22em;padding-left:.22em}.entry .entry-lang{position:absolute;z-index:3;right:18px;top:max(18px,calc(env(safe-area-inset-top,0px) + 12px));background:rgba(8,9,8,.36);padding:2px 5px}.entry .entry-button{position:absolute;z-index:3;left:50%;bottom:max(9%,calc(env(safe-area-inset-bottom,0px) + 42px));transform:translateX(-50%);width:226px;height:56px;border:1px solid rgba(255,255,255,.9);background:rgba(8,9,8,.94);color:#fff;font-size:11px;font-weight:600;letter-spacing:.26em}.builder{min-height:calc(100dvh - 84px);display:flex;flex-direction:column}.builder-top{display:flex;align-items:center;gap:10px;min-height:57px;border-bottom:1px solid var(--hair)}.step-rail{display:flex;gap:14px;overflow:auto;scrollbar-width:none}.step-rail span{white-space:nowrap;color:var(--muted);font-size:9px;padding:8px 0}.step-rail span.active{color:var(--yellow)}.step-rail span.done{color:var(--pink)}.builder-stage{flex:1;display:flex;flex-direction:column;gap:15px}.stage-copy{padding:16px 0 0}.stage-copy h2{display:inline-block;background:var(--red);color:#fff;font-size:12px;font-weight:800;letter-spacing:.13em;padding:8px 12px;margin:0}.stage-copy p{color:var(--muted);font-size:11px;line-height:1.5;margin:8px 0 0}.upload-box{display:flex;min-height:118px;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;border:1px solid var(--hair);background:#111210;text-align:center;cursor:pointer}.upload-box input{position:absolute;width:1px;height:1px;opacity:0}.upload-box strong{font-size:10px;letter-spacing:.06em}.upload-box span{font-size:9px;color:var(--muted);margin-top:7px}.choice-grid,.arrange-grid,.cover-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.choice-grid figure,.arrange-item,.cover-item{position:relative;margin:0;aspect-ratio:3/2;background:var(--black);overflow:hidden;border:1px solid var(--hair)}.choice-grid img,.arrange-item img,.cover-item img{width:100%;height:100%;object-fit:contain;display:block}.num{position:absolute;left:7px;top:7px;min-width:22px;height:20px;padding:0 5px;display:grid;place-items:center;background:rgba(8,9,8,.82);color:var(--pink);font-size:9px;font-weight:700}.arrange-item{aspect-ratio:auto;background:var(--surface)}.arrange-item img{aspect-ratio:3/2}.arrange-bar{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 6px 0 8px}.arrange-bar>span{color:var(--pink);font-size:10px;font-weight:700}.arrange-bar div{display:flex}.cover-item{padding:0;border:1px solid transparent}.cover-item.active{outline:2px solid var(--yellow);outline-offset:-2px}.fields{display:grid;gap:18px}.field{display:grid;gap:7px}.field>span,.sub-label{color:var(--muted);font-size:10px;letter-spacing:.08em}.input,.textarea{width:100%;color:var(--ink);background:#111210;border:0;border-bottom:1px solid var(--hair);border-radius:0;padding:.65rem .1rem;outline:none}.textarea{min-height:92px;padding:.65rem}.input:focus,.textarea:focus{border-color:var(--ink)}.privacy,.view-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--hair)}.privacy small{display:block;color:var(--muted);font-size:10px;line-height:1.45;max-width:250px;margin-top:5px}.switch{width:42px;height:24px;border:1px solid var(--hair);background:var(--raised);border-radius:999px;padding:2px;display:flex;align-items:center}.switch:after{content:"";width:18px;height:18px;background:var(--ink);border-radius:50%;transition:.16s}.switch.on{background:var(--pink);border-color:var(--pink)}.switch.on:after{transform:translateX(16px);background:#201515}.view-buttons{display:flex;gap:6px}.view-buttons button{height:36px;padding:0 9px;border:1px solid var(--hair);background:transparent;color:var(--muted);font-size:9px}.view-buttons button.active{color:var(--yellow);border-color:var(--yellow)}.builder-footer{position:sticky;bottom:0;margin-top:20px;display:flex;align-items:center;justify-content:space-between;padding:10px 0 13px;background:var(--bg);border-top:1px solid var(--hair)}.builder-footer>span{color:var(--pink);font-size:10px}.year-row{width:100%;height:74px;border:0;border-bottom:1px solid var(--hair);display:grid;grid-template-columns:1fr auto 24px;align-items:center;text-align:left;background:transparent;color:var(--ink);padding:0}.year-row strong{font-size:22px}.year-row span{color:var(--pink);font-size:10px}.profile-head{display:grid;grid-template-columns:54px 1fr auto;gap:16px;align-items:center;padding:23px 0;border-bottom:1px solid var(--hair)}.avatar-lg{width:54px;height:54px;border:1px solid var(--hair);background:var(--surface);display:grid;place-items:center;overflow:hidden;color:var(--pink)}.avatar-lg img{width:100%;height:100%;object-fit:cover}.profile-id h1{font-size:14px;margin:9px 0 5px}.profile-id small{color:var(--muted);font-size:10px}.profile-bio{color:var(--muted);font-size:12px;line-height:1.6}.profile-editor{display:grid;gap:16px;padding:18px 0;border-bottom:1px solid var(--hair)}.profile-actions{display:flex;justify-content:space-between;gap:12px}.studio-tabs,.mode-bar{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--hair);margin-top:14px}.studio-tabs button,.mode-bar button{height:48px;border:0;background:transparent;color:var(--muted);font-size:9px}.studio-tabs button.active,.mode-bar button.active{color:var(--yellow);border-bottom:2px solid var(--yellow)}.artifact{min-height:300px;display:flex;align-items:center;justify-content:center;padding:26px 0;position:relative}.book{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:3px;background:var(--paper);padding:8px}.book .page{aspect-ratio:1.35/1;background:#fff;padding:7%;display:grid;place-items:center}.book img,.print img{width:100%;height:100%;object-fit:contain}.book>span{grid-column:1/-1;color:#555;font-size:8px;text-align:center;margin-top:7px}.print{display:flex;flex-direction:column;gap:10px;align-items:center}.print div{width:min(320px,78vw);aspect-ratio:3/2;background:#080908;padding:22px}.print span{color:var(--yellow);font-size:9px}.negative-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;width:100%;background:var(--surface);padding:8px}.negative-grid figure{margin:0;aspect-ratio:3/2;background:#080908;overflow:hidden}.negative-grid img{width:100%;height:100%;object-fit:contain}.negative-grid figcaption{color:var(--pink);font-size:9px;padding:4px}.founder{display:grid;gap:14px;padding:20px 0 4px;border-top:1px solid var(--hair)}.founder strong{color:var(--yellow);font-size:13px}.founder p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}.auth-shell,.state-shell{min-height:100dvh;background:var(--black);display:grid;place-items:center;padding:24px}.auth-card{width:min(100%,390px);border:1px solid var(--hair);background:var(--bg);padding:21px}.mast{display:flex;justify-content:space-between;align-items:center;min-height:45px}.mast strong{font-size:19px;letter-spacing:.10em}.auth-intro{padding-top:20px}.auth-intro h1{font-size:16px;margin:14px 0 6px}.auth-intro p{color:var(--muted);font-size:11px;line-height:1.55}.auth-tabs{display:flex;border-bottom:1px solid var(--hair);margin:16px 0}.auth-tabs button{height:44px;border:0;background:transparent;color:var(--muted);padding:0 20px 0 0;font-size:10px}.auth-tabs button.active{color:var(--ink);border-bottom:1px solid var(--ink)}.auth-form{display:grid;gap:16px}.auth-error{padding:10px 12px;border:1px solid #D76070;color:#D76070;font-size:11px}.topbar{position:sticky;top:0;z-index:20;height:58px;display:grid;grid-template-columns:42px 1fr auto auto;gap:5px;align-items:center;border-bottom:1px solid var(--hair);background:rgba(17,18,17,.98);padding:0 8px}.topbar>strong{text-align:center;font-size:16px;letter-spacing:.10em}.roll-page{min-height:100dvh;background:var(--bg);max-width:430px;margin:0 auto;padding-bottom:72px}.roll-main{padding:17px 21px 92px}.roll-main h1{display:table;background:var(--red);color:#fff;font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:8px 12px;margin:14px 0 7px}.kicker{display:inline-flex;background:var(--red);color:#fff;padding:8px 12px;font-size:10px;font-weight:800;letter-spacing:.13em}.byline{color:var(--pink);font-size:10px;line-height:1.4}.description{color:var(--muted);font-size:11px;line-height:1.6;margin:12px 0 18px}.contact,.sleeve{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.sleeve{padding:8px;background:var(--surface)}.contact figure,.sleeve figure{margin:0;aspect-ratio:3/2;background:#080908;overflow:hidden}.contact img,.sleeve img{width:100%;height:100%;object-fit:contain;display:block}.contact figcaption,.sleeve figcaption{padding:5px;color:var(--pink);font-size:10px}.frame-view{background:var(--surface);padding:10px}.frame-view img{width:100%;aspect-ratio:3/2;object-fit:contain;background:#080908}.frame-nav{display:flex;align-items:center;justify-content:space-between;padding-top:8px;color:var(--yellow);font-size:10px}.actionbar,.roll-footer{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:min(100%,430px);min-height:62px;background:#181917;border-top:1px solid var(--hair);display:flex;align-items:center;justify-content:space-between;padding:8px 21px calc(8px + env(safe-area-inset-bottom,0px));z-index:25}.actionbar span,.roll-footer span{font-size:9px;color:var(--muted)}.admin-shell{min-height:100dvh;background:var(--bg);max-width:430px;margin:0 auto}.admin-main{padding:16px 21px 40px}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--hair)}.metric{background:var(--surface);padding:13px 12px;min-height:74px;display:flex;flex-direction:column;justify-content:space-between}.metric span{color:var(--muted);font-size:9px}.metric strong{font-size:23px}.admin-section{padding:20px 0;border-bottom:1px solid var(--hair)}.control-row{display:flex;align-items:center;justify-content:space-between;min-height:46px;border-bottom:1px solid var(--hair);font-size:10px;color:var(--muted)}.activity{display:grid}.activity div{display:grid;gap:3px;padding:9px 0;border-bottom:1px solid var(--hair)}.activity strong{font-size:9px}.activity span{color:var(--muted);font-size:8px}.spinner{width:18px;height:18px;border:2px solid var(--hair);border-top-color:var(--yellow);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:700px){.mx-app,.roll-page,.admin-shell{height:min(850px,95vh);min-height:min(850px,95vh);margin:2.5vh auto;border:8px solid #292a28;border-radius:36px;overflow:auto;box-shadow:0 30px 110px #000}.bottom-nav,.actionbar,.roll-footer{position:absolute}.auth-shell{min-height:100vh}}
@media(max-width:520px){.auth-shell{padding:0;background:var(--bg)}.auth-card{min-height:100dvh;border:0;padding:20px 21px}.mx-main,.roll-main,.admin-main{padding-left:21px;padding-right:21px}}