@import"https://fonts.googleapis.com/css2?family=Architects+Daughter&family=Atkinson+Hyperlegible:wght@400;700&family=Bree+Serif&family=Caveat:wght@400;700&family=Coming+Soon&family=Fraunces:opsz,wght@9..144,400&family=Gloria+Hallelujah&family=Gochi+Hand&family=Handlee&family=Indie+Flower&family=Inter:wght@400;500;700&family=JetBrains+Mono:wght@400;600&family=Kalam:wght@400;700&family=Lora:wght@400;700&family=Merriweather:wght@400;700&family=Nunito+Sans:wght@400;600;700&family=Patrick+Hand&family=Poppins:wght@400;600&family=Schoolbell&family=Short+Stack&family=Space+Grotesk:wght@400;500;700&display=swap";:root{color-scheme:dark;--bg: #09111f;--bg-deep: #050b15;--panel-top: rgba(16, 27, 48, .9);--panel-bottom: rgba(9, 17, 31, .88);--panel-edge: rgba(148, 179, 255, .12);--panel-sheen: rgba(156, 190, 255, .08);--text: rgba(245, 248, 255, .96);--muted: rgba(196, 207, 229, .74);--border: rgba(148, 179, 255, .18);--danger: #ff6b6b;--shadow: 0 28px 80px rgba(2, 6, 16, .48);--radius: 18px;--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background-color:var(--bg);background-image:radial-gradient(960px 540px at 10% 0%,#498cff2e,#498cff00 72%),radial-gradient(860px 520px at 92% 12%,#49e4d61f,#49e4d600 74%),linear-gradient(180deg,#0c1630 0%,var(--bg) 34%,var(--bg-deep) 100%);color:var(--text);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(700px 360px at 22% 18%,#6a91ff14,#6a91ff00 72%),radial-gradient(640px 320px at 78% 26%,#58c3ff12,#58c3ff00 72%);opacity:.9}body.worksheet-landing:before{display:none}.app{min-height:100dvh;display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:20px;max-width:1800px;margin:0 auto;padding:20px;position:relative;z-index:1}.app--embedded{min-height:auto;max-width:1180px;margin:18px auto 32px;padding:0 20px 12px;gap:24px}.app--embedded .left,.app--embedded .right{align-self:start}.app--embedded .left{grid-template-rows:auto auto auto}.app--embedded .left-scroll,.app--embedded .preview-wrap{overflow:visible}.app--embedded .pages{gap:16px}.app--embedded .page{width:100%}.app--with-topbar{grid-template-rows:auto minmax(0,1fr)}.app--with-topbar .left,.app--with-topbar .right{grid-row:2}.app--immersive{grid-template-rows:minmax(0,1fr)}.topbar{grid-column:1 / -1;padding:12px 16px}.topbar .adbar{margin:0;padding:0;border:0;background:transparent;min-height:90px}.panel{position:relative;background:linear-gradient(180deg,#ffffff08,#fff0 20%),linear-gradient(180deg,var(--panel-top) 0%,var(--panel-bottom) 100%);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;min-height:0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--panel-sheen) 20%,var(--panel-sheen) 80%,transparent 100%);pointer-events:none}.panel-header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:18px 18px 14px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#ffffff0f,#fff0)}.panel-header-actions{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;justify-content:flex-end}.title{margin:0;font-size:16px;letter-spacing:.3px}.brand-title{display:inline-flex;align-items:center;gap:10px}.brand-icon{width:20px;height:20px;flex:0 0 auto;border-radius:6px}.subtitle{font-size:12px;color:var(--muted)}.left{display:grid;grid-template-rows:auto 1fr auto;min-height:0}.left-scroll{min-height:0;overflow:auto}.section{padding:16px 18px;border-bottom:1px solid var(--border)}.section:last-child{border-bottom:none}label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}textarea{width:100%;min-height:180px;resize:vertical;border-radius:14px;border:1px solid var(--border);background:#050a146b;color:var(--text);padding:12px;font-family:var(--mono);line-height:1.35}.emoji-picker-shell{margin-top:14px}emoji-picker.emoji-picker{display:block;width:100%;height:368px;--background: rgba(5, 10, 20, .94);--border-color: rgba(148, 179, 255, .18);--border-radius: 14px;--border-size: 1px;--button-active-background: rgba(74, 132, 255, .3);--button-hover-background: rgba(255, 255, 255, .08);--category-emoji-size: 1.1rem;--emoji-padding: .42rem;--emoji-size: 1.35rem;--indicator-color: rgba(116, 164, 255, .96);--indicator-height: 2px;--input-border-color: rgba(148, 179, 255, .22);--input-border-radius: 12px;--input-font-color: rgba(245, 248, 255, .96);--input-padding: .45rem;--input-placeholder-color: rgba(196, 207, 229, .62);--num-columns: 8;--outline-color: rgba(151, 188, 255, .98);--outline-size: 2px;--skintone-border-radius: 14px}input,select,button{font:inherit}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:10px}.control{background:linear-gradient(180deg,#111d35c7,#0a1324eb);border:1px solid var(--border);border-radius:14px;padding:12px;box-shadow:inset 0 1px #ffffff08}.control .value{font-size:12px;color:var(--muted);margin-top:6px}.theme-picker{border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg,#111d3561,#0a13247a);overflow:hidden}.theme-picker__title{margin:0;font-size:12px;color:var(--muted)}.theme-picker__summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;cursor:pointer;-webkit-user-select:none;user-select:none}.theme-picker__summary::-webkit-details-marker{display:none}.theme-picker__summary-copy{display:grid;gap:2px}.theme-picker__current{font-size:14px;font-weight:600;color:var(--text)}.theme-picker__chevron{width:10px;height:10px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg) translateY(-1px);transition:transform .12s ease}.theme-picker[open] .theme-picker__chevron{transform:rotate(-135deg) translateY(-1px)}.theme-picker__body{display:grid;gap:12px;padding:0 14px 14px;border-top:1px solid var(--border)}.theme-picker__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.theme-picker-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:grid;gap:8px;padding:10px;border-radius:16px;border:1px solid var(--border);background:linear-gradient(180deg,#111d35c7,#0a1324eb);color:var(--text);cursor:pointer;text-align:left;box-shadow:inset 0 1px #ffffff08;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.theme-picker-card:hover{transform:translateY(-1px);border-color:#94b3ff52}.theme-picker-card.is-active{border-color:#74a4ffb3;box-shadow:0 0 0 1px #74a4ff38,inset 0 1px #ffffff0d}.theme-picker-card__swatch{display:block;overflow:hidden;border-radius:12px;border:1px solid rgba(148,179,255,.14);background:#ffffff08}.theme-picker-card__swatch svg{display:block;width:100%;height:auto;background:#fff}.theme-picker-card__label{font-size:13px;font-weight:600;color:var(--text)}.favorites-panel{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,var(--panel-top),var(--panel-bottom))}.favorites-panel__summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;cursor:pointer;-webkit-user-select:none;user-select:none}.favorites-panel__summary::-webkit-details-marker{display:none}.favorites-panel__summary-copy{display:flex;flex-direction:column}.favorites-panel__title{font-size:14px;font-weight:600;color:var(--text)}.favorites-panel__count{font-size:12px;color:var(--muted)}.favorites-panel__chevron{width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .12s ease}.favorites-panel[open] .favorites-panel__chevron{transform:rotate(-135deg)}.favorites-panel__body{padding:0 14px 14px;display:grid;gap:8px}.fav-save-btn{width:100%;margin-bottom:4px}.fav-card{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:10px;background:#ffffff0f;border:1px solid var(--border)}.fav-card__link{color:#97bcfff5;text-decoration:none;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fav-card__link:hover{text-decoration:underline}.fav-card__info{display:flex;flex-direction:column;overflow:hidden;min-width:0}.fav-card__name{font-size:13px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fav-card__preview{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fav-card__actions{display:flex;gap:6px;flex-shrink:0}.fav-card__load{padding:4px 10px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:12px;font-weight:600;cursor:pointer}.fav-card__load:hover{background:#ffffff14}.fav-card__delete{padding:4px 8px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--muted);font-size:14px;cursor:pointer}.fav-card__delete:hover{color:var(--danger);border-color:var(--danger)}.fav-star-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin-bottom:8px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:20px;cursor:pointer;transition:color .12s ease}.fav-star-toggle:hover{color:#facc15;border-color:#facc1566}.fav-star-toggle.is-active{color:#facc15}.fav-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fav-dialog{width:min(400px,calc(100vw - 40px));padding:24px;border-radius:var(--radius);background:linear-gradient(180deg,var(--panel-top),var(--panel-bottom));border:1px solid var(--panel-edge);box-shadow:var(--shadow);color:var(--text)}.fav-dialog label{display:block;margin-bottom:6px;font-size:13px;font-weight:600}.fav-dialog input[type=text]{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#ffffff0f;color:var(--text);font-size:14px}.fav-dialog__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}input[type=number],input[type=text],select{width:100%;background:#ffffff12;color:var(--text);border:1px solid var(--border);border-radius:11px;padding:9px 10px}select{color-scheme:dark}select option,select optgroup{background:#eef4ff;color:#0c1630}select option:checked,select option:hover,select option:focus{background:#b9d7ff;color:#08111f}input[type=range]{width:100%}.toggle{display:inline-flex;border:1px solid var(--border);border-radius:999px;overflow:hidden;background:#070d188a}.section--mode-switch{display:grid;gap:8px}.toggle button{border:0;padding:8px 12px;background:transparent;color:var(--muted);cursor:pointer}.toggle button[aria-pressed=true]{background:linear-gradient(180deg,#508aff6b,#3c70d652);color:var(--text)}.locale-switcher{position:relative}.locale-switcher__summary{list-style:none;display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:8px 12px;border-radius:14px;border:1px solid var(--border);background:#070d188a;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none}.locale-switcher__summary::-webkit-details-marker{display:none}.locale-switcher__summary-label{font-size:14px;font-weight:600}.locale-switcher__flag{width:24px;height:18px;flex:0 0 auto;border-radius:4px;box-shadow:0 0 0 1px #ffffff1f;object-fit:cover}.locale-switcher__chevron{width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg) translateY(-1px);transition:transform .12s ease}.locale-switcher[open] .locale-switcher__chevron{transform:rotate(-135deg) translateY(-1px)}.locale-switcher__menu{position:absolute;top:calc(100% + 10px);right:0;width:min(320px,calc(100vw - 36px));display:grid;gap:8px;padding:10px;border-radius:18px;border:1px solid var(--border);background:#09111ffa;box-shadow:0 22px 48px #02061080;z-index:30}.locale-switcher__option{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:center;padding:10px 12px;border-radius:14px;color:var(--text);text-decoration:none}.locale-switcher__option:hover,.locale-switcher__option:focus-visible,.locale-switcher__option.is-current{background:#ffffff12}.locale-switcher__text{display:grid;gap:1px}.locale-switcher__country{font-size:14px;font-weight:600}.locale-switcher__language{font-size:12px;color:var(--muted)}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);border-radius:14px;padding:11px 14px;cursor:pointer;background:#ffffff0d;color:var(--text);transition:transform .14s ease,background-color .14s ease,border-color .14s ease}.btn.primary{border-color:#74a4ff85;background:linear-gradient(180deg,#4a84ff47,#3666c638)}.btn.discovery{border-color:#ffcf5475;background:linear-gradient(180deg,#ffcf543d,#d9770633);color:#fff5d6fa;text-decoration:none;box-shadow:0 0 0 1px #ffcf5414,0 10px 24px #d9770629}.btn.discovery:hover:not(:disabled){border-color:#ffd96694;background:linear-gradient(180deg,#ffd9664d,#ea8c143d)}.btn:hover:not(:disabled){transform:translateY(-1px);border-color:#94b3ff47;background:#ffffff14}.btn:disabled{opacity:.55;cursor:not-allowed}.hint{margin-top:8px;font-size:12px;color:var(--muted)}.footer-links{margin-top:10px;font-size:12px;color:var(--muted)}.footer-credit{margin-top:12px;font-size:12px;color:var(--muted)}.footer-manifesto-link{margin-top:6px;font-size:12px}.footer-links a{color:#97bcfff5;text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-manifesto-link a{color:#c4ddffe6;text-decoration:none;border-bottom:1px solid rgba(196,221,255,.3)}.footer-manifesto-link a:hover{color:#e5effffa;border-bottom-color:#e5efffb8}.error{margin-top:10px;font-size:12px;color:var(--danger)}.right{display:grid;grid-template-rows:auto 1fr;min-height:0}.preview-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.preview-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.actions--header{justify-content:flex-end}.preview-wrap{overflow:auto;padding:20px;background:radial-gradient(560px 220px at 50% 0%,#74a4ff0f,#74a4ff00 72%),linear-gradient(180deg,#070c1733,#070c170f)}@media print{.topbar{display:none!important}}.pages{display:grid;grid-template-columns:1fr;gap:20px;justify-items:center}.page{width:min(860px,100%);background:linear-gradient(180deg,#ffffff0b,#ffffff05);border:1px solid rgba(148,179,255,.16);border-radius:16px;padding:12px;box-shadow:0 18px 40px #040a1457}.page svg{width:100%;height:auto;display:block;background:#fff;border-radius:10px}.badge{font-size:12px;color:var(--muted)}@media (max-width: 980px){.app{grid-template-columns:1fr;padding:12px;gap:12px}.topbar{grid-column:1}.app--with-topbar .left,.app--with-topbar .right{grid-row:auto}}@media (max-width: 720px){.row,.row-3,.theme-picker__grid{grid-template-columns:1fr}.panel-header{flex-direction:column;align-items:stretch}.panel-header-actions{justify-content:stretch}.locale-switcher{width:100%}.locale-switcher__summary{width:100%;justify-content:space-between}.preview-toolbar,.actions--header{justify-content:flex-start}.preview-wrap{padding:14px}emoji-picker.emoji-picker{height:336px;--category-emoji-size: 1rem;--emoji-size: 1.25rem;--num-columns: 7}}