.home-shell{--header-height:60px;--shell-pad:14px;--sheet-radius:16px;isolation:isolate;height:100dvh;min-height:0;padding:var(--header-height) var(--shell-pad) var(--shell-pad);color:var(--text);font-family:var(--font-brand);flex-direction:column;align-items:stretch;display:flex;position:relative;overflow:hidden}.home-header{top:0;left:var(--shell-pad);right:var(--shell-pad);z-index:10;height:var(--header-height);background:0 0;position:fixed}.home-header-field{display:none}.home-header-bar{height:var(--header-height);align-items:center;gap:10px;padding:0 10px;display:flex;position:relative}.home-brand{color:var(--text);align-items:center;gap:8px;text-decoration:none;display:inline-flex}.home-brand .brand-mark.brand-mark-plain{color:currentColor;transform:none}.home-brand .brand-mark-plain .brand-mark-glyph{width:100%;height:100%}.home-brand .brand-word{letter-spacing:-.04em;font-size:23px;line-height:1}.home-studio-picker{z-index:3;position:relative}.home-studio-picker:before{content:none}.home-studio-trigger{background:color-mix(in srgb, var(--ink) 6%, transparent);min-height:34px;color:var(--text-soft);letter-spacing:-.01em;border-radius:11px;align-items:center;gap:7px;padding:0 9px 0 5px;font-size:13px;transition:background-color .22s,color .22s;display:inline-flex;position:relative}.home-studio-trigger-content{align-items:center;gap:7px;display:inline-flex}.home-studio-trigger:hover,.home-studio-trigger[data-open]{background:color-mix(in srgb, var(--text) 6%, transparent);color:var(--text)}.home-studio-trigger-mark,.home-studio-option-mark,.home-empty-flag{background:var(--accent-soft);color:var(--accent-ink);letter-spacing:.04em;place-items:center;font-size:9px;display:grid}.home-studio-trigger-mark[data-flag],.home-studio-option-mark[data-flag],.home-empty-flag[data-flag]{background:0 0}.home-studio-flag-image{object-fit:contain;border-radius:999px;width:calc(100% - 2px);height:calc(100% - 2px);display:block}.home-studio-trigger-mark{border-radius:8px;width:24px;height:24px}.home-studio-trigger-label{white-space:nowrap}.home-studio-trigger-chevron{color:var(--text-faint);transition:transform .24s cubic-bezier(.22,1,.36,1)}.home-studio-trigger[data-open] .home-studio-trigger-chevron{transform:rotate(180deg)}.home-studio-menu{z-index:20;border:1px solid color-mix(in srgb, var(--text) 10%, transparent);background:var(--canvas);width:min(282px,100vw - 32px);box-shadow:0 18px 48px color-mix(in srgb, var(--elevation-shadow-color) 10%, transparent);transform-origin:0 0;border-radius:14px;padding:5px;position:absolute;top:calc(100% + 5px);left:0}.home-studio-menu-options{flex-direction:column;gap:2px;display:flex}.home-studio-menu-scroll{overscroll-behavior:contain;scrollbar-color:color-mix(in srgb, var(--text) 14%, transparent) transparent;scrollbar-width:thin;max-height:min(380px,100dvh - 330px);padding-right:1px;overflow:hidden auto}.home-studio-option{width:100%;min-height:42px;color:var(--text);text-align:left;border-radius:10px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;padding:5px 9px 5px 6px;text-decoration:none;transition:background-color .18s;display:grid;position:relative}.home-studio-option:hover{background:color-mix(in srgb, var(--text) 5%, transparent)}.home-studio-option:focus-visible{outline:1px solid color-mix(in srgb, var(--ink) 36%, transparent);outline-offset:-1px}.home-studio-option[data-active]{background:color-mix(in srgb, var(--accent-soft) 55%, transparent)}.home-studio-option-mark{border-radius:9px;width:28px;height:28px}.home-studio-option-copy{min-width:0;display:block}.home-studio-option-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:400;display:block;overflow:hidden}.home-studio-request-item{border-radius:10px;transition:background-color .18s}.home-studio-request-item[data-pending]{background:color-mix(in srgb, var(--text) 4%, transparent)}.home-studio-request-item[data-pending] .home-studio-option{border-radius:10px 10px 5px 5px}.home-studio-option-locked{cursor:pointer;color:var(--text-soft);opacity:.52;transition:background-color .13s,color .13s,opacity .13s}.home-studio-option-locked:hover,.home-studio-option-locked:focus-visible{color:var(--text);opacity:.84}.home-studio-option-locked .home-studio-option-mark{filter:saturate(.48);transition:filter .15s}.home-studio-option-locked:hover .home-studio-option-mark,.home-studio-option-locked:focus-visible .home-studio-option-mark{filter:saturate(.82)}.home-studio-option-status{background:color-mix(in srgb, var(--text) 4%, transparent);width:28px;height:28px;color:var(--text-faint);border-radius:9px;place-items:center;transition:background-color .15s,color .15s,transform .15s;display:grid}.home-studio-option-locked:hover .home-studio-option-status,.home-studio-option-locked:focus-visible .home-studio-option-status{background:color-mix(in srgb, var(--text) 8%, transparent);color:var(--text-soft)}.home-studio-option-locked[data-requested]{cursor:default;opacity:.72}.home-studio-option-status[data-requested]{background:color-mix(in srgb, var(--accent-soft) 66%, transparent);color:var(--accent-ink)}.home-studio-option-status[data-celebrate]{white-space:nowrap;gap:5px;width:auto;padding:0 9px;font-size:10.5px}.home-studio-request-item[data-just-requested]{animation:.72s cubic-bezier(.22,1,.36,1) home-studio-requested-row}.home-studio-request-item[data-just-requested] .home-studio-option-status{animation:.72s cubic-bezier(.22,1,.36,1) home-studio-requested-icon}.home-studio-inline-request{justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:3px 6px 7px 12px;animation:.21s cubic-bezier(.22,1,.36,1) home-studio-inline-in;display:flex}.home-studio-inline-copy{min-width:0;color:var(--text-faint);font-size:11.5px;line-height:1.25}.home-studio-inline-copy[data-error]{color:var(--danger,#a5493c)}.home-studio-inline-actions{flex:none;align-items:center;gap:4px;display:flex}.home-studio-inline-actions button{min-height:28px;color:var(--text-faint);border-radius:8px;padding:0 8px;font-size:11.5px;transition:background-color .14s,color .14s,opacity .14s}.home-studio-inline-actions button:first-child{place-items:center;width:28px;padding:0;display:grid}.home-studio-inline-actions button:hover:not(:disabled){background:color-mix(in srgb, var(--text) 7%, transparent);color:var(--text)}.home-studio-inline-actions .home-studio-inline-submit{background:var(--ink);color:var(--gray)}.home-studio-inline-actions .home-studio-inline-submit:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 88%, #fff);color:var(--gray)}.home-studio-inline-actions button:disabled{cursor:wait;opacity:.5}@keyframes home-studio-inline-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes home-studio-requested-row{0%,to{background:0 0}36%{background:color-mix(in srgb, var(--accent-soft) 78%, transparent)}}@keyframes home-studio-requested-icon{0%{opacity:0;transform:scale(.55)rotate(-16deg)}55%{opacity:1;transform:scale(1.14)rotate(3deg)}to{opacity:1;transform:scale(1)rotate(0)}}.home-header-actions{top:0;right:var(--shell-pad);z-index:10;height:var(--header-height);align-items:center;gap:8px;padding:0 10px;display:flex;position:fixed}.home-create{background:var(--ink);min-height:34px;color:var(--gray);letter-spacing:-.01em;border-radius:12px;align-items:center;gap:6px;padding:0 12px;font-size:13px;transition:background-color .16s;display:inline-flex}.home-create:hover{background:color-mix(in srgb, var(--ink) 88%, #fff)}.home-empty{justify-content:flex-start;width:100%;margin-top:14px;padding:18px 32px 38px;display:flex}.home-empty-flag{border-radius:9px;place-items:center;width:28px;height:28px;display:grid}.home-account{position:relative}.home-account-trigger{background:0 0;border-radius:10px;place-items:center;width:34px;height:34px;transition:background .14s;display:grid}.home-account-trigger:hover,.home-account-trigger[data-open]{background:color-mix(in srgb, var(--text) 6%, transparent)}.home-account-trigger .account-avatar,.home-account-trigger .account-avatar-image{width:30px;height:30px}.home-account-menu{width:min(260px,100vw - 32px);inset:calc(100% + 6px) 0 auto auto}.home-account-summary{flex-direction:column;gap:2px;padding:8px 10px 6px;display:flex}.home-account-summary strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:400;overflow:hidden}.home-account-summary span{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.home-shell .account-sign-in{gap:8px}@media (max-width:620px){.home-create span{display:none}.home-create{justify-content:center;width:34px;padding:0}.home-empty{padding-inline:18px}}.home-scroll-brand{top:calc(var(--shell-pad) + 4px);left:calc(var(--shell-pad) + 8px);z-index:10;background:color-mix(in srgb, var(--canvas) 55%, transparent);-webkit-backdrop-filter:blur(16px);pointer-events:none;opacity:0;border-radius:14px;align-items:center;width:fit-content;padding:8px 12px 8px 10px;transition:opacity .42s,transform .42s;display:flex;position:fixed;transform:translateY(-6px)}.home-scroll-brand.is-visible{pointer-events:auto;opacity:1;transform:translateY(0)}.home-panel{z-index:1;width:100%;height:calc(100dvh - var(--header-height) - var(--shell-pad));border-radius:var(--sheet-radius);background:var(--canvas);min-height:0;position:relative;overflow:hidden}:is(html:has(.home-shell),body:has(.home-shell)){background:var(--background);scrollbar-width:none;height:100%;overflow:hidden}html:has(.home-shell)::-webkit-scrollbar{display:none}body:has(.home-shell)::-webkit-scrollbar{display:none}.home-stage{flex-direction:column;width:min(100%,980px);height:100%;min-height:0;margin:0 auto;padding:48px 16px 40px;display:flex;position:relative}.home-hero{width:100%;padding-top:36px}.home-hero-copy{place-items:center;width:min(100%,675px);margin:0 auto;padding-bottom:10px;transition:opacity .18s,transform .26s cubic-bezier(.22,1,.36,1);display:grid}.home-hero:not([data-creation-state=idle]) .home-hero-copy{opacity:0;pointer-events:none;transform:translateY(7px)scale(.96)}.home-studio-pet{isolation:isolate;transform-origin:50% 82%;place-items:center;width:118px;height:118px;display:grid;position:relative}.home-studio-pet:before{z-index:-1;background:color-mix(in srgb, var(--accent) 15%, transparent);content:"";filter:blur(16px);border-radius:999px;height:24%;animation:7.6s ease-in-out infinite home-studio-pet-shadow;position:absolute;bottom:1%;left:9%;right:9%;transform:scaleX(.88)}.home-studio-pet .home-studio-pet-character{z-index:1;pointer-events:none;width:92.3077%;height:100%;position:absolute;top:0;left:3.84615%}.home-studio-pet-flag{z-index:2;pointer-events:none;transform-origin:14% 72%;width:28%;height:28%;animation:7.8s ease-in-out infinite home-studio-pet-flag-sway;display:block;position:absolute;top:51%;left:71%}.home-studio-pet-flag-image{object-fit:contain;transform-origin:50%;border-radius:50%;width:100%;height:100%;display:block;position:absolute;inset:0;transform:rotate(3deg)}.home-studio-pet[data-state=thinking]:before,.home-studio-pet[data-state=saving]:before{background:color-mix(in srgb, var(--accent) 24%, transparent)}.home-studio-pet[data-state=ready]:before{background:color-mix(in srgb, var(--accent) 21%, transparent)}.home-notebooks{width:min(100%,932px);margin:auto auto 0;padding-top:40px}.home-notebooks-title{color:var(--text);font-family:var(--font-brand);letter-spacing:-.02em;margin:0;font-size:18px;font-weight:400;line-height:1.25}@keyframes home-studio-pet-flag-sway{0%,to{transform:rotate(-.35deg)}50%{transform:rotate(.45deg)}}@keyframes home-studio-pet-shadow{0%,to{opacity:.62;transform:scaleX(.89)}50%{opacity:.72;transform:scaleX(.92)}}@media (prefers-reduced-motion:reduce){.home-studio-pet:before,.home-studio-pet-character,.home-studio-pet-flag,.home-notebooks-title,.home-studio-inline-request,.home-studio-request-item[data-just-requested],.home-studio-request-item[data-just-requested] .home-studio-option-status{animation:none}.home-hero-copy,.home-empty .notebook{transition:none}}.home-notebooks-lede{color:var(--text-faint);margin:6px 0 0;font-size:13.5px;line-height:1.45}@media (max-width:760px){.home-studio-trigger{gap:4px}}@media (max-width:620px){.home-studio-picker-composer .home-studio-menu{top:auto;right:var(--shell-pad);bottom:var(--shell-pad);left:var(--shell-pad);transform-origin:0 100%;width:auto;position:fixed}.home-studio-picker-composer .home-studio-menu-scroll{max-height:min(560px,100dvh - 110px)}}.home-shelf-frame{margin-top:14px;width:min(100%,932px);margin-inline:auto;position:relative}.home-shelf-frame:before,.home-shelf-frame:after{content:"";z-index:4;opacity:0;pointer-events:none;width:56px;transition:opacity .18s;position:absolute;top:0;bottom:0}.home-shelf-frame:before{background:linear-gradient(to right, var(--canvas) 12%, transparent);left:0}.home-shelf-frame:after{background:linear-gradient(to left, var(--canvas) 12%, transparent);right:0}.home-shelf-frame[data-fade-start]:before,.home-shelf-frame[data-fade-end]:after{opacity:1}.home-shelf{overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;scrollbar-width:none;grid-auto-columns:164px;grid-auto-flow:column;justify-content:center;gap:12px;width:100%;padding:18px 32px 38px;scroll-padding-inline:32px;display:grid;overflow:auto hidden}.home-shelf-frame[data-overflow] .home-shelf{justify-content:start}.home-shelf::-webkit-scrollbar{display:none}.home-shelf>.notebook{scroll-snap-align:start}.home-shelf>.notebook:first-child .notebook-tip{left:0;right:auto}@media (max-height:760px){.home-stage{padding-top:28px;padding-bottom:22px}.home-hero{padding-top:18px}.home-hero-copy{padding-bottom:8px}.home-studio-pet{width:96px;height:96px}.home-notebooks{padding-top:6px}.home-empty{align-items:flex-start;height:90px;margin-top:4px;padding:0 32px}.home-empty .notebook{transform-origin:0 0;transform:scale(.48)}.home-empty .notebook:hover,.home-empty .notebook:focus-visible{transform:translate(1px,-2px)rotate(.7deg)scale(.49)}}.notebook{--nb-line:color-mix(in srgb, var(--ink) 20%, transparent);--nb-line-strong:color-mix(in srgb, var(--ink) 35%, transparent);--nb-line-soft:color-mix(in srgb, var(--ink) 15%, transparent);--nb-line-faint:color-mix(in srgb, var(--ink) 10%, transparent);--nb-ease:cubic-bezier(.22, 1, .36, 1);cursor:pointer;text-align:left;transform-origin:bottom;width:164px;height:184px;transition:transform .5s var(--nb-ease);will-change:transform;flex-shrink:0;padding-top:8px;position:relative}.notebook:hover,.notebook:focus-visible{z-index:3;outline:none;transform:translate(2px,-6px)rotate(1.4deg)scale(1.018)}.notebook-preview{cursor:default;pointer-events:none}.notebook-preview:hover,.notebook-preview:focus-visible{z-index:auto;transform:none}.notebook-preview:hover .notebook-sheet-back,.notebook-preview:focus-visible .notebook-sheet-back,.notebook-preview:hover .notebook-sheet-mid,.notebook-preview:focus-visible .notebook-sheet-mid,.notebook-preview:hover .notebook-face,.notebook-preview:focus-visible .notebook-face{transform:none}.notebook-preview:hover .notebook-face,.notebook-preview:focus-visible .notebook-face{border-color:var(--nb-line);box-shadow:none}:root[data-theme=dark] .notebook-preview{--nb-line:color-mix(in srgb, var(--ink) 30%, transparent);--nb-line-soft:color-mix(in srgb, var(--ink) 20%, transparent);--nb-line-faint:color-mix(in srgb, var(--ink) 14%, transparent)}:root[data-theme=dark] .notebook-preview .notebook-face{border-color:color-mix(in srgb, var(--ink) 20%, transparent);background:var(--surface-strong)}:root[data-theme=dark] .notebook-preview .notebook-sheet-mid{background:color-mix(in srgb, var(--surface-strong) 78%, var(--canvas))}.notebook:focus-within{z-index:3}.notebook[aria-disabled=true]{pointer-events:none;opacity:.5}.notebook-sheet-back,.notebook-sheet-mid{transform-origin:100% 100%;transition:transform .5s var(--nb-ease);border-radius:16px;position:absolute}.notebook-sheet-back{border:.5px solid var(--nb-line-faint);background:var(--canvas);height:170px;top:0;left:12px;right:0}.notebook-sheet-mid{border:.5px solid var(--nb-line-soft);background:color-mix(in srgb, var(--gray) 32%, #fff);height:174px;top:4px;left:6px;right:6px}.notebook:hover .notebook-sheet-back,.notebook:focus-visible .notebook-sheet-back{transform:translate(4px,-4px)rotate(1deg)}.notebook:hover .notebook-sheet-mid,.notebook:focus-visible .notebook-sheet-mid{transform:translate(2px,-2px)rotate(.6deg)}.notebook-face{border:.5px solid var(--nb-line);background:var(--gray);height:176px;transition:border-color .5s var(--nb-ease), box-shadow .5s var(--nb-ease), transform .5s var(--nb-ease);border-radius:16px;flex-direction:column;padding:12px;display:flex;position:relative}.notebook-skeleton-mark{background:color-mix(in srgb, var(--ink) 7%, transparent);border-radius:10px;width:32px;height:32px}.notebook-skeleton-copy{gap:8px;margin-top:auto;display:grid}.notebook-skeleton-copy i{background:color-mix(in srgb, var(--ink) 7%, transparent);border-radius:999px;width:100%;height:11px;display:block}.notebook-skeleton-copy i:last-child{width:68%}.notebook:hover .notebook-face,.notebook:focus-visible .notebook-face{border-color:var(--nb-line-strong);box-shadow:0 12px 24px color-mix(in srgb, var(--elevation-shadow-color) 5%, transparent);transform:translateY(-4px)}.notebook-face-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.notebook-study{background:color-mix(in srgb, var(--canvas) 85%, transparent);width:36px;height:36px;color:var(--ink);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.notebook-info{flex-shrink:0;position:relative}.notebook-info>button{width:32px;height:32px;color:color-mix(in srgb, var(--text-soft) 70%, transparent);transition:background .3s var(--nb-ease), color .3s var(--nb-ease);background:0 0;border-radius:10px;place-items:center;display:grid}.notebook-info>button:hover,.notebook-info>button:focus-visible{background:color-mix(in srgb, var(--canvas) 55%, transparent);color:var(--text);outline:none}.notebook-tip{z-index:5;border:.5px solid var(--nb-line-soft);background:var(--gray);width:220px;box-shadow:0 5px 15px color-mix(in srgb, var(--elevation-shadow-color) 3%, transparent);opacity:0;pointer-events:none;transition:opacity .14s var(--nb-ease);border-radius:12px;flex-direction:column;gap:6px;padding:12px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.notebook-info:hover .notebook-tip,.notebook-info:focus-within .notebook-tip{opacity:1;transition-delay:.14s}.notebook-tip-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.notebook-tip-head strong{color:var(--accent-ink);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:400;overflow:hidden}.notebook-tip-head em{background:var(--accent-soft);color:var(--accent-ink);letter-spacing:.05em;border-radius:999px;flex-shrink:0;padding:2px 7px;font-size:11px;font-style:normal;font-weight:400}.notebook-tip-label{color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:400}.notebook-tip-body{color:var(--text-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.notebook-title{color:var(--ink);font-family:var(--font-brand);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-top:auto;font-size:17px;font-weight:400;line-height:1.12;display:-webkit-box;overflow:hidden}.notebook-with-cta{cursor:default}.notebook-info>.notebook-cta{background:var(--ink);width:auto;min-width:52px;height:32px;color:var(--gray);font-family:var(--font-sans);transition:opacity .18s ease, transform .22s var(--nb-ease);border-radius:999px;padding:0 10px;font-size:11.5px;line-height:1}.notebook-info>.notebook-cta:hover,.notebook-info>.notebook-cta:focus-visible{background:var(--ink);color:var(--gray);opacity:.82;outline:none;transform:translateY(-1px)}.notebook-new-face{background:color-mix(in srgb, var(--gray) 55%, var(--canvas));border-style:dashed}.notebook-new-cue{background:color-mix(in srgb, var(--canvas) 85%, transparent);width:36px;height:36px;color:var(--text-soft);transition:color .3s var(--nb-ease);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.notebook:hover .notebook-new-cue{color:var(--accent-ink)}.notebook-fork{background:var(--ink);color:var(--gray);border-radius:999px;flex-shrink:0;padding:5px 12px;font-size:12px;font-weight:400}.notebook-fork:disabled{cursor:not-allowed;opacity:.5}