.auth[data-astro-cid-3al5v5xk]{background:0 0;border:0;border-radius:4px;width:min(100% - 32px,460px);max-height:calc(100dvh - 32px);padding:0;overflow:auto}.auth[data-astro-cid-3al5v5xk]::backdrop{background:#2e0f19b8}.auth__panel[data-astro-cid-3al5v5xk]{color:var(--body);flex-direction:column;gap:16px;padding:clamp(24px,6vw,40px);display:flex;position:relative}.auth__close[data-astro-cid-3al5v5xk]{width:44px;height:44px;color:var(--muted);background:0 0;border:0;font-size:28px;line-height:1;position:absolute;top:8px;right:8px}.auth__tag[data-astro-cid-3al5v5xk]{color:var(--wine-700);font-size:28px;line-height:1.2}.auth__title[data-astro-cid-3al5v5xk]{font-family:var(--serif);color:var(--ink);margin-top:-8px;font-size:34px;font-weight:500;line-height:1.1}.auth__why[data-astro-cid-3al5v5xk],.auth__hint[data-astro-cid-3al5v5xk],.auth__terms[data-astro-cid-3al5v5xk],.auth__switch[data-astro-cid-3al5v5xk]{color:var(--muted);font-size:15px}.auth__google[data-astro-cid-3al5v5xk]{border:1.5px solid var(--rose-300);min-height:52px;color:var(--ink);background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:12px;font-weight:600;text-decoration:none;display:flex}.auth__google[data-astro-cid-3al5v5xk] svg[data-astro-cid-3al5v5xk]{width:20px;height:20px}.auth__or[data-astro-cid-3al5v5xk]{color:var(--muted);align-items:center;gap:12px;font-size:14px;display:flex}.auth__or[data-astro-cid-3al5v5xk]:before,.auth__or[data-astro-cid-3al5v5xk]:after{content:"";background:var(--blush-300);flex:1;height:1px}.auth__field[data-astro-cid-3al5v5xk]{flex-direction:column;gap:6px;display:flex}.auth__field[data-astro-cid-3al5v5xk] label[data-astro-cid-3al5v5xk]{color:var(--ink);font-size:15px;font-weight:600}.auth__field[data-astro-cid-3al5v5xk] input[data-astro-cid-3al5v5xk]{border:1.5px solid var(--rose-300);width:100%;min-height:50px;font:inherit;color:var(--ink);background:#fff;border-radius:8px;padding:10px 14px;font-size:18px}.auth__field[data-astro-cid-3al5v5xk] input[data-astro-cid-3al5v5xk]:focus-visible{border-color:var(--wine-700);outline:none;box-shadow:0 0 0 3px #7a123026}.auth__error[data-astro-cid-3al5v5xk]{border-left:4px solid var(--rose-600);color:var(--ink);background:#fbe9e3;padding:12px 16px}.auth__submit[data-astro-cid-3al5v5xk][disabled]{opacity:.6}.auth__switch[data-astro-cid-3al5v5xk]{flex-wrap:wrap;gap:6px;display:flex}.auth__switch--code[data-astro-cid-3al5v5xk]{gap:8px 24px}.auth__code[data-astro-cid-3al5v5xk]{letter-spacing:.3em;font-variant-numeric:tabular-nums}.auth__switch[data-astro-cid-3al5v5xk] button[data-astro-cid-3al5v5xk]{color:var(--wine-700);text-underline-offset:.2em;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.auth__terms[data-astro-cid-3al5v5xk] a[data-astro-cid-3al5v5xk]{color:var(--wine-700)}.studio{--line:#f7b7a638;--glass:#fff6f20d;--radius:14px;padding-block:clamp(20px,4vw,48px) clamp(64px,8vw,104px)}.studio__wrap{flex-direction:column;gap:24px;display:flex}.studio__head{flex-direction:column;gap:10px;display:flex}.studio__eyebrow{color:var(--coral)}.studio__title{font-family:var(--serif);letter-spacing:-.015em;overflow-wrap:anywhere;font-size:clamp(38px,5vw,64px);font-weight:500;line-height:1.05}.studio__status{min-height:1.3em;color:var(--coral);font-size:clamp(26px,2.8vw,36px);line-height:1.3}.studio .facts{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.studio .fact{border:1px solid var(--line);color:var(--cream-soft);border-radius:999px;padding:4px 12px;font-size:14px}.studio__help,.studio .stage__lede,.studio .stage__small,.studio .side__note{max-width:680px;color:var(--cream-soft)}.studio__help,.studio .stage__small,.studio .side__note{font-size:15px}.studio__help a,.studio .notice a{color:var(--coral)}.studio .notice{border:1.5px dashed var(--coral);border-radius:10px;padding:14px 18px}.studio .alert{border-left:5px solid var(--coral);background:var(--cream);color:var(--ink);border-radius:6px;padding:16px 20px;font-weight:500}.studio .link{color:var(--wine-700);text-underline-offset:.2em;background:0 0;border:0;padding:10px 2px;font-weight:600;text-decoration:underline}.studio .link--light{color:var(--coral);padding:0}.studio .btn[disabled]{opacity:.45;cursor:default;transform:none}.studio .paper{border-radius:var(--radius)}.studio .label{letter-spacing:.16em}.studio .progress ol{border:1px solid var(--line);border-radius:var(--radius);background:var(--glass);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:0;padding:18px clamp(16px,3vw,28px);display:grid}.studio .progress li{min-width:0;color:var(--rose-400);align-items:center;gap:12px;padding-right:12px;font-size:15px;font-weight:600;display:flex;position:relative}.studio .progress li:not(:last-child):after{content:"";background:var(--line);border-radius:1px;flex:auto;min-width:16px;height:2px}.studio .progress li.is-done:not(:last-child):after{background:var(--coral)}.studio .progress__dot{border:2px solid var(--line-dark);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:15px;display:grid}.studio .progress__dot svg{width:18px;height:18px;fill:var(--wine-900);display:none}.studio .progress__name{flex:0 auto;min-width:0;line-height:1.25}.studio .progress .is-now{color:var(--cream)}.studio .progress .is-now .progress__dot{border-color:var(--cream);background:var(--cream);color:var(--wine-900);box-shadow:0 0 0 5px #fbe9e324}.studio .progress .is-done{color:var(--cream-soft)}.studio .progress .is-done .progress__dot{border-color:var(--coral);background:var(--coral)}.studio .progress .is-done .progress__n{display:none}.studio .progress .is-done .progress__dot svg{display:block}.studio .stage{flex-direction:column;gap:22px;display:flex}.studio .stage:focus,.studio .editor__title:focus,.studio .videobox:focus,.studio .options:focus,.studio .reader:focus{outline:none}.studio .layout{grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:start;gap:clamp(20px,3vw,36px);display:grid}.studio .layout__main{flex-direction:column;gap:20px;min-width:0;display:flex}.studio .layout__side{flex-direction:column;gap:16px;min-width:0;display:flex;position:sticky;top:20px}.studio .stage__title{font-family:var(--serif);font-size:clamp(30px,3.6vw,44px);font-style:italic;font-weight:500;line-height:1.1}.studio .stage__label{letter-spacing:.16em;text-transform:uppercase;color:var(--coral);margin-top:6px;font-size:13px;font-weight:600}.studio .stage__back .link{font-weight:600}.studio .card{border-radius:var(--radius);color:var(--body);flex-direction:column;gap:12px;padding:clamp(20px,2.4vw,26px);display:flex}.studio .card--dark{border:1px solid var(--line);background:var(--glass);color:var(--cream-soft)}.studio .card__title{font-family:var(--serif);color:var(--ink);align-items:center;gap:10px;font-size:26px;font-weight:500;line-height:1.15;display:flex}.studio .card--dark .card__title{color:var(--cream)}.studio .card__title svg{width:22px;height:22px;fill:var(--coral)}.studio .card__text{font-size:16px}.studio .card__small{color:var(--muted);font-size:14px}.studio .card--dark .card__small{color:var(--rose-300)}.studio .card a,.paywall a{color:var(--wine-700)}.studio .card a.btn{color:#fff6f2}.studio .card--dark a{color:var(--coral)}.studio .problem,.paywall .problem{border-left:4px solid var(--rose-600);color:var(--ink);background:#fbe9e3;border-radius:4px;padding:12px 16px;font-size:15px}.studio .tips{counter-reset:tip;flex-direction:column;gap:12px;display:flex}.studio .tips li{counter-increment:tip;padding-left:34px;font-size:15px;position:relative}.studio .tips li:before{content:counter(tip);background:var(--coral);width:22px;height:22px;color:var(--wine-900);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid;position:absolute;top:0;left:0}.studio .dots{gap:6px;display:flex}.studio .dot{background:var(--coral);border-radius:50%;width:10px;height:10px}.studio .dot.is-used{box-shadow:inset 0 0 0 1.5px var(--line-dark);background:0 0}.studio .card--dark .btn--outline{align-self:flex-start}@media (width<=959px){.studio .layout{grid-template-columns:minmax(0,1fr)}.studio .layout__side{position:static}}@media (width<=700px){.studio .progress ol{padding:14px;display:flex}.studio .progress li{flex:none;padding-right:6px}.studio .progress li.is-now{flex:auto}.studio .progress li:not(.is-now) .progress__name{display:none}.studio .progress__name{font-size:14px}}
