.service-scope{--bg:#faf9f6;--surface:#fff;--ink:#171717;--muted:#68665f;--line:#dfddd6;--accent:#171717;--soft:#f0e9dc;--color-on-accent:#fff;--color-foreground:var(--ink);--color-background:var(--bg);--color-surface:var(--surface);--color-surface-subtle:var(--soft);--color-border:var(--line);--color-accent:var(--accent);--color-muted:var(--muted);--color-link:var(--accent);color:var(--ink);background:var(--bg);isolation:isolate;min-height:100dvh;font-size:16px}.service-scope :focus-visible:not(.personal-preview *){outline-offset:4px;outline:2px solid #171717}.service-scope p:not(.personal-preview *){font-size:16px;line-height:1.8}.service-scope .eyebrow:not(.personal-preview *){letter-spacing:.13em;color:var(--muted);font-size:11px}.service-scope .button:not(.personal-preview *),.service-scope .text-link:not(.personal-preview *){border-radius:8px;min-height:46px;padding:12px 22px;font-size:14px}.service-scope .button:hover:not(.personal-preview *):not(.danger),.service-scope .text-link:not(:disabled):hover:not(.personal-preview *){color:#fff;background:#383732;border-color:#383732}.service-scope .button.secondary:hover:not(.personal-preview *){color:#171717;background:#f0e9dc;border-color:#b6afa1}.service-scope .button.small:not(.personal-preview *){min-height:38px;padding:8px 14px}.service-scope .button:disabled:not(.personal-preview *){cursor:not-allowed;transform:none}.service-scope .text-link:not(.personal-preview *){font-size:14px;text-decoration:none}.service-scope .auth-card>.text-link{margin-top:14px}.service-scope .studio-navigation [aria-current=step],.service-scope .studio-navigation [aria-pressed=true]{color:#fff;background:#171717;border-color:#171717}.service-scope .starter-option[aria-pressed=true]{background:#f5f0e7;border-color:#171717;outline-color:#171717}.brand-lockup{color:#171717;flex-shrink:0;align-items:center;gap:10px;line-height:1;display:inline-flex}.brand-lockup img{flex-shrink:0;width:44px;height:44px;display:block}.brand-lockup>span{letter-spacing:-.065em;font-size:29px;font-weight:650}.brand-lockup-inverse{color:#fff}.service-scope .marketing-header{border-bottom-color:var(--line);gap:20px;max-width:1440px;height:96px}.service-scope .marketing-header nav{gap:30px;font-size:14px}.service-scope .marketing-header .button{min-height:42px}.service-scope .dashboard-nav{border-color:var(--line);background:#f1eee6;padding:30px 20px}.service-scope .dashboard-nav .brand-lockup{padding:0 8px}.service-scope .dashboard-nav nav{gap:6px}.service-scope .dashboard-nav nav a{padding:13px 12px;font-size:14px}.service-scope .dashboard-nav nav a[aria-current=page]{color:#fff;background:#171717;font-weight:550}.service-scope .dashboard-nav nav a:hover:not([aria-current=page]){background:#e5dfd3}.service-scope .dashboard-main{padding-top:48px;padding-bottom:72px}.service-scope .dashboard-heading{margin-bottom:32px}.service-scope .dashboard-heading h1{letter-spacing:-.045em;font-size:clamp(28px,3vw,36px);font-weight:550}.service-scope .creation-guide{background:#f6f1e7;border-color:#e8dfcd;border-radius:16px;padding:28px}.service-scope .section-card:not(.personal-preview *),.service-scope .card:not(.personal-preview *){border-radius:14px;box-shadow:0 3px 18px #17171703}.service-scope .section-card>h2,.service-scope .card h2{font-size:22px;font-weight:550}.service-scope input:not([type=checkbox]):not([type=radio]):not(.personal-preview *),.service-scope select:not(.personal-preview *),.service-scope textarea:not(.personal-preview *){border-color:#c5c0b5;border-radius:8px;font-size:15px}.service-scope .save-bar{border-color:#d4cfc3;margin-top:28px;padding:16px;box-shadow:0 8px 32px #1717170a}.service-scope .editor-toolbar{background:#f3f0e9;border-radius:10px 10px 0 0;gap:6px}.service-scope .editor-toolbar button{min-height:34px;font-size:13px}.service-scope .editor-toolbar button[aria-pressed=true]{color:#fff;background:#171717}.service-scope .tiptap{line-height:1.85}.service-scope .notice:not(.error):not(.personal-preview *){color:#37352f;background:#f1eee6;border-color:#d9d3c7}.service-scope .preview-dialog{color:#171717;background:#fff;max-width:1040px;padding:24px}.service-scope .preview-dialog>.personal-preview{border-radius:12px;margin-top:24px;padding:clamp(20px,3vw,40px)}.service-scope .history-preview .personal-preview{border-radius:12px;padding:24px}.service-scope .theme-choice-preview{margin:12px 0 20px}.service-scope .auth-shell{min-height:calc(100dvh - 96px)}.service-scope .auth-story{background:#f0e9dc;padding:64px clamp(32px,5vw,80px);position:relative;overflow:hidden}.service-scope .auth-story h1{letter-spacing:-.055em;margin:22px 0;font-size:clamp(36px,4vw,54px);font-weight:500;line-height:1.3}.service-scope .auth-story>p{max-width:360px}.service-scope .auth-story-art{border-top:1px solid #cfc6b5;align-items:center;gap:26px;margin-top:56px;padding-top:30px;display:flex}.service-scope .auth-story-art img{object-fit:contain;width:100px;height:100px}.service-scope .auth-story-art p{font-size:14px}.service-scope .auth-card{padding:56px clamp(28px,5vw,72px)}.service-scope .auth-card h1{font-size:32px;font-weight:550}.service-scope .onboarding{max-width:800px;padding-top:64px;padding-bottom:72px}.service-scope .onboarding h1{font-size:clamp(30px,4vw,42px);font-weight:500}.service-scope .onboarding>p{margin-bottom:28px}.service-scope .progress-steps span{background:#e2ded5}.service-scope .progress-steps .active{background:#171717}@media (max-width:1023px){.service-scope .dashboard-nav .brand-lockup{gap:6px;padding:0}.service-scope .dashboard-nav .brand-lockup>span{font-size:25px}}@media (max-width:700px){.brand-lockup img{width:36px;height:36px}.brand-lockup>span{font-size:26px}.service-scope .marketing-header{gap:12px;height:80px;padding-inline:20px}.service-scope .marketing-header nav{gap:14px}.service-scope .marketing-header nav>a:first-child{display:none}.service-scope .marketing-header .button{min-height:40px;padding:9px 12px;font-size:13px}.service-scope .dashboard-nav{padding:20px}.service-scope .dashboard-nav .nav-bottom{top:22px}.service-scope .dashboard-main{padding:28px 20px 48px}.service-scope .creation-guide,.service-scope .section-card:not(.personal-preview *){padding:20px}.service-scope .save-bar{gap:8px;padding:12px}.service-scope .save-bar .button{padding-inline:12px}.service-scope .preview-dialog{padding:16px}.service-scope .auth-card{padding:40px 24px}.service-scope .onboarding{padding-top:36px}}@media (prefers-reduced-motion:reduce){.service-scope *,.service-scope :before,.service-scope :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.service-scope{font-family:Pretendard Variable,Pretendard,Noto Sans JP,Yu Gothic,Hiragino Kaku Gothic ProN,sans-serif}.language-switcher{flex:none;align-items:center;gap:8px;margin:0;display:inline-flex}.service-scope .language-switcher select{background:var(--surface);width:auto;min-height:36px;padding:7px 22px 7px 9px;font-size:13px}.service-scope .marketing-header nav{margin-left:auto}.service-scope .dashboard-nav>.language-switcher{align-self:flex-start}.service-scope .social-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.external-platform-button{text-align:center;border:1px solid;border-radius:8px;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:12px 16px;font-size:14px;font-weight:550;line-height:20px;transition:background .15s;display:flex}.external-platform-button svg{flex-shrink:0}.external-platform-button.platform-google{color:#e3e3e3;background:#131314;border-color:#8e918f}.external-platform-button.platform-google:hover{background:#28292a}.external-platform-button.platform-github{color:#fff;background:#24292f;border-color:#24292f}.external-platform-button.platform-github:hover{background:#3a4149}@media (max-width:700px){.service-scope .marketing-header{grid-template-columns:1fr auto;gap:12px 16px;height:auto;min-height:112px;padding-block:14px;display:grid}.service-scope .marketing-header .brand-lockup{grid-area:1/1}.service-scope .marketing-header>.language-switcher{grid-area:1/2}.service-scope .marketing-header nav{grid-area:2/1/auto/-1;justify-content:space-between;width:100%;margin:0}.service-scope .marketing-header nav>a:first-child{display:inline-flex}.service-scope .marketing-header nav>a:nth-child(2){display:none}.service-scope .dashboard-nav>.language-switcher{margin-top:0}}@media (max-width:480px){.service-scope .social-row{grid-template-columns:1fr}.service-scope .marketing-header nav{gap:12px;font-size:13px}}