/* Figma 483:448, 488:546, 489:2623, 489:2961, 489:3004, 489:3047, 489:3090, 489:3133. */
body.studio-app #studio-home,body.studio-app #studio-genres{position:relative!important;width:100%!important;max-width:375px!important;min-height:812px!important;margin:0 auto!important;padding:0 0 100px!important;border-radius:0!important;box-shadow:none!important;background:white!important;font-family:var(--sseujak-font-ui);overflow:hidden!important}
#studio-home:before,#studio-genres:before,:is(#w-home,#essay-home).entry-shelf:before{content:'';position:absolute;top:36px;left:calc(50% - 242.5px);width:486px;height:776px;background:url('icons/main-20261012/483-448-imgUnion.svg') no-repeat;pointer-events:none;z-index:0}
#studio-home>* ,#studio-genres>*{position:relative}
.entry-logo{position:absolute!important;top:31px;left:24px;width:157px;height:30px;object-fit:cover}.entry-title{margin:90px 26px 0!important;font-size:20px!important;line-height:29px!important;font-weight:700!important;color:#0f0f0f}
#studio-home #figma-home-menu,#studio-genres #figma-genre-menu{top:var(--sseujak-topbar-top)!important;right:var(--sseujak-topbar-right)!important}
.entry-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:34px 25px 0}.entry-actions button{position:relative;border:0;padding:0;height:186px;border-radius:10px;overflow:hidden;text-align:left;font-family:inherit}.entry-actions button>img{width:100%;height:100%;object-fit:cover}.entry-actions b{position:absolute;top:77px;left:15px;color:white;font-size:17px;line-height:25px;letter-spacing:0;font-weight:700}.entry-actions button:nth-child(2) b{color:#3f414e;left:17px}.entry-actions span{position:absolute;right:14px;bottom:16px;width:64.45px;height:32.22px;display:grid;place-items:center;background:#ebeaec;border-radius:25px;color:#3f414e;font:500 12px/1.081 var(--sseujak-font-ui);letter-spacing:.6px}.entry-actions button:nth-child(2) span{right:11px;background:#3f414e;color:#fefffe}
.entry-thought{margin:26px 25px 0;height:82.55px;background:#333242;border-radius:10px;overflow:hidden;color:white}.entry-thought .thought-bg{position:absolute;inset:0;width:325px;height:82.553px}.entry-thought b{position:absolute;left:26px;top:20px;font-size:18px;line-height:24px}.entry-thought p{position:absolute;left:26px;top:45px;margin:0;font-size:13px;font-weight:350;line-height:14px;letter-spacing:.13px;color:#ebeaec}.entry-thought .thought-play{position:absolute;left:264px;top:24px;width:34.759px;height:34.759px}
.entry-carousel-title{margin:38px 30px 14px!important;font-size:18px!important;line-height:27px!important;font-weight:700!important;color:#0f0f0f}
#entry-carousel{display:flex;gap:10px;padding:0 25px;overflow-x:auto;scrollbar-width:none;touch-action:pan-x;cursor:grab}#entry-carousel::-webkit-scrollbar{display:none}.entry-slide{flex:0 0 143px;background:none;border:0;text-align:left;padding:0;font-family:inherit;user-select:none}.slide-image{display:block;width:143px;height:100px;border-radius:10px;overflow:hidden;position:relative}.slide-image img{width:100%;height:100%;object-fit:cover;pointer-events:none}.slide-children img{position:absolute;top:-7.13%;height:107.25%}.slide-essay img{position:absolute;top:-7%;height:107%;width:100.47%;left:-.23%}.slide-memoir img{position:absolute;top:-5%;height:107%;width:100.54%;left:-.27%}.entry-slide b{display:block;margin:22px 5px 4px;color:#444359;font-size:16px;line-height:20px}.entry-slide small{display:block;margin-left:5px;color:#7e7e7e;font-size:13px;line-height:19px}
.genre-entry-title{margin:81px 26px 0!important;font-size:18px!important;line-height:27px!important;letter-spacing:-.9px;color:#5e5e5d}.genre-entry-copy{margin:0 27px!important;font-size:14px;line-height:21px;letter-spacing:-.7px;color:#7e7e7e}
#studio-genres #studio-genre-list{position:relative!important;inset:auto!important;margin:22.5px 24px 0!important;display:block!important;height:559px!important;width:auto!important;border:0!important;padding:0!important}
.entry-genre{position:absolute!important;width:calc((100% - 15.57px)/2);padding:0;border:0;border-radius:10px;overflow:hidden;background:none;font-family:inherit}.entry-genre-image{display:block;width:100%;height:100%;position:relative;overflow:hidden}.entry-genre img{position:absolute;max-width:none}.entry-genre b{position:absolute;top:14px;left:20px;font-size:16px;line-height:24px;color:#444359}.entry-web_novel{left:0;top:0;height:186.86px}.entry-web_novel img{height:100.05%;width:172.1%;left:-6%;top:-.03%}.entry-web_novel b{color:white}.entry-children{right:0;top:0;height:160.9px}.entry-children img{height:106.95%;width:146.67%;left:-46.67%;top:-.38%}.entry-webtoon{right:0;top:182.71px;height:192.28px}.entry-webtoon img{height:100%;width:176.79%;left:-47.49%;top:0}.entry-webtoon b{left:15px;color:#dbdbdb}.entry-essay{left:0;top:208.66px;height:180.63px}.entry-essay img{height:127.91%;width:197.59%;left:-97.13%;top:-20.44%}.entry-poetry{left:0;top:411.09px;height:147.41px}.entry-poetry img{inset:0;width:100%;height:100%}.entry-memoir{right:0;top:396.56px;height:161.94px}.entry-memoir img{height:106.92%;width:142.39%;left:-42.7%;top:-.12%}.entry-memoir b{left:auto;right:12px;top:auto;bottom:10px}
:is(#w-home,#essay-home).entry-shelf{position:relative!important;padding:0 20px 123px!important;min-height:812px!important;background:#fff!important;overflow:hidden!important}:is(#w-home,#essay-home).entry-shelf .writer-shelf-heading,:is(#w-home,#essay-home).entry-shelf .essay-shelf-heading,:is(#w-home,#essay-home).entry-shelf .writer-shelf-divider,:is(#w-home,#essay-home).entry-shelf .essay-shelf-divider,:is(#w-home,#essay-home).entry-shelf .writer-shelf-tag,:is(#w-home,#essay-home).entry-shelf .essay-shelf-tag{display:none!important}.entry-shelf-art{display:none}:is(#w-home,#essay-home).entry-shelf .entry-shelf-art{display:block;position:relative;margin:77px auto 0;width:329px;max-width:100%;height:230px;border-radius:10px;overflow:hidden}.entry-shelf-art img{width:100%;height:100%;object-fit:cover}.entry-shelf-title{display:none}:is(#w-home,#essay-home).entry-shelf .entry-shelf-title{display:block;position:absolute;top:329px;left:29px;font-size:18px;font-weight:700;letter-spacing:-.9px;color:#5e5e5d;margin:0;line-height:32px}:is(#w-home,#essay-home).entry-shelf .writer-shelf-list,:is(#w-home,#essay-home).entry-shelf .essay-shelf-list{position:relative!important;inset:auto!important;margin:69px 0 0!important;padding:0!important;border-top:1px solid #e6e6e6!important;width:100%!important;display:block!important}:is(#w-home,#essay-home).entry-shelf .writer-shelf-book,:is(#w-home,#essay-home).entry-shelf .essay-shelf-book{position:relative!important;margin:0!important;padding:0!important;border:0!important;border-bottom:1px solid #e6e6e6!important;border-radius:0!important;min-height:78px!important;background:transparent!important;box-shadow:none!important}:is(#w-home,#essay-home).entry-shelf .writer-shelf-open,:is(#w-home,#essay-home).entry-shelf .essay-shelf-open{padding:10px 45px 10px 9px!important;margin:0!important;min-height:77px!important;width:100%!important;background:none!important;border:0!important;text-align:left!important}:is(#w-home,#essay-home).entry-shelf .writer-shelf-open b,:is(#w-home,#essay-home).entry-shelf .essay-shelf-open b{display:block!important;font-size:18px!important;line-height:27px!important;margin:0!important}:is(#w-home,#essay-home).entry-shelf .writer-shelf-open small,:is(#w-home,#essay-home).entry-shelf .essay-shelf-open small{display:block!important;font-size:14px!important;color:#fd6f8d!important;line-height:22px!important;margin:0!important;letter-spacing:-.7px}:is(#w-home,#essay-home).entry-shelf .writer-shelf-delete,:is(#w-home,#essay-home).entry-shelf .essay-shelf-delete{position:absolute!important;top:14px!important;right:16px!important;width:24px!important;height:24px!important;padding:0!important;background:none!important;border:0!important}:is(#w-home,#essay-home).entry-shelf .writer-shelf-new,:is(#w-home,#essay-home).entry-shelf .essay-shelf-new{background:#b9b7f3!important;border-radius:6px!important;color:#fff!important;position:relative!important;inset:auto!important;transform:none!important;width:100%!important;height:44px!important;margin:112px 0 0!important;font-size:14px!important;border:0!important}:is(#w-home,#essay-home).entry-shelf .writer-shelf-empty,:is(#w-home,#essay-home).entry-shelf .essay-shelf-empty{position:relative!important;inset:auto!important;margin:25px auto!important}
@media(min-width:768px){body.studio-app #studio-home,body.studio-app #studio-genres{max-width:1100px!important;min-height:100dvh!important;padding:0 48px 130px!important}.entry-logo{left:48px}.entry-title{margin-left:0!important}.entry-actions{max-width:760px;margin:34px 0 0;gap:24px}.entry-actions button{height:240px}.entry-actions b{top:105px;font-size:22px;line-height:32px}.entry-actions span{bottom:20px;right:22px}.entry-thought{margin:26px 0 0;max-width:760px}.entry-thought .thought-bg{width:325px}.entry-thought .thought-play{left:auto;right:25px}.entry-carousel-title{margin-left:0!important}#entry-carousel{padding:0;gap:20px}.entry-slide{flex-basis:180px}.slide-image{width:180px;height:126px}.genre-entry-title{margin-left:0!important}.genre-entry-copy{margin-left:0!important}#studio-genres #studio-genre-list{display:grid!important;grid-template-columns:repeat(3,1fr);gap:24px;margin:30px 0 0!important;height:auto!important}.entry-genre{position:relative!important;inset:auto!important;width:100%;height:245px}:is(#w-home,#essay-home).entry-shelf{max-width:1100px!important;width:100%!important;margin:auto!important;padding-left:48px!important;padding-right:48px!important}:is(#w-home,#essay-home).entry-shelf .entry-shelf-art{width:100%;height:300px}:is(#w-home,#essay-home).entry-shelf .entry-shelf-title{top:399px;left:57px}:is(#w-home,#essay-home).entry-shelf .writer-shelf-new,:is(#w-home,#essay-home).entry-shelf .essay-shelf-new{max-width:500px;display:block;margin:60px auto 0!important}}

/* Keep shared shell navigation, with the new frame geometry. */
body.studio-app{padding-bottom:0!important}
body.studio-app #studio-home,body.studio-app #studio-genres{height:auto!important;min-height:max(812px,100dvh)!important;border-top:0}
@media(min-width:1024px){html.sseujak-desktop body.studio-app #studio-home,html.sseujak-desktop body.studio-app #studio-genres{padding:0 48px 130px!important;width:min(100%,1100px)!important;max-width:1100px!important;height:auto!important;overflow:visible!important}html.sseujak-desktop body :is(#w-home,#essay-home).entry-shelf{width:min(100%,1100px)!important;max-width:1100px!important}html.sseujak-desktop body :is(#w-home,#essay-home).entry-shelf :is(.writer-shelf-list,.essay-shelf-list){left:auto!important;right:auto!important;width:100%!important}html.sseujak-desktop body :is(#w-home,#essay-home).entry-shelf :is(.writer-shelf-new,.essay-shelf-new){left:auto!important;right:auto!important;transform:none!important;width:100%!important}}

#studio-genres>.sseujak-topbar[hidden]{display:none!important}
:is(#w-home,#essay-home).entry-shelf{height:auto!important;min-height:max(812px,100dvh)!important;overflow:visible!important;border-top:0}
:is(#w-home,#essay-home).entry-shelf .entry-shelf-art{height:230px!important;min-height:230px!important;flex-shrink:0!important}
:is(#w-home,#essay-home).entry-shelf .entry-shelf-art img{display:block!important;max-height:none!important;max-width:none!important;width:100%!important;height:100%!important}
:is(#w-home,#essay-home).entry-shelf :is(.writer-shelf-book,.essay-shelf-book)::after{display:none!important}
:is(#w-home,#essay-home).entry-shelf :is(.writer-shelf-open,.essay-shelf-open) b,:is(#w-home,#essay-home).entry-shelf :is(.writer-shelf-open,.essay-shelf-open) small{position:static!important;inset:auto!important;width:auto!important;height:auto!important;transform:none!important}
@media(min-width:1024px){:is(#w-home,#essay-home).entry-shelf .entry-shelf-art{height:300px!important}.entry-shelf-art img{object-position:center}}

html body :is(#w-home,#essay-home).entry-shelf :is(.writer-shelf-book,.essay-shelf-book){height:78px!important;min-height:78px!important;width:100%!important}
html body :is(#w-home,#essay-home).entry-shelf :is(.writer-shelf-open,.essay-shelf-open){height:77px!important;display:block!important}
html body :is(#w-home,#essay-home).entry-shelf :is(#w-new,#essay-new-book){background:#b9b7f3!important;height:44px!important;min-height:44px!important;position:relative!important;margin-top:112px!important;z-index:1!important}

html body :is(#w-home,#essay-home).entry-shelf:not(.hidden){display:block!important}
html body.native-ad-visible :is(#studio-home,#studio-genres,#w-home,#essay-home) .sseujak-bottom-nav{bottom:var(--sseujak-ad-height)!important}

html body :is(#w-home,#essay-home).entry-shelf:not(.hidden){display:flow-root!important}
html body.studio-app :is(#studio-home,#studio-genres):not(.hidden){display:flow-root!important}

/* Shared header already accounts for the safe inset; content offsets it once. */
:is(#w-home,#essay-home).entry-shelf .entry-shelf-art{margin-top:calc(77px + var(--sseujak-safe-top))!important}
:is(#w-home,#essay-home).entry-shelf .entry-shelf-title{top:calc(329px + var(--sseujak-safe-top))!important}
@media(min-width:1024px){:is(#w-home,#essay-home).entry-shelf .entry-shelf-title{top:calc(399px + var(--sseujak-safe-top))!important}}

/* Figma 514:883; only the poetry shelf receives this banner and spacing. */
button.entry-thought{display:block;border:0;padding:0;width:calc(100% - 50px);text-align:left;font-family:inherit;cursor:pointer}
.poetry-thought-entry[hidden]{display:none!important}
.poetry-thought-entry{display:block;position:relative;width:329px;max-width:100%;height:71px;padding:0;margin:12px auto 0;border:0;border-radius:10px;background:#f1ddcf;text-align:left;overflow:hidden;cursor:pointer;font-family:var(--sseujak-font-ui)}
.poetry-thought-entry img{position:absolute;left:0;top:0;width:329px;height:71px}
.poetry-thought-entry b{position:absolute;left:24px;top:21px;font-size:16px;line-height:1.081;color:#444359}
.poetry-thought-entry span{position:absolute;left:24px;top:42px;font-size:13px;line-height:1.081;font-weight:350;letter-spacing:.13px;color:#3f414e}
html body #essay-home.entry-shelf.poetry-shelf:before{display:none!important}
html body #essay-home.entry-shelf.poetry-shelf .entry-shelf-art{height:231.69px!important;min-height:231.69px!important}
html body #essay-home.entry-shelf.poetry-shelf .entry-shelf-title{top:calc(426px + var(--sseujak-safe-top))!important}
html body #essay-home.entry-shelf.poetry-shelf .essay-shelf-list{margin-top:69px!important}

@media(min-width:768px){button.entry-thought{width:100%}.poetry-thought-entry{width:100%;max-width:none}.poetry-thought-entry img{left:auto;right:0}html body #essay-home.entry-shelf.poetry-shelf .entry-shelf-art{height:300px!important;min-height:300px!important}html body #essay-home.entry-shelf.poetry-shelf .entry-shelf-title{top:calc(494px + var(--sseujak-safe-top))!important}}

html body #essay-home.poetry-shelf .poetry-thought-entry{background:#f1ddcf!important;border:0!important}

@media(min-width:768px){html body #essay-home.entry-shelf.poetry-shelf .entry-shelf-art{width:426px!important;max-width:100%!important}html body #essay-home.entry-shelf.poetry-shelf .entry-shelf-art img{object-fit:contain}}

/* Updated Figma 483:448, 2026-10-14. Scope to home; other genre screens retain their source. */
#studio-home:before{display:none}
#studio-home .entry-logo{left:12px;top:calc(31px + var(--sseujak-safe-top))}
#studio-home .entry-title{margin:calc(85px + var(--sseujak-safe-top)) 16px 0!important;height:30px;line-height:30px!important}
#studio-home .entry-main-copy{margin:-3px 17px 0;height:29px;font-size:14px;line-height:21px;letter-spacing:-.7px;color:#7e7e7e}
#studio-home .entry-actions{margin:12px 12px 0;gap:12.926px}
#studio-home .entry-actions button{height:200.855px}
#studio-home .entry-actions b{left:15.91px;top:83.52px}
#studio-home .entry-actions button:nth-child(2) b{left:17.9px}
#studio-home .entry-actions span{width:69.603px;height:34.802px;right:14.917px;bottom:17.893px}
#studio-home .entry-actions button:nth-child(2) span{right:11.897px}
#studio-home .entry-thought{margin:20.105px 12px 0;width:calc(100% - 24px);height:89.158px}
#studio-home .thought-bg{width:351px;height:89.158px}
#studio-home .entry-thought b{left:27.84px;top:24.86px;font-size:18px;line-height:1.081}
#studio-home .entry-thought p{left:27.84px;top:49.72px;line-height:1.081}
#studio-home .thought-play{left:auto;right:28.16px;top:26.28px;width:37.54px;height:37.54px}
#studio-home .entry-carousel-title{margin:29.882px 16px 0!important;height:33px;line-height:27px!important}

@media(min-width:768px){
 #studio-home .entry-logo{left:48px}
 #studio-home .entry-title{margin-left:0!important;margin-right:0!important}
 #studio-home .entry-main-copy{margin-left:0;margin-right:0}
 #studio-home .entry-actions{margin:20px 0 0;gap:24px}
 #studio-home .entry-actions button{height:240px}
 #studio-home .entry-actions b{top:105px;left:24px}
 #studio-home .entry-thought{margin:26px 0 0;width:100%;max-width:760px}
 #studio-home .thought-bg{left:auto;right:0}
 #studio-home .entry-carousel-title{margin-left:0!important}
}

/* Actions follow their list; scroll reserve belongs to the screen, not the button. */
html body :is(#w-home,#essay-home).entry-shelf :is(#w-new,#essay-new-book){position:relative!important;inset:auto!important;left:auto!important;bottom:auto!important;transform:none!important;width:100%!important;margin:32px auto 0!important;z-index:1!important;display:flex!important}
html body :is(#w-home,#essay-home).entry-shelf{padding-bottom:calc(var(--sseujak-nav-total-height) + var(--sseujak-ad-height) + 24px)!important}
@media(min-width:1024px){html.sseujak-desktop body :is(#w-home,#essay-home).entry-shelf :is(#w-new,#essay-new-book){width:100%!important;max-width:500px!important}}