:root{--space-blue:#173df4;--space-paper:#fafaf6;--space-border:#a8adb5}
.spaces-window{left:15%;top:24px;width:min(1000px,calc(100% - 200px));height:calc(100% - 48px);max-height:calc(100% - 48px)}
.spaces-window>.window-titlebar .window-title>img{width:17px;height:17px;filter:invert(1)}
.spaces-content{overflow-y:auto;padding:24px;background:var(--space-paper);scrollbar-gutter:stable}
.space-feature{border:1px solid var(--space-border);border-radius:3px;overflow:hidden;background:var(--space-paper)}
.space-title{display:flex;align-items:center;justify-content:space-between;background:var(--space-blue);color:#fff;padding:0 12px;height:39px;border:2px solid #efefea;box-shadow:0 0 0 1px #a8adb5}
.space-title h2{font-size:18px;letter-spacing:.06em;line-height:1.2;margin:0;font-weight:750}
.space-title button{width:24px;height:25px;min-width:24px;display:grid;place-items:center;border:1px solid #b4bac3;background:#edf0f3;font-size:19px;color:#303b49;line-height:1;cursor:pointer}
.space-art{display:block;background:#f1ecdf}.space-art img{display:block;width:100%;height:auto;aspect-ratio:960/1000;object-fit:cover}
.space-copy{padding:19px 15px 12px}.space-copy h3{font-size:clamp(25px,3.6vw,44px);letter-spacing:-.055em;font-weight:850;line-height:1.3;margin:0;color:#0e1221}.space-copy h3 em{color:var(--space-blue);font-style:normal}.space-copy>p{font-size:14px;color:#727d8e;margin:10px 0 19px;line-height:1.6}
.space-enter{display:flex;gap:16px;align-items:center;justify-content:center;background:var(--space-blue);border:1px solid #1539db;border-radius:2px;min-height:55px;color:white;text-decoration:none;font-size:22px;font-weight:750;letter-spacing:.05em}.space-enter img{filter:brightness(0) invert(1)}.space-enter:hover{background:#0e2aca}.space-enter:focus-visible,.stay-card:focus-visible{outline:3px solid #172fff;outline-offset:4px}
.space-back{display:flex;align-items:center;gap:10px;color:#778293;text-decoration:none;border-top:1px solid #b7bec8;margin-top:16px;min-height:48px;font-size:14px;font-weight:650}.space-back>span:first-child{font-size:22px}
.stays-collection{margin-top:40px}.stays-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.stays-heading h3{margin:0;font-size:22px;letter-spacing:-.03em}.stays-heading>span{font-size:10px;letter-spacing:.1em;color:#69748a}.stays-intro{margin:9px 0 20px;font-size:13px;color:#778293}.stay-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.stay-card{display:block;border:1px solid var(--space-border);border-radius:3px;overflow:hidden;background:var(--space-paper);color:inherit;text-decoration:none;transition:box-shadow .15s}.stay-card:hover{box-shadow:4px 4px 0 #d9dff4}.stay-card>img{display:block;aspect-ratio:1.55;width:100%;height:auto;object-fit:cover;border-bottom:1px solid var(--space-border)}.stay-copy{display:grid;grid-template-columns:1fr auto;padding:18px}.stay-number{font-size:10px;letter-spacing:.1em;color:#778293}.stay-copy h4{font-size:26px;font-weight:750;margin:4px 0 0;letter-spacing:.05em}.stay-arrow{font-size:28px;color:var(--space-blue)}.stay-copy p{grid-column:1/-1;color:#778293;font-size:12px;margin:12px 0 16px;line-height:1.7}.stay-action{grid-column:1/-1;color:var(--space-blue);font-weight:700;font-size:14px;min-height:30px;display:flex;align-items:center}.desktop-icon>img{width:43px;height:43px;margin:4px 0 10px}.task-button>img{width:19px;height:19px}.start-menu-links img{width:16px;height:16px}
@media(min-width:761px){.space-feature{display:grid;grid-template-columns:1.1fr 1fr}.space-title{grid-column:1/-1}.space-art img{aspect-ratio:1;height:100%;min-height:360px}.space-copy{padding:32px 24px;display:flex;flex-direction:column;justify-content:center}.space-copy h3{font-size:35px;letter-spacing:-.05em}.space-copy>p{font-size:13px}.space-enter{font-size:19px}.space-back{font-size:12px}.spaces-window.is-maximized{left:8px!important;top:8px!important;width:calc(100% - 16px)!important;height:calc(100% - 16px)!important;max-height:none}}
@media(max-width:760px){.studio-nav{grid-template-columns:repeat(4,minmax(0,1fr));height:100px}.studio-nav button{min-height:100px;gap:9px}.studio-nav button img{width:42px;height:42px}.studio-nav button span{font-size:16px}.spaces-window>.window-titlebar,.spaces-window>.window-status{display:none}.spaces-content{padding:20px 13px 36px;overflow:visible;scrollbar-gutter:auto}.space-art img{aspect-ratio:960/1000}.space-copy h3{font-size:clamp(26px,8.8vw,35px);white-space:nowrap}.stays-collection{margin-top:36px}.stay-grid{grid-template-columns:1fr;gap:20px}.stays-heading h3{font-size:22px}.task-button>img{width:18px;height:18px}html[lang^=en] .space-copy h3,html[lang^=ja] .space-copy h3{white-space:normal;font-size:29px}html[lang^=en] .space-copy h3 em{display:block}html[lang^=en] .space-enter{font-size:18px}.space-title button{width:32px;height:29px;min-width:32px}.space-back{min-height:48px}}
@media(max-width:760px){.desktop:has(.spaces-window:not([hidden])){padding:0 0 20px}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}.space-copy h3{font-size:clamp(27px,9.3vw,37px)}.space-copy>p{font-size:15px}.space-enter{font-size:24px}}
@media(max-width:360px){.studio-nav button img{width:36px;height:36px}.studio-nav button span{font-size:14px}.space-copy{padding-left:13px;padding-right:13px}}
@media(max-width:760px){html[lang^=ja] .space-copy h3,html[lang^=en] .space-copy h3{font-size:29px;white-space:normal}.space-copy h3 em{white-space:nowrap}}