*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--craft-crochet: #d4633e;--craft-knitting: #8b5a82;--craft-tatting: #b88a8a;--craft-embroidery: #6d8c5f;--ease: .18s cubic-bezier(.2, .8, .2, 1);--font-body: "Tajawal", system-ui, sans-serif;--text-scale: 1}html{font-size:calc(20px * var(--text-scale))}body{background-color:var(--bg);background-image:repeating-linear-gradient(45deg,transparent 0 14px,color-mix(in srgb,var(--text-1) 3%,transparent) 14px 15px),repeating-linear-gradient(-45deg,transparent 0 14px,color-mix(in srgb,var(--text-1) 3%,transparent) 14px 15px);color:var(--text-1);font-family:var(--font-body);font-weight:600;line-height:1.75;min-height:100dvh;-webkit-font-smoothing:antialiased}#root{display:flex;flex-direction:column;min-height:100dvh}button{font:inherit;cursor:pointer;border:none;background:none;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}[lang=ar],[lang=ar] *{letter-spacing:0!important;text-transform:none!important}.page{width:100%;margin:0 auto;padding:1.5rem 1rem 2rem}@media(min-width:600px){.page{max-width:780px;padding:2rem 1.5rem}}@media(min-width:960px){.page{max-width:920px;padding:2.25rem 2rem 2rem}}@media(min-width:1200px){.page{max-width:1080px}}.card-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:700px){.card-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media(min-width:1100px){.card-grid{grid-template-columns:repeat(3,1fr)}}.detail-grid{display:grid;gap:1rem}@media(min-width:960px){.detail-grid{grid-template-columns:minmax(280px,320px) 1fr;gap:2rem;align-items:start}.detail-side{position:sticky;top:1rem}}.tappable{transition:transform var(--ease),box-shadow var(--ease),filter var(--ease)}.tappable:active{transform:scale(.975);filter:brightness(.97)}.chip{display:inline-block;padding:.32rem .85rem;border-radius:999px;border:1.5px solid currentColor;background:transparent;font-size:.82rem;font-weight:700;letter-spacing:.01em;line-height:1.4}.chip--craft{color:var(--craft-color, var(--accent))}.chip--skill{color:var(--accent-2)}.chip--time{color:var(--text-2);border-style:dotted}.chip--preview{color:var(--text-muted);border-style:dashed;font-weight:600}.chip-btn{display:inline-flex;align-items:center;padding:.65rem 1.2rem;border-radius:999px;border:2px solid transparent;background:var(--surface);color:var(--text-2);font-size:1rem;font-weight:700;cursor:pointer;min-height:52px;box-shadow:var(--shadow);transition:all var(--ease)}.chip-btn[aria-pressed=true]{background:var(--accent);color:var(--accent-fg);box-shadow:none}.chip-btn[data-variant=craft][aria-pressed=true]{background:var(--craft-color, var(--accent))}.photo-card{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:4 / 3;background:var(--surface);cursor:pointer;display:block;width:100%;border:none;padding:0;color:inherit;box-shadow:var(--shadow)}.photo-card__media{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,color-mix(in srgb,var(--craft-color, var(--accent)) 18%,var(--surface)) 0%,var(--surface) 100%)}.photo-card__media img{width:100%;height:100%;object-fit:cover}.photo-card__overlay{position:absolute;inset-inline:0;bottom:0;padding:1.25rem 1.25rem 1.1rem;background:linear-gradient(to top,#000000c7,#00000073 55%,#0000);color:#fff}.photo-card--no-image .photo-card__overlay{background:linear-gradient(to top,color-mix(in srgb,var(--craft-color, var(--accent)) 32%,transparent) 0%,transparent 100%);color:var(--text-1)}.photo-card__title{font-size:1.3rem;font-weight:700;line-height:1.25;margin-top:.45rem}.photo-card__chips{display:flex;gap:.45rem;flex-wrap:wrap}.photo-card--no-image .photo-card__chips .chip{color:var(--text-1)}.photo-card__chips--on-image .chip{color:#fff;border-color:#ffffffd9}.hero-card{position:relative;border-radius:28px;overflow:hidden;cursor:pointer;display:block;width:100%;text-align:inherit;border:none;padding:0;background:var(--surface);box-shadow:var(--shadow)}.hero-card__image{width:100%;aspect-ratio:16 / 9;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 22%,var(--surface)),color-mix(in srgb,var(--craft-color, var(--accent-2)) 20%,var(--surface)));position:relative;overflow:hidden}.hero-card__image img{width:100%;height:100%;object-fit:cover}.hero-card__body{padding:1.5rem 1.75rem 1.75rem}.hero-card__label{display:block;font-size:.82rem;font-weight:700;color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.6rem}.hero-card__title{font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:.7rem;color:var(--text-1)}.hero-card__desc{font-size:1.05rem;line-height:1.55;color:var(--text-2);margin-bottom:1rem}.continue-card{position:relative;border-radius:24px;overflow:hidden;cursor:pointer;display:block;width:100%;text-align:inherit;border:none;padding:1.4rem 1.5rem;background:color-mix(in srgb,var(--craft-color, var(--accent-2)) 12%,var(--surface));border-inline-start:5px solid var(--craft-color, var(--accent-2));box-shadow:var(--shadow)}.continue-card__resume{color:var(--craft-color, var(--accent-2));font-weight:700;margin-top:.5rem}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.app-header{background:var(--surface);box-shadow:0 2px 16px #0000000f;position:sticky;top:0;z-index:200;padding-top:env(safe-area-inset-top)}.app-header__bar{padding:.65rem 1.1rem;display:flex;align-items:center;justify-content:space-between;gap:.8rem}@media(hover:none)and (pointer:coarse){.app-header,.app-nav{transition:transform .25s ease;will-change:transform}.chrome-hidden .app-header{transform:translateY(-100%)}.chrome-hidden .app-nav{transform:translateY(100%)}}@media(prefers-reduced-motion:reduce){.app-header,.app-nav{transition:none}}.app-header__brand{display:inline-flex;align-items:center;gap:.65rem}.app-header__emblem{width:56px;height:56px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 1px var(--border),0 4px 12px -7px #34261a73}.app-header__wordmark{height:24px;width:auto;display:block}.app-header__beta{font-size:.62rem;font-weight:700;letter-spacing:.14em;padding:.25em .6em;border-radius:999px;background:var(--accent-2-soft);color:var(--accent-2-dark);-webkit-text-fill-color:var(--accent-2-dark);text-transform:uppercase;line-height:1;white-space:nowrap;align-self:center}.app-header__tools{display:flex;align-items:center;gap:.75rem}.comfort{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.45rem 1.1rem;background:var(--accent-2-soft);border-top:1px solid color-mix(in srgb,var(--accent-2) 22%,transparent)}.comfort__label{display:inline-flex;align-items:center;gap:.55rem;color:var(--accent-2-dark);font-weight:700;font-size:1.05rem;white-space:nowrap}.comfort__aa{display:inline-flex;align-items:baseline;justify-content:center;gap:1px;width:44px;height:44px;border-radius:13px;background:color-mix(in srgb,var(--accent-2) 16%,var(--surface));color:var(--accent-2-dark)}.comfort__aa b{font-size:1.25rem;font-weight:800;line-height:1}.comfort__aa i{font-size:.85rem;font-style:normal;line-height:1}.text-scale{display:inline-flex;gap:.4rem}.text-scale__btn{min-width:60px;height:56px;border:2px solid color-mix(in srgb,var(--accent-2) 32%,transparent);background:var(--surface);color:var(--text-2);font-family:var(--font-body);font-weight:700;border-radius:15px;cursor:pointer;line-height:1;display:inline-flex;align-items:flex-end;justify-content:center;padding:0 0 10px;transition:background var(--ease),color var(--ease),border-color var(--ease)}.text-scale__btn--sm{font-size:18px}.text-scale__btn--md{font-size:25px}.text-scale__btn--lg{font-size:33px}.text-scale__btn[aria-pressed=true]{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.lang-picker{position:relative}.lang-picker__trigger{display:inline-flex;align-items:center;gap:.55rem;padding:0 1.1rem;border-radius:999px;font-size:1rem;font-weight:700;background:var(--surface-2);color:var(--text-1);border:2px solid var(--border);min-height:56px;cursor:pointer;transition:background var(--ease, .18s)}.lang-picker__trigger:hover{background:var(--surface)}.lang-picker__current{white-space:nowrap}.lang-picker__chevron{font-size:.7rem;color:var(--text-muted)}[dir=rtl] .lang-picker__chevron{transform:scaleX(-1)}.lang-picker__menu{position:absolute;top:calc(100% + .4rem);inset-inline-end:0;z-index:310;list-style:none;margin:0;padding:.35rem;background:var(--surface);border:1px solid color-mix(in srgb,var(--text-3) 15%,transparent);border-radius:14px;box-shadow:0 12px 32px -8px color-mix(in srgb,var(--text-1) 25%,transparent);min-width:200px;max-height:70vh;overflow-y:auto}.lang-picker__option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.65rem .85rem;border-radius:10px;font-size:1rem;font-weight:500;background:transparent;color:var(--text-1);border:none;min-height:44px;cursor:pointer;text-align:start;gap:.75rem}.lang-picker__option:hover{background:var(--surface-2)}.lang-picker__option--active{background:var(--surface-2);color:var(--accent);font-weight:700}.lang-picker__check{font-weight:700;color:var(--accent);font-size:.95rem}.app-nav{position:fixed;bottom:0;inset-inline:0;background:var(--nav-bg);box-shadow:0 -1px 0 var(--border),0 -14px 34px -22px #34261a73;display:flex;gap:2px;padding:.5rem .4rem calc(.7rem + env(safe-area-inset-bottom))}.app-nav__btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.4rem .2rem .3rem;min-height:84px;color:var(--text-2);font-family:var(--font-body)}.app-nav__pill{display:inline-flex;align-items:center;justify-content:center;width:64px;height:38px;border-radius:999px;color:var(--text-2);transition:background .16s,color .16s}.app-nav__pill svg{width:28px;height:28px}.app-nav__label{font-size:1rem;font-weight:700;letter-spacing:-.005em}.app-nav__btn[aria-current=page] .app-nav__pill{background:var(--accent);color:var(--accent-fg)}.app-nav__btn[aria-current=page] .app-nav__label{color:var(--accent-dark)}.app-nav__btn:not([aria-current=page]):hover .app-nav__pill{background:var(--accent-soft);color:var(--accent-dark)}.app-nav-spacer{height:calc(5rem + env(safe-area-inset-bottom))}@media(hover:hover)and (pointer:fine){.comfort{padding:.4rem 1.1rem;gap:.5rem}.comfort__aa{width:36px;height:36px}.text-scale__btn{min-width:40px;height:40px;align-items:center;padding-bottom:0}.text-scale__btn--sm{font-size:14px}.text-scale__btn--md{font-size:17px}.text-scale__btn--lg{font-size:21px}}@media(min-width:900px)and (hover:hover)and (pointer:fine){.app-header{display:flex;align-items:stretch}.app-header__bar{flex:1 1 auto;min-width:0;gap:.85rem;justify-content:flex-start}.app-header__brand{flex-shrink:0}.app-header__wordmark{display:none}.app-header__tools{flex-shrink:0}.app-nav{position:static;inset:auto;margin-inline:auto;flex:0 1 auto;min-width:0;flex-wrap:nowrap;justify-content:center;gap:.15rem;padding:0;background:transparent;box-shadow:none}.app-nav__btn{flex:0 0 auto;flex-direction:row;align-items:center;gap:.45rem;min-height:0;padding:.5rem .75rem;border-radius:999px}.app-nav__pill{width:auto;height:auto;background:transparent}.app-nav__pill svg{width:22px;height:22px}.app-nav__label{font-size:1rem}.app-nav__btn:not([aria-current=page]):hover{background:var(--surface-2)}.app-nav__btn[aria-current=page]{background:var(--accent-soft)}.app-nav__btn[aria-current=page] .app-nav__pill{background:transparent;color:var(--accent-dark)}.app-nav-spacer{display:none}.comfort{flex:0 0 auto;align-self:center;background:transparent;border-top:none;padding:0 1rem;gap:.4rem}.comfort__label{display:none}.text-scale{gap:.25rem}.text-scale__btn{min-width:34px;height:34px;border-radius:9px;align-items:center;padding-bottom:0}.text-scale__btn--sm{font-size:13px}.text-scale__btn--md{font-size:16px}.text-scale__btn--lg{font-size:20px}}@media(min-width:900px)and (max-width:1099px)and (hover:hover)and (pointer:fine){.app-header__beta{display:none}.app-header__emblem{width:44px;height:44px}.app-nav__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.app-nav__btn{padding:.5rem .6rem}}.section-heading{font-size:.85rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.875rem}.page-heading{font-size:1.75rem;font-weight:700;color:var(--accent);margin-bottom:1.25rem}.page-heading--lg{margin-bottom:1.5rem}.page-heading--accent2{color:var(--accent-2);margin-bottom:.5rem}.empty-text{color:var(--text-muted);font-size:1.1rem;text-align:center;margin-top:3rem}.chip-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.chip-row--last{margin-bottom:2rem}.filter-row{display:flex;align-items:stretch;gap:.75rem;margin-bottom:2rem}.filter-row .level-filter{margin-bottom:0;flex-shrink:0}.filter-row .search-bar{flex:1;margin-bottom:0}@media(max-width:559px){.filter-row{flex-direction:column;gap:.65rem}.filter-row .search-bar{width:100%}}.profile-greeting{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem;flex-wrap:wrap}.profile-greeting__hello{font-size:1rem;color:var(--text-3);font-weight:600}.profile-greeting__name{font-size:1.4rem;font-weight:700;color:var(--text-1)}.profile-greeting__edit{background:transparent;border:none;color:var(--text-3);font-size:1rem;cursor:pointer;padding:.4rem;border-radius:999px;min-width:36px;min-height:36px}.profile-greeting__edit:hover{color:var(--accent)}.profile-greeting--empty .profile-greeting__prompt{background:transparent;border:1.5px dashed var(--border);color:var(--text-3);border-radius:999px;padding:.6rem 1.2rem;font-size:.95rem;font-weight:600;cursor:pointer;min-height:44px}.profile-greeting--editing{gap:.4rem}.profile-greeting__input{flex:1;min-width:0;background:var(--surface);border:2px solid var(--accent);border-radius:999px;padding:.6rem 1.1rem;font:inherit;font-size:1rem;font-weight:600;color:var(--text-1);min-height:48px;outline:none}.profile-greeting__actions{display:flex;gap:.4rem}.profile-greeting__save{background:var(--accent);color:var(--accent-fg);border:none;border-radius:999px;padding:.55rem 1.1rem;font-weight:700;cursor:pointer;min-height:48px}.profile-greeting__save:disabled{opacity:.4}.profile-greeting__cancel{background:var(--surface-2);color:var(--text-2);border:none;border-radius:999px;padding:.55rem 1.1rem;font-weight:600;cursor:pointer;min-height:48px}.project-extras{background:var(--surface-2);border-radius:16px;padding:1rem 1.1rem;margin-top:.85rem;margin-bottom:.85rem;display:flex;flex-direction:column;gap:1rem}.project-extras__label{display:block;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem}.project-extras__photo-add{background:var(--surface);border:2px dashed var(--border);color:var(--text-2);border-radius:14px;padding:1rem;font-size:1rem;font-weight:600;cursor:pointer;width:100%;min-height:64px}.project-extras__photo-wrap{display:flex;flex-direction:column;gap:.5rem}.project-extras__photo{width:100%;max-height:280px;object-fit:cover;border-radius:14px;background:var(--surface)}.project-extras__photo-actions{display:flex;gap:.4rem;flex-wrap:wrap}.project-extras__photo-change,.project-extras__photo-remove{background:var(--surface);border:1.5px solid var(--border);color:var(--text-2);border-radius:999px;padding:.5rem 1rem;font-size:.95rem;font-weight:600;cursor:pointer;min-height:44px}.project-extras__photo-remove:hover{color:var(--accent-dark)}.project-extras__note-input{width:100%;background:var(--surface);border:2px solid var(--border);border-radius:14px;padding:.85rem 1rem;font:inherit;font-size:1rem;font-weight:500;color:var(--text-1);resize:vertical;outline:none;margin-bottom:.5rem}.project-extras__note-input:focus{border-color:var(--accent)}.project-extras__note-save{background:var(--accent);color:var(--accent-fg);border:none;border-radius:999px;padding:.65rem 1.3rem;font-size:.95rem;font-weight:700;cursor:pointer;min-height:48px}.project-extras__note-save:disabled{opacity:.4;cursor:not-allowed}.project-extras__history-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.project-extras__history-item{display:flex;gap:.7rem;align-items:baseline;padding:.5rem .6rem;background:var(--surface);border-radius:10px}.project-extras__history-date{flex-shrink:0;font-size:.85rem;font-weight:700;color:var(--text-muted)}.project-extras__history-note{font-size:.95rem;color:var(--text-1);line-height:1.5}.project-counter{background:var(--surface);border:2px solid color-mix(in srgb,var(--accent) 18%,transparent);border-radius:20px;padding:1.2rem 1.4rem 1.4rem;margin:0 auto 1.5rem;max-width:380px;text-align:center}.project-counter__head{display:flex;justify-content:center;align-items:center;margin-bottom:.4rem}.project-counter__label{background:transparent;border:none;color:var(--text-muted);font-size:.85rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;padding:.4rem .8rem;border-radius:999px;min-height:40px;display:inline-flex;align-items:center;gap:.4rem}.project-counter__label:hover{background:var(--surface-2)}.project-counter__label-edit{font-size:.75rem;opacity:.5}.project-counter__label-input{background:var(--surface-2);border:2px solid var(--accent);border-radius:999px;padding:.45rem 1rem;font:inherit;font-size:1rem;font-weight:600;text-align:center;outline:none;min-height:44px;width:200px}.project-counter__value{font-size:4rem;font-weight:700;color:var(--accent);line-height:1.05;margin-bottom:.4rem;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.project-counter__actions{display:flex;gap:1.5rem;justify-content:center;margin-bottom:.6rem}.project-counter__btn{background:var(--accent);color:var(--accent-fg);border:none;border-radius:999px;font-size:1.75rem;font-weight:700;cursor:pointer;box-shadow:var(--shadow);transition:all var(--ease)}.project-counter__btn--plus{min-width:140px;height:80px;font-size:1.8rem}.project-counter__btn--minus{width:80px;height:80px;background:var(--surface-2);color:var(--text-2);box-shadow:none}.project-counter__btn:hover{transform:translateY(-1px)}.project-counter__btn:active{transform:scale(.97)}.project-counter__btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.project-counter__reset-row{display:flex;justify-content:center;align-items:center;gap:.5rem;min-height:36px;flex-wrap:wrap}.project-counter__reset{background:transparent;border:none;color:var(--text-3);font-size:.9rem;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:.4rem .9rem}.project-counter__reset:hover{color:var(--accent-dark)}.project-counter__confirm-label{font-size:.9rem;font-weight:600;color:var(--text-2)}.project-counter__reset-confirm{background:var(--accent-dark);color:var(--accent-fg);border:none;border-radius:999px;padding:.45rem 1rem;font-size:.9rem;font-weight:700;cursor:pointer;min-height:40px}.project-counter__reset-cancel{background:var(--surface-2);color:var(--text-2);border:none;border-radius:999px;padding:.45rem 1rem;font-size:.9rem;font-weight:600;cursor:pointer;min-height:40px}@media(min-width:600px){.project-counter{padding:1rem 1.2rem 1.1rem}.project-counter__value{font-size:2.75rem}.project-counter__actions{gap:1rem;margin-bottom:.4rem}.project-counter__btn{font-size:1.4rem}.project-counter__btn--plus{min-width:110px;height:64px;font-size:1.4rem}.project-counter__btn--minus{width:64px;height:64px}}.voice-row{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;flex-wrap:wrap}.voice-row .speech-rate{margin-bottom:0}.voice-change-btn{background:var(--surface);color:var(--text-2);border:1.5px solid var(--border);border-radius:999px;padding:.55rem 1.1rem;font-size:.95rem;font-weight:600;cursor:pointer;min-height:44px;display:inline-flex;align-items:center;gap:.4rem}.voice-change-btn:hover{border-color:var(--accent);color:var(--accent)}.voice-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:95;animation:break-fade var(--ease) forwards}.voice-picker{position:fixed;inset-inline:0;bottom:0;z-index:96;background:var(--surface);border-radius:28px 28px 0 0;box-shadow:0 -8px 48px #0000002e;padding:.75rem 1.5rem calc(2rem + env(safe-area-inset-bottom));max-height:88dvh;overflow-y:auto;animation:break-rise .28s cubic-bezier(.2,.8,.2,1) forwards}.voice-picker__handle{width:48px;height:5px;background:var(--border);border-radius:999px;margin:0 auto 1rem}.voice-picker__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.voice-picker__title{font-size:1.35rem;font-weight:700;color:var(--text-1)}.voice-picker__close{background:var(--surface-2);border:none;border-radius:999px;width:44px;height:44px;font-size:1.4rem;font-weight:700;color:var(--text-2);cursor:pointer;line-height:1}.voice-picker__install{display:flex;gap:.85rem;background:color-mix(in srgb,var(--accent) 9%,var(--surface));border:1.5px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:18px;padding:1.1rem 1.2rem;margin-bottom:1.5rem}.voice-picker__install-icon{font-size:1.5rem;line-height:1}.voice-picker__install-body{flex:1}.voice-picker__install-heading{font-size:1.05rem;font-weight:700;color:var(--text-1);margin-bottom:.35rem}.voice-picker__install-text{font-size:.95rem;color:var(--text-2);line-height:1.5;margin-bottom:.5rem}.voice-picker__install-steps{font-size:.9rem;color:var(--text-3);line-height:1.55}.voice-picker__label{font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.6rem}.voice-picker__empty{color:var(--text-3);font-style:italic;padding:1rem 0}.voice-picker__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem}.voice-option{display:flex;align-items:center;gap:.85rem;width:100%;background:var(--surface-2);border:2px solid transparent;border-radius:14px;padding:.8rem 1rem;font:inherit;text-align:start;cursor:pointer;min-height:56px}.voice-option[data-selected=true]{background:var(--accent-soft);border-color:var(--accent)}.voice-option__name{font-size:1rem;font-weight:700;color:var(--text-1);flex:1}.voice-option__meta{font-size:.85rem;font-weight:500;color:var(--text-3)}.voice-option[data-gender=female] .voice-option__meta{color:var(--accent)}.voice-option__preview{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--surface);border-radius:999px;color:var(--text-2);cursor:pointer}.voice-option__preview:hover{color:var(--accent)}.speech-rate{display:flex;align-items:center;gap:.7rem;margin-bottom:1.25rem;flex-wrap:wrap}.speech-rate__label{font-size:.85rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.speech-rate__buttons{display:inline-flex;background:var(--surface-2);border-radius:999px;padding:.25rem;gap:.15rem}.speech-rate__btn{background:transparent;border:none;color:var(--text-2);border-radius:999px;padding:.5rem .9rem;font-size:.9rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;min-height:44px}.speech-rate__emoji{font-size:1.1rem;line-height:1}.speech-rate__btn[aria-pressed=true]{background:var(--accent);color:var(--accent-fg)}.break-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:95;animation:break-fade var(--ease) forwards}.break-sheet{position:fixed;inset-inline:0;bottom:0;z-index:96;background:var(--surface);border-radius:32px 32px 0 0;box-shadow:0 -10px 60px #00000038;padding:.75rem 1.5rem calc(2rem + env(safe-area-inset-bottom));max-height:90dvh;overflow-y:auto;animation:break-rise .28s cubic-bezier(.2,.8,.2,1) forwards}.break-sheet__handle{width:56px;height:5px;background:var(--border);border-radius:999px;margin:0 auto 1.25rem}.break-sheet__head{display:flex;align-items:center;gap:.7rem;margin-bottom:.6rem}.break-sheet__icon{font-size:1.8rem;line-height:1}.break-sheet__title{font-size:1.5rem;font-weight:700;color:var(--text-1)}.break-sheet__subtitle{font-size:1.05rem;color:var(--text-2);line-height:1.55;margin-bottom:1.5rem}.break-stretch{background:color-mix(in srgb,var(--accent) 7%,var(--surface));border-radius:20px;padding:1.5rem 1.5rem 1.75rem;text-align:center;margin-bottom:1.5rem}.break-stretch__emoji{font-size:3.5rem;line-height:1;margin-bottom:.6rem}.break-stretch__title{font-size:1.25rem;font-weight:700;color:var(--text-1);margin-bottom:.5rem}.break-stretch__desc{font-size:1.05rem;color:var(--text-2);line-height:1.65}.break-sheet__actions{display:flex;flex-direction:column;gap:.6rem}.break-sheet__done{background:var(--accent);color:var(--accent-fg);border:none;border-radius:999px;padding:1rem 1.4rem;font-size:1.05rem;font-weight:700;cursor:pointer;min-height:64px;box-shadow:var(--shadow)}.break-sheet__snooze{background:var(--surface-2);color:var(--text-1);border:none;border-radius:999px;padding:.85rem 1.4rem;font-size:1rem;font-weight:600;cursor:pointer;min-height:56px}.break-sheet__stop{background:transparent;color:var(--text-3);border:none;padding:.6rem;font-size:.9rem;font-weight:500;text-decoration:underline;text-underline-offset:3px;cursor:pointer;align-self:center;min-height:44px}.break-sheet__stop:hover{color:var(--accent-dark)}@keyframes break-fade{0%{opacity:0}to{opacity:1}}@keyframes break-rise{0%{transform:translateY(100%)}to{transform:translateY(0)}}.share-work-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;margin-top:.75rem;padding:.9rem 1.2rem;border-radius:18px;font-size:1.05rem;font-weight:700;background:var(--accent);color:var(--accent-fg);border:none;cursor:pointer;min-height:64px;box-shadow:var(--shadow)}.share-work-btn:disabled{opacity:.55;cursor:not-allowed}.share-work-btn--busy{background:var(--accent-dark)}.share-work-btn__hint{font-size:.9rem;font-weight:500;color:var(--text-3);margin-top:.35rem;text-align:center}.share-work-btn__error{font-size:.95rem;font-weight:600;color:var(--accent-dark);margin-top:.4rem;text-align:center}.share-work-btn__toast{font-size:.95rem;font-weight:600;color:var(--accent-2);margin-top:.4rem;text-align:center}.project-extras__photo-input{display:none}.intro-hint,.install-hint{display:flex;align-items:center;gap:.85rem;background:var(--accent-soft);border:1.5px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:18px;padding:1rem 1.25rem;margin-bottom:1rem;flex-wrap:wrap}.intro-hint__icon,.install-hint__icon{font-size:1.5rem;line-height:1}.intro-hint__text,.install-hint__text{flex:1;font-size:1rem;font-weight:600;color:var(--text-1);min-width:120px}.intro-hint__ok,.install-hint__add{background:var(--accent);color:var(--accent-fg);border:none;border-radius:999px;padding:.6rem 1.25rem;font-size:.95rem;font-weight:700;min-height:48px;cursor:pointer}.install-hint__actions{display:flex;gap:.5rem}.install-hint__dismiss{background:transparent;color:var(--text-3);border:none;padding:.6rem 1rem;font-size:.95rem;font-weight:600;cursor:pointer;min-height:48px}.error-screen{padding:3rem 1.5rem;text-align:center;max-width:480px;margin:2rem auto;background:var(--surface);border-radius:24px;box-shadow:var(--shadow)}.error-screen__emoji{font-size:4rem;line-height:1;margin-bottom:1rem}.error-screen__title{font-size:1.5rem;font-weight:700;color:var(--accent);margin-bottom:.5rem}.error-screen__body{font-size:1.05rem;color:var(--text-2);margin-bottom:1.5rem;line-height:1.55}.error-screen__reload{background:var(--accent);color:var(--accent-fg);border:none;border-radius:999px;padding:.85rem 2rem;font-size:1rem;font-weight:700;min-height:56px;cursor:pointer}.ad-slot{position:relative;background:var(--surface);border:1.5px dashed color-mix(in srgb,var(--border) 80%,transparent);border-radius:16px;padding:1.25rem 1.5rem;color:var(--text-3)}.ad-slot__label{position:absolute;top:.7rem;inset-inline-end:.9rem;background:var(--surface-2);color:var(--text-muted);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.2rem .6rem;border-radius:999px}.ad-slot__body{font-size:.95rem;font-weight:600;padding-top:.5rem;min-height:96px;display:flex;align-items:center;justify-content:center}.ad-slot--home{margin:1.5rem 0}.ad-slot--library-grid{aspect-ratio:4 / 3}.ad-slot--pattern-end{margin-top:2rem}.saved-section{margin-top:2.5rem}.saved-section__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.saved-add-btn{background:var(--accent);color:var(--accent-fg);border:none;border-radius:999px;padding:.7rem 1.3rem;font-size:1rem;font-weight:700;min-height:52px;cursor:pointer;box-shadow:var(--shadow)}.saved-empty{background:var(--surface-2);border-radius:20px;padding:1.5rem;color:var(--text-3);font-size:1rem;line-height:1.55;text-align:center}.saved-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.saved-card{position:relative;display:flex;align-items:stretch;background:var(--surface);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.saved-card__link{display:flex;align-items:center;gap:1rem;padding:.9rem 1.1rem;text-decoration:none;color:inherit;flex:1;min-width:0}.saved-card__emoji{font-size:1.75rem;line-height:1;flex-shrink:0}.saved-card__body{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1}.saved-card__host{font-size:1.05rem;font-weight:700;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-card__date{font-size:.9rem;color:var(--text-3);font-weight:600}.saved-card__delete{background:transparent;border:none;color:var(--text-muted);font-size:1.5rem;font-weight:700;width:52px;height:52px;cursor:pointer;flex-shrink:0;align-self:center;margin-inline-end:.4rem;border-radius:999px;line-height:1}.saved-card__delete:hover{background:var(--surface-2);color:var(--accent-dark)}.saved-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:80}.saved-sheet{position:fixed;inset-inline:0;bottom:0;z-index:90;background:var(--surface);border-radius:28px 28px 0 0;box-shadow:0 -8px 48px #0000002e;padding:.75rem 1.5rem calc(2rem + env(safe-area-inset-bottom));max-height:85dvh;overflow-y:auto}.saved-sheet__handle{width:48px;height:5px;background:var(--border);border-radius:999px;margin:0 auto 1rem}.saved-sheet__title{font-size:1.4rem;font-weight:700;color:var(--text-1);margin-bottom:1.25rem}.saved-sheet__input{width:100%;background:var(--surface-2);border:2px solid var(--border);border-radius:16px;padding:1rem 1.2rem;font:inherit;font-size:1.05rem;font-weight:600;color:var(--text-1);outline:none;margin-bottom:1.25rem;min-height:56px}.saved-sheet__input:focus{border-color:var(--accent)}.saved-sheet__craft-label{font-size:.85rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.7rem}.saved-sheet__crafts{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin-bottom:1.5rem}@media(min-width:480px){.saved-sheet__crafts{grid-template-columns:repeat(4,1fr)}}.saved-craft-chip{display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--surface-2);border:2px solid var(--border);border-radius:16px;padding:.85rem .5rem;font-size:.95rem;font-weight:700;color:var(--text-1);cursor:pointer;min-height:60px}.saved-craft-chip__emoji{font-size:1.5rem;line-height:1}.saved-craft-chip[data-selected=true]{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.saved-sheet__actions{display:flex;gap:.75rem}.saved-sheet__cancel{flex:1;background:var(--surface-2);color:var(--text-2);border:none;border-radius:999px;padding:1rem 1.2rem;font-size:1.05rem;font-weight:700;min-height:56px;cursor:pointer}.saved-sheet__save{flex:1;background:var(--accent);color:var(--accent-fg);border:none;border-radius:999px;padding:1rem 1.2rem;font-size:1.05rem;font-weight:700;min-height:56px;cursor:pointer}.saved-sheet__save:disabled{opacity:.4;cursor:not-allowed}.craft-bar__btn:focus-visible,.chip-btn:focus-visible,.lang-btn:focus-visible,.text-scale__btn:focus-visible,.app-nav__btn:focus-visible,.photo-card:focus-visible,.continue-card:focus-visible,.hero-card:focus-visible,.level-filter__pill:focus-visible,.level-filter__option:focus-visible,.back-btn:focus-visible{outline:3px solid var(--accent);outline-offset:3px;z-index:1}.craft-bar{display:flex;width:100%;background:var(--surface);border-radius:999px;box-shadow:var(--shadow);padding:.35rem;margin-bottom:1rem;overflow:hidden}.craft-bar__btn{flex:1;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-2);font-size:.95rem;font-weight:700;padding:.8rem .5rem;min-height:52px;cursor:pointer;border-radius:999px;position:relative;transition:color var(--ease),background var(--ease);white-space:nowrap}.craft-bar__btn+.craft-bar__btn:before{content:"";position:absolute;inset-inline-start:0;top:18%;bottom:18%;width:1px;background:var(--border)}.craft-bar__btn[aria-selected=true]{background:var(--craft-color, var(--accent));color:var(--accent-fg)}.craft-bar__btn[aria-selected=true]:before,.craft-bar__btn[aria-selected=true]+.craft-bar__btn:before{opacity:0}@media(max-width:599px){.craft-bar__btn{font-size:.85rem;padding:.7rem .35rem}}.level-filter{position:relative;margin-bottom:2rem}.level-filter__pill{display:inline-flex;align-items:center;gap:.7rem;background:var(--surface);color:var(--text-1);border:2px solid var(--border);border-radius:999px;padding:.6rem 1.2rem;font-size:1rem;font-weight:700;min-height:52px;cursor:pointer;box-shadow:var(--shadow);transition:all var(--ease)}.level-filter__pill[data-active=true]{border-color:var(--accent)}.level-filter__label{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.level-filter__value{color:var(--text-1)}.level-filter__pill[data-active=true] .level-filter__value{color:var(--accent)}.level-filter__chev{color:var(--text-3);font-size:.85rem}.level-filter__panel{position:absolute;top:calc(100% + .5rem);inset-inline-start:0;z-index:20;background:var(--surface);border-radius:20px;box-shadow:var(--shadow-lg);padding:.4rem;min-width:200px;display:flex;flex-direction:column}.level-filter__option{background:transparent;border:none;color:var(--text-1);font-size:1rem;font-weight:600;padding:.75rem 1rem;border-radius:14px;min-height:48px;cursor:pointer;text-align:start}.level-filter__option:hover{background:var(--surface-2)}.level-filter__option[data-selected=true]{background:var(--accent);color:var(--accent-fg)}.back-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--surface);color:var(--text-1);border:none;border-radius:999px;padding:.75rem 1.4rem;font-size:1.05rem;font-weight:700;min-height:56px;box-shadow:var(--shadow);cursor:pointer}.back-btn--margin{margin-bottom:1.25rem}.back-btn__arrow{font-size:1.3rem}.home-section{margin-bottom:2rem}.continue-card{text-align:start;margin-bottom:1rem}.continue-card__title{font-size:1.45rem;font-weight:700;margin-top:.6rem;line-height:1.25}.hero-card{text-align:start}.hero-card__chips{display:flex;gap:.45rem;flex-wrap:wrap}.home-empty{background:var(--surface);border-radius:28px;padding:3rem 2rem;margin-top:1rem;box-shadow:var(--shadow);text-align:center}.home-empty__emoji{font-size:5rem;line-height:1;margin-bottom:1rem}.home-empty__title{font-weight:700;font-size:1.25rem;margin-bottom:.5rem}.home-empty__body{color:var(--text-3);font-size:1.05rem}.page-loading{display:flex;align-items:center;justify-content:center;min-height:50vh}.page-loading__text{color:var(--text-3);font-size:1.15rem;animation:page-loading-pulse 1.4s ease-in-out infinite}@keyframes page-loading-pulse{0%,to{opacity:.45}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.page-loading__text{animation:none;opacity:.7}}.photo-card{text-align:start}.coming-soon-card{background:var(--surface);border-radius:28px;padding:3rem 2rem;box-shadow:var(--shadow);text-align:center;border:2px dashed color-mix(in srgb,var(--accent) 30%,transparent);margin-top:1rem}.coming-soon-card__emoji{font-size:4rem;line-height:1;margin-bottom:1rem}.coming-soon-card__title{font-size:1.4rem;font-weight:700;color:var(--accent);margin-bottom:.5rem}.coming-soon-card__body{font-size:1.05rem;color:var(--text-2);line-height:1.55}.detail-heading{font-size:1.85rem;font-weight:700;color:var(--accent);margin-bottom:.75rem;line-height:1.2}.detail-hero{width:100%;aspect-ratio:4 / 3;border-radius:24px;overflow:hidden;margin-bottom:1.25rem;background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.detail-hero__img{width:100%;height:100%;object-fit:cover;display:block}.detail-chips{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.detail-desc{font-size:1.1rem;line-height:1.65;color:var(--text-2);margin-bottom:1.5rem}.detail-section{background:var(--surface);border-radius:20px;padding:1.25rem 1.4rem;margin-bottom:1rem;box-shadow:var(--shadow)}.detail-section--tip{background:color-mix(in srgb,var(--accent-2) 12%,var(--surface));border-inline-start:4px solid var(--accent-2)}.detail-section--notes{background:color-mix(in srgb,var(--accent) 8%,var(--surface));border-inline-start:4px solid var(--accent)}.detail-h2{font-size:1.2rem;font-weight:700;margin-top:0;margin-bottom:.85rem;color:var(--text-1)}.detail-list{margin:0;padding-inline-start:1.25rem}.detail-list__item{font-size:1.05rem;line-height:1.7;margin-bottom:.3rem}.detail-prose{margin:0;font-size:1.05rem;line-height:1.6}.detail-row{font-size:1.05rem;margin:.25rem 0}.detail-hint{margin:0 0 .75rem;font-size:.95rem;color:var(--text-muted)}.stitch-chip-row{display:flex;gap:.5rem;flex-wrap:wrap}.stitch-chip{display:inline-flex;align-items:center;background:var(--accent-soft);color:var(--accent);font-weight:600;font-size:1rem;padding:.5rem 1.1rem;border-radius:999px;border:none;cursor:pointer;min-height:52px}.step-row{display:flex;gap:.9rem;align-items:flex-start;margin-bottom:1.1rem}.speak-btn{flex-shrink:0;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-2);cursor:pointer;margin-top:4px;transition:all var(--ease)}.speak-btn:hover{border-color:var(--accent);color:var(--accent)}.speak-btn[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.step-num{flex-shrink:0;width:44px;height:44px;border-radius:50%;background:var(--accent);color:var(--accent-fg);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}.step-num--toggle{border:2.5px solid var(--accent);background:var(--surface);color:var(--accent);cursor:pointer;transition:all var(--ease)}.step-num--toggle:hover{background:var(--accent-soft)}.step-num--toggle[aria-pressed=true]{background:var(--accent);color:var(--accent-fg)}.step-row[data-completed=true] .step-text{color:var(--text-3);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--text-3) 50%,transparent)}.step-progress{background:var(--surface-2);border-radius:14px;padding:.85rem 1.1rem;margin-bottom:1.25rem}.step-progress__bar{height:10px;background:var(--surface);border-radius:999px;overflow:hidden;margin-bottom:.5rem}.step-progress__fill{height:100%;background:var(--accent);border-radius:999px;transition:width var(--ease)}.step-progress[data-complete=true] .step-progress__fill{background:var(--accent-2)}.step-progress__label{font-size:.95rem;font-weight:700;color:var(--text-2)}.continue-card__progress{margin:.7rem 0 .5rem}.continue-card__bar{height:8px;background:color-mix(in srgb,var(--craft-color, var(--accent-2)) 18%,var(--surface));border-radius:999px;overflow:hidden;margin-bottom:.4rem}.continue-card__fill{height:100%;background:var(--craft-color, var(--accent-2));border-radius:999px;transition:width var(--ease)}.continue-card__step{font-size:.9rem;font-weight:700;color:var(--text-2)}.progress-open__progress{margin:.5rem 0}.progress-open__bar{height:6px;background:var(--surface-2);border-radius:999px;overflow:hidden;margin-bottom:.3rem}.progress-open__fill{height:100%;background:var(--accent);border-radius:999px;transition:width var(--ease)}.progress-open__step{font-size:.85rem;font-weight:600;color:var(--text-3)}.step-text{margin:0;font-size:1.1rem;line-height:1.7;flex:1}.detail-share{margin-top:1.5rem}.start-btn{display:block;width:100%;background:var(--accent);color:var(--accent-fg);border:none;border-radius:20px;padding:1.25rem;font-size:1.2rem;font-weight:700;cursor:pointer;margin-bottom:1.5rem;min-height:68px;box-shadow:var(--shadow)}.start-btn--existing{background:var(--accent-soft);color:var(--accent);border:2px solid var(--accent);font-size:1.15rem;min-height:64px;box-shadow:none}.finished-gallery{margin-bottom:1.75rem}.finished-gallery__heading{font-size:1.25rem;font-weight:700;color:var(--accent-2);margin-bottom:.85rem}.finished-gallery__strip{display:flex;gap:.85rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.4rem;margin-inline:-1rem;padding-inline:1rem}.finished-gallery__strip::-webkit-scrollbar{height:4px}.finished-gallery__strip::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.finished-tile{position:relative;flex:0 0 200px;height:200px;border-radius:18px;overflow:hidden;border:none;padding:0;cursor:pointer;scroll-snap-align:start;background:var(--surface-2);box-shadow:var(--shadow)}.finished-tile:disabled{cursor:default}.finished-tile__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.finished-tile__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000b8,#00000040 45%,#0000 70%)}.finished-tile__body{position:absolute;inset-inline:0;bottom:0;padding:.75rem .85rem .85rem;color:#fff;text-align:start}.finished-tile__name{font-size:1rem;font-weight:700;line-height:1.25;margin-bottom:.2rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.finished-tile__date{font-size:.8rem;font-weight:600;opacity:.9}.progress-summary{background:var(--surface-2);border-radius:18px;padding:1rem 1.25rem;margin-bottom:1.75rem}.progress-summary__eyebrow{font-size:.85rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.75rem}.progress-summary__counts{display:flex;flex-wrap:wrap;gap:1.25rem 2rem}.progress-summary__count{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1.1}.progress-summary__num{font-size:2.25rem;font-weight:700;color:var(--accent)}.progress-summary__count--done .progress-summary__num{color:var(--accent-2)}.progress-summary__label{font-size:.95rem;font-weight:600;color:var(--text-2);margin-top:.15rem}.step-undo{background:var(--surface-2);color:var(--accent);border:none;border-radius:999px;padding:.4rem .85rem;font-size:.9rem;font-weight:700;cursor:pointer;margin-inline-start:.5rem;align-self:center;white-space:nowrap;animation:step-undo-in .18s ease-out}@keyframes step-undo-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.progress-section{margin-bottom:2rem}.progress-status-heading{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.875rem}.progress-status--in_progress{color:var(--accent)}.progress-status--completed{color:var(--accent-2)}.progress-status--paused{color:var(--text-muted)}.progress-status--planning{color:var(--text-3)}.progress-card{background:var(--surface);border-radius:28px;padding:1.25rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.875rem}.progress-card--completed{background:color-mix(in srgb,var(--accent-2) 10%,var(--surface));border:2px solid var(--accent-2)}.progress-empty{text-align:center;padding:3rem 2rem}.progress-empty__emoji{font-size:4rem;margin-bottom:.75rem}.progress-empty__body{color:var(--text-3);font-size:1.1rem;margin-bottom:1.5rem}.progress-cta{background:var(--accent);color:var(--accent-fg);border:none;border-radius:999px;padding:1rem 2rem;font-size:1.1rem;font-weight:700;cursor:pointer;min-height:56px}.progress-open{background:transparent;border:none;padding:0;width:100%;cursor:pointer;color:inherit;font:inherit;min-height:56px;text-align:start}.progress-open__row{display:flex;align-items:center;gap:.5rem}.progress-open__name{font-size:1.2rem;font-weight:700}.progress-open__meta{font-size:.95rem;color:var(--text-3);margin-top:.3rem}.progress-open__time{font-size:.9rem;color:var(--text-muted);margin-top:.3rem}.progress-mark{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--accent-2);color:var(--accent-fg);font-weight:700;font-size:1.1rem;flex-shrink:0}.progress-actions{display:flex;gap:.5rem;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:.875rem}.progress-confirm{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:.875rem}.progress-confirm__label{flex:1;font-size:1rem;font-weight:700}.action-btn{flex:1 1 auto;min-height:48px;padding:.5rem .85rem;border-radius:999px;background:var(--surface-2);color:var(--text-2);font-weight:700;font-size:.95rem;cursor:pointer;border:none}.action-btn--remove{background:color-mix(in srgb,#c00 12%,var(--surface-2));color:#c00}.danger-btn{min-height:48px;padding:.5rem 1.1rem;border-radius:999px;background:#c00;color:#fff;font-weight:700;font-size:.95rem;cursor:pointer;border:none}.secondary-btn{min-height:48px;padding:.5rem 1.1rem;border-radius:999px;background:var(--surface-2);color:var(--text-2);font-weight:700;font-size:.95rem;cursor:pointer;border:none}.stitch-card{background:var(--surface);border-radius:24px;padding:1rem 1.25rem;box-shadow:var(--shadow);text-align:start;cursor:pointer;border:none;width:100%;display:flex;align-items:center;gap:1rem}.stitch-card__symbol{flex-shrink:0;width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent) 10%,var(--surface));border-radius:16px}.stitch-card__body{flex:1;min-width:0}.stitch-card__row{display:flex;align-items:center;gap:.6rem;margin-bottom:.2rem}.stitch-card__name{font-size:1.2rem;font-weight:700}.stitch-card__oneliner{font-size:.95rem;color:var(--text-2);line-height:1.45}.abbr-chip{display:inline-block;background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:.8rem;padding:.15rem .6rem;border-radius:999px}.craft-filter-chip{padding:.6rem 1.25rem;border-radius:999px;font-size:1rem;font-weight:700;background:var(--surface);color:var(--text-2);box-shadow:var(--shadow);border:none;cursor:pointer;min-height:52px}.craft-filter-chip[aria-pressed=true]{background:var(--accent);color:var(--accent-fg);box-shadow:none}.stitch-ref-hint{font-size:.95rem;color:var(--text-muted);margin:0 0 1rem}.stitch-ref-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.25rem}.creator-card{background:var(--surface);border-radius:28px;padding:1.5rem;box-shadow:var(--shadow)}.creator-card__name{font-size:1.4rem;font-weight:700;margin-bottom:.4rem}.creator-card__meta{font-size:.95rem;color:var(--text-3);margin-bottom:1rem}.creator-card__list{list-style:none;padding:0;margin:0 0 1.25rem}.creator-card__list-item{margin:.25rem 0}.creator-stitch-btn{display:flex;align-items:center;gap:.6rem;width:100%;background:var(--surface-2);border:none;border-radius:14px;padding:.6rem .9rem;font-size:1rem;font-weight:600;cursor:pointer;min-height:48px;color:inherit;text-align:start}.creator-stitch-btn__icon{font-size:1.05rem}.creator-stitch-btn__icon--dim{opacity:.55}.creator-stitch-btn__name{flex:1}.creator-stitch-btn__arrow{color:var(--text-muted);font-size:.95rem}.creator-visit-btn{display:inline-block;background:var(--accent);color:var(--accent-fg);font-weight:700;font-size:1rem;padding:.7rem 1.25rem;border-radius:999px;text-decoration:none;min-height:48px;line-height:32px}.guide-intro{font-size:1.05rem;color:var(--text-2);margin:0 0 1.5rem;line-height:1.55}.guide-card{background:var(--surface);border-radius:24px;padding:1.5rem;box-shadow:var(--shadow);cursor:pointer;border:none;width:100%;text-align:start}.guide-card__emoji{font-size:3rem;line-height:1;margin-bottom:.6rem}.guide-card__title{font-size:1.25rem;font-weight:700;margin-bottom:.4rem}.guide-card__desc{font-size:.95rem;color:var(--text-3);line-height:1.5}.guide-sub-heading{margin-top:1rem}.guide-sub-intro{font-size:1.1rem;color:var(--text-2);margin:0 0 1.5rem;line-height:1.65}.guide-section{background:var(--surface);border-radius:20px;padding:1.25rem 1.4rem;margin-bottom:1rem;box-shadow:var(--shadow)}.guide-subheading{font-size:1.15rem;font-weight:700;margin-top:0;margin-bottom:.7rem;color:var(--text-1)}.guide-body{font-size:1.05rem;line-height:1.7;margin:0}.guide-bullets{padding-inline-start:1.25rem;margin:0}.guide-bullets--after-body{margin-top:.75rem}.guide-bullet{font-size:1.05rem;line-height:1.65;margin-bottom:.4rem}.guide-table-wrap{overflow-x:auto;margin-top:.75rem}.guide-table{width:100%;border-collapse:collapse;font-size:.98rem}.guide-table th{text-align:inherit;padding:.5rem .75rem;border-bottom:2px solid var(--border);font-weight:700;font-size:.95rem}.guide-table td{padding:.5rem .75rem;border-bottom:1px solid var(--border);font-size:.98rem;line-height:1.5}.stitch-sheet__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:100}.stitch-sheet{background:var(--surface);border-radius:28px 28px 0 0;width:100%;max-width:820px;max-height:92dvh;display:flex;flex-direction:column;box-shadow:0 -8px 32px #0003}.stitch-sheet__scroll{overflow-y:auto;padding:2rem 1.5rem 1.5rem;flex:1}.stitch-sheet__empty{font-size:1.1rem;padding:2rem}.stitch-sheet__symbol-card{background:color-mix(in srgb,var(--accent) 14%,var(--surface));border-radius:24px;padding:2.5rem;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--accent) 28%,transparent)}.stitch-sheet__title-row{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem;margin-bottom:.35rem}.stitch-sheet__heading{font-size:2rem;font-weight:700;color:var(--accent);margin:0;line-height:1.2}.stitch-sheet__abbr{display:inline-block;background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:1.2rem;padding:.35rem 1rem;border-radius:999px;letter-spacing:.05em}.stitch-sheet__how{font-size:.95rem;color:var(--text-muted);margin:0 0 1.5rem;font-weight:600}.stitch-sheet__oneliner{font-size:1.2rem;font-weight:600;line-height:1.6;color:var(--text-2);margin-bottom:1.75rem}.stitch-sheet__steps{margin-bottom:1.5rem}.stitch-sheet__step-row{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.25rem}.stitch-sheet__step-num{flex-shrink:0;width:48px;height:48px;border-radius:50%;background:var(--accent);color:var(--accent-fg);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem}.stitch-sheet__step-text{margin:0;font-size:1.15rem;line-height:1.7;flex:1}.stitch-sheet__tip{background:color-mix(in srgb,var(--accent-2) 12%,var(--surface));border-inline-start:4px solid var(--accent-2);border-radius:16px;padding:1rem 1.25rem}.stitch-sheet__tip-label{font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-2);margin-bottom:.4rem}.stitch-sheet__tip-body{margin:0;font-size:1.1rem;line-height:1.6}.stitch-sheet__used-in{margin-top:1.75rem}.stitch-sheet__used-heading{font-size:1.1rem;font-weight:700;margin:0 0 .75rem;color:var(--text-1)}.stitch-sheet__used-grid{display:grid;gap:.6rem}.stitch-sheet__used-card{background:var(--surface-2);border:2px solid var(--border);border-radius:18px;padding:.9rem 1.1rem;cursor:pointer;width:100%;display:block;text-align:start}.stitch-sheet__used-name{font-size:1.05rem;font-weight:700}.stitch-sheet__used-level{font-size:.9rem;color:var(--text-3);margin-top:.2rem}.stitch-sheet__share{margin-top:1.5rem}.stitch-sheet__close{width:100%;min-height:64px;background:var(--accent);color:var(--accent-fg);border:none;font-size:1.15rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.6rem;flex-shrink:0}.stitch-sheet__video{margin-bottom:1.5rem}.stitch-sheet__video-heading{font-size:1.1rem;font-weight:700;margin:0 0 .75rem;color:var(--text-1)}.stitch-sheet__video-frame{width:100%;max-width:320px;aspect-ratio:9 / 16;margin:0 auto;background:#000;border-radius:16px;overflow:hidden}.stitch-sheet__video-iframe{width:100%;height:100%;border:none;border-radius:16px}.stitch-sheet__video-link{color:var(--accent);font-size:1rem;font-weight:600;word-break:break-all}.stitch-sheet__creator-link{display:inline-block;color:var(--accent);font-size:.95rem;font-weight:600;text-decoration:none}.stitch-sheet__creator-line{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:.4rem .85rem}.stitch-sheet__creators-link{background:transparent;border:none;padding:0;color:var(--text-3);font-size:.9rem;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.stitch-sheet__creator-wrap{margin-top:.5rem}.stitch-sheet__creator-wrap--center{margin-top:.6rem;text-align:center}.share-btn{display:flex;align-items:center;gap:.5rem;margin-top:.875rem;padding:.6rem 1.1rem;border-radius:999px;font-size:1rem;font-weight:600;background:var(--surface-2);color:var(--text-2);border:2px solid var(--border);cursor:pointer;min-height:52px}@media(max-width:599px){.app-header__bar{padding:.6rem .75rem;gap:.5rem;flex-wrap:wrap}.app-header__tools{gap:.4rem;flex-wrap:wrap;justify-content:flex-end}.app-header__wordmark{height:20px}.comfort{padding:.4rem .75rem;gap:.4rem .6rem;flex-wrap:wrap}.comfort__label{font-size:.95rem;gap:.4rem}.comfort__aa{width:38px;height:38px}.text-scale{gap:.35rem}.text-scale__btn{min-width:48px;height:52px}.intro-hint,.install-hint{flex-direction:column;align-items:stretch;gap:.75rem}.intro-hint__text,.install-hint__text{min-width:0}.intro-hint__ok,.install-hint__add,.install-hint__actions{width:100%}.install-hint__add{flex:1}.app-nav__btn{padding:.4rem .15rem .3rem;min-height:76px;gap:.3rem}.app-nav__pill{width:52px;height:36px}.app-nav__pill svg{width:26px;height:26px}.app-nav__label{font-size:.9rem}.app-nav-spacer{height:calc(4.6rem + env(safe-area-inset-bottom))}}.search-bar{margin-bottom:1.25rem}.search-bar__input-row{position:relative;display:flex;align-items:center;background:var(--surface-2);border-radius:999px;padding:0 .75rem;min-height:56px}.search-bar__icon{display:inline-flex;color:var(--text-3);margin-inline-end:.5rem}.search-bar__input{flex:1;border:0;background:transparent;font-size:1.05rem;font-weight:500;color:var(--text-1);min-height:48px;outline:none}.search-bar__input::placeholder{color:var(--text-3)}.search-bar__clear{flex-shrink:0;width:36px;height:36px;border-radius:50%;border:none;background:var(--surface);color:var(--text-2);font-size:1.4rem;line-height:1;cursor:pointer}.search-bar__clear:hover{background:color-mix(in srgb,var(--text-3) 18%,transparent)}.search-bar__results{margin-top:.75rem;display:flex;flex-direction:column;gap:1.25rem}.search-bar__empty{padding:1rem .25rem;color:var(--text-3);font-size:1rem}.search-bar__group{display:flex;flex-direction:column;gap:.6rem}.search-bar__group-heading{font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin:0}.search-bar__grid{display:grid;grid-template-columns:1fr;gap:.6rem}@media(min-width:600px){.search-bar__grid{grid-template-columns:1fr 1fr}}.search-bar__chip-row{display:flex;flex-wrap:wrap;gap:.5rem}.search-result-card{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;background:var(--surface-2);border:1px solid color-mix(in srgb,var(--text-3) 12%,transparent);border-inline-start:4px solid var(--craft-color, var(--accent-2));border-radius:14px;padding:.85rem 1rem;text-align:start;cursor:pointer;min-height:64px}.search-result-card:hover{background:var(--surface);border-color:color-mix(in srgb,var(--text-3) 22%,transparent)}.search-result-card__name{font-size:1.05rem;font-weight:700;color:var(--text-1);line-height:1.25}.search-result-card__desc{font-size:.9rem;color:var(--text-2);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-stitch-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem .95rem;border-radius:999px;background:var(--surface-2);border:1px solid color-mix(in srgb,var(--text-3) 12%,transparent);color:var(--text-1);font-size:.95rem;font-weight:600;min-height:44px;cursor:pointer}.search-stitch-chip:hover{background:var(--surface)}.search-stitch-chip__name{white-space:nowrap}.search-stitch-chip__abbr{font-size:.75rem;font-weight:700;color:var(--text-3);letter-spacing:.05em}.signin-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:1000;padding:1rem}.signin-sheet{background:var(--surface);border-radius:24px 24px 0 0;padding:1.5rem 1.25rem 2.25rem;width:100%;max-width:480px;box-shadow:0 -8px 32px #0000002e;position:relative;animation:signinSlideUp .22s ease-out}@media(min-width:600px){.signin-overlay{align-items:center}.signin-sheet{border-radius:24px}}@keyframes signinSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.signin-sheet__close{position:absolute;inset-block-start:.5rem;inset-inline-end:.5rem;width:44px;height:44px;border:none;background:transparent;font-size:1.75rem;line-height:1;color:var(--text-3);cursor:pointer;border-radius:50%}.signin-sheet__close:hover{background:var(--surface-2);color:var(--text-1)}.detail-report{display:flex;justify-content:center;margin:.5rem 0 .25rem}.report-link{background:none;border:none;color:var(--text-2);font:inherit;font-size:.95rem;text-decoration:underline;text-underline-offset:3px;padding:.6rem .8rem;cursor:pointer}.report-link:hover{color:var(--accent-2-dark)}.report-form{display:flex;flex-direction:column;gap:.85rem}.report-body{color:var(--text-2);margin:0}.report-textarea{width:100%;font:inherit;padding:.8rem;border:2px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text-1);resize:vertical;min-height:7rem}.report-textarea:focus-visible{outline:none;border-color:var(--accent-2)}.report-error{color:#b3261e;margin:0}.report-send{align-self:flex-start;font:inherit;font-weight:700;padding:.75rem 1.5rem;border:none;border-radius:999px;background:var(--accent-2);color:#fff;cursor:pointer}.report-send:disabled{opacity:.5;cursor:default}.report-sent{color:var(--text-1);font-size:1.1rem;margin:.5rem 0}.report-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}body.sheet-open{overflow:hidden}.app-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:1000;padding:1rem}.app-sheet{width:100%;max-width:520px;max-height:85vh;overflow-y:auto;background:var(--surface);border-radius:24px 24px 0 0;padding:1.25rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom));box-shadow:0 -8px 32px #0000002e;animation:signinSlideUp .22s ease-out}.app-sheet__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.app-sheet__title{font-size:1.4rem;font-weight:700;margin:0;color:var(--text-1)}.app-sheet__close{flex:0 0 auto;width:44px;height:44px;border-radius:999px;border:none;background:var(--surface-2);color:var(--text-2);font-size:1.6rem;line-height:1;cursor:pointer}.app-sheet__close:hover{background:var(--surface-sunk);color:var(--text-1)}.app-sheet__body{display:flex;flex-direction:column;gap:1.75rem}@media(min-width:600px){.app-sheet-overlay{align-items:center}.app-sheet{border-radius:24px}}.settings-group{display:flex;flex-direction:column;gap:.85rem}.settings-group__label{font-size:1.05rem;font-weight:700;margin:0;color:var(--text-2)}.settings-langs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.settings-lang{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:56px;padding:0 1rem;border-radius:14px;border:2px solid var(--border);background:var(--surface);color:var(--text-1);font-family:var(--font-body);font-size:1.05rem;font-weight:700;cursor:pointer;text-align:start}.settings-lang--active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark)}.settings-lang__check{color:var(--accent);font-weight:700}.settings-btn{display:inline-flex;align-items:center;gap:.5rem;min-height:56px;padding:0 1.1rem;border-radius:999px;border:2px solid var(--border);background:var(--surface-2);color:var(--text-1);font-family:var(--font-body);font-weight:700;font-size:1rem;cursor:pointer}.settings-btn:hover{background:var(--surface)}.filters-btn{display:flex;align-items:center;gap:.6rem;width:100%;min-height:56px;padding:0 1.1rem;margin-bottom:1.25rem;border-radius:var(--radius-chip);border:2px solid var(--border);background:var(--surface);color:var(--text-1);font-family:var(--font-body);font-weight:700;font-size:1.05rem;cursor:pointer}.filters-btn__label{flex:0 0 auto}.filters-btn__summary{flex:1 1 auto;text-align:start;color:var(--accent-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filters-btn__chev{flex:0 0 auto;color:var(--text-muted);font-size:.8rem}@media(hover:hover)and (pointer:fine){.settings-btn{min-height:42px}.filters-btn{width:auto;min-width:300px;min-height:44px}}.signin-sheet__lede{font-size:1.15rem;font-weight:600;color:var(--text-1);text-align:center;margin:.5rem 0 1.25rem;line-height:1.35}.signin-sheet__google{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;min-height:80px;background:#fff;color:#1f1f1f;border:1.5px solid var(--divider);border-radius:16px;font-size:1.15rem;font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;box-shadow:var(--shadow)}.signin-sheet__google:hover{transform:translateY(-1px);box-shadow:var(--shadow-paper)}.signin-sheet__google:active{transform:translateY(0);box-shadow:none}.signin-sheet__google:disabled{opacity:.6;cursor:wait}.signin-sheet__email-link{display:block;width:100%;margin-top:1rem;padding:.75rem;background:transparent;border:none;color:var(--text-3);font-size:1rem;text-align:center;cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em}.signin-sheet__email-link:hover{color:var(--text-1)}.signin-sheet__email-form{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.signin-sheet__email-input{width:100%;min-height:56px;padding:0 1rem;font-size:1.05rem;border:1.5px solid var(--divider);border-radius:14px;background:var(--surface-sunk);color:var(--text-1);outline:none}.signin-sheet__email-input:focus{border-color:var(--accent)}.signin-sheet__email-send{min-height:64px;background:var(--accent);color:var(--accent-contrast);border:none;border-radius:14px;font-size:1.1rem;font-weight:700;cursor:pointer}.signin-sheet__email-send:disabled{opacity:.5;cursor:not-allowed}.signin-sheet__sent{text-align:center;font-size:1.1rem;font-weight:600;color:var(--text-1);padding:1rem 0}.signin-sheet__error{margin-top:.75rem;padding:.6rem .85rem;background:color-mix(in srgb,#c0392b 10%,transparent);color:#c0392b;border-radius:10px;font-size:.9rem;text-align:center}.signin-entry{display:block;margin:.25rem auto 1.5rem;padding:.6rem 1.1rem;background:transparent;border:1.5px solid var(--divider);border-radius:999px;color:var(--text-2);font-size:.95rem;font-weight:600;cursor:pointer}.signin-entry:hover{background:var(--surface-2);color:var(--text-1)}.signin-entry--user{display:inline-flex;align-items:center;gap:.5rem;background:color-mix(in srgb,var(--accent) 12%,var(--surface));border-color:color-mix(in srgb,var(--accent) 35%,var(--divider));color:var(--text-1);font-weight:600}.signin-entry__check{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--accent-contrast);font-size:.85rem;font-weight:700}.signin-entry__name{font-weight:700}.signin-entry__sep{opacity:.45}.signin-entry__action{color:var(--text-3);font-weight:500}.welcome-toast{position:fixed;inset-block-start:calc(env(safe-area-inset-top,0px) + 4.5rem);inset-inline:0;margin-inline:auto;width:max-content;max-width:calc(100% - 2rem);z-index:1100;display:inline-flex;align-items:center;gap:.65rem;padding:.85rem 1.25rem;background:var(--accent);color:var(--accent-contrast);border-radius:999px;box-shadow:0 12px 32px #00000038;font-size:1.1rem;font-weight:700;animation:welcomeToastIn .32s cubic-bezier(.2,.8,.2,1) both,welcomeToastOut .4s ease-in 3.1s both}.welcome-toast__check{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#ffffff38;font-size:.95rem}.welcome-toast__text{line-height:1.2}.welcome-toast--error{background:#b3261e;color:#fff}@keyframes welcomeToastIn{0%{transform:translateY(-1rem);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes welcomeToastOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-1rem);opacity:0}}@media(prefers-reduced-motion:reduce){.welcome-toast{animation:none}}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 72px;--space-9: 96px;--type-h1: 48px;--type-h2: 36px;--type-h3: 28px;--type-body-large: 22px;--type-body: 20px;--type-label: 20px;--type-meta: 18px;--type-eyebrow: 16px;--hit-min: 56px;--button-primary-h: 64px;--button-compact-h: 56px;--list-row-h: 72px;--tab-h: 80px;--input-h: 72px;--radius-button: 14px;--radius-card: 18px;--radius-card-hero: 24px;--radius-chip: 999px;--focus-ring-w: 3px;--focus-ring-offset: 2px}[data-theme=warm]{--bg: #F6EFE6;--surface: #FFFDF9;--surface-sunk: #F3E9DB;--ink: #34261A;--ink-2: #675341;--ink-3: #8A7359;--accent: #CF5F3C;--accent-ink: #AD4A2B;--accent-soft: #F7E1D6;--on-accent: #FFFAF6;--divider: #E6D9C7;--shadow-paper: 0 6px 24px rgba(52, 38, 26, .1);--shadow-hero: 0 10px 32px rgba(173, 74, 43, .18);--craft-crochet-bg: #F1DDB6;--craft-crochet-ink: #7A5414;--craft-knitting-bg: #DEE6BB;--craft-knitting-ink: #485422;--craft-tatting-bg: #DCD0E6;--craft-tatting-ink: #4F3B6E;--craft-embroidery-bg: #EDC9CF;--craft-embroidery-ink:#7E3645;--surface-2: #F3E9DB;--border: #E6D9C7;--text-1: #34261A;--text-2: #675341;--text-3: #8A7359;--text-muted: #9A836E;--accent-fg: #FFFAF6;--accent-dark: #AD4A2B;--accent-2: #3F8F86;--accent-2-dark: #2F6F68;--accent-2-soft: #DCEBE8;--nav-bg: #FFFDF9;--shadow: 0 6px 24px rgba(52, 38, 26, .1);--shadow-lg: 0 10px 32px rgba(173, 74, 43, .18);--gradient: linear-gradient(135deg, #CF5F3C 0%, #3F8F86 100%)}html{font-family:Tajawal,Segoe UI,system-ui,sans-serif;font-variant-numeric:lining-nums tabular-nums}:lang(ar){line-height:1.6;letter-spacing:0}.num-metric{font-family:JetBrains Mono,ui-monospace,Cascadia Code,monospace;font-weight:500;font-variant-numeric:lining-nums tabular-nums}:focus-visible{outline:var(--focus-ring-w) solid var(--accent);outline-offset:var(--focus-ring-offset)}.eyebrow{font-size:var(--type-eyebrow);font-weight:700;color:var(--accent-ink);letter-spacing:.12em;text-transform:uppercase;line-height:1.2}:lang(ar) .eyebrow{letter-spacing:0;text-transform:none}.pattern-card{position:relative;display:block;background:var(--surface-sunk);border:1px solid var(--divider);border-radius:var(--radius-card);overflow:hidden;text-align:start;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;width:100%;padding:0;font:inherit;color:inherit;aspect-ratio:4 / 5}.pattern-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-paper)}.pattern-card:active{transform:translateY(0);box-shadow:none}.pattern-card__media{position:absolute;top:0;right:0;bottom:0;left:0}.pattern-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .12s ease}.pattern-card:hover .pattern-card__media img{filter:brightness(1.04)}.pattern-card__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.3) 40%,rgba(0,0,0,.05) 65%,transparent 100%);pointer-events:none}.pattern-card__body{position:absolute;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);z-index:1}.pattern-card__title{font-size:var(--type-h3);font-weight:700;line-height:1.25;color:#fbf4e5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 3px rgba(0,0,0,.45)}.pattern-card__meta{font-size:var(--type-meta);font-weight:600;color:#fbf4e5;opacity:.92;display:flex;align-items:center;gap:var(--space-2);letter-spacing:.02em;text-shadow:0 1px 3px rgba(0,0,0,.45)}.pattern-card__craft-dot{width:12px;height:12px;border-radius:50%;background:var(--craft-color, var(--accent));flex:0 0 auto;box-shadow:0 0 0 2px #00000040}.pattern-card--no-image{background:var(--surface)}.pattern-card--no-image .pattern-card__scrim{display:none}.pattern-card--no-image .pattern-card__title,.pattern-card--no-image .pattern-card__meta{color:var(--ink);text-shadow:none}.pattern-card--no-image .pattern-card__meta{color:var(--ink-2)}.btn-primary,.btn-secondary,.btn-text{font:inherit;font-size:var(--type-label);font-weight:700;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);transition:background .12s ease,color .12s ease,border-color .12s ease,box-shadow .12s ease;text-decoration:none}.btn-primary{min-height:var(--button-primary-h);min-width:200px;padding:0 var(--space-7);background:var(--accent);color:var(--on-accent);border:0;border-radius:var(--radius-button)}.btn-primary:hover{background:color-mix(in oklab,var(--accent) 92%,var(--ink) 8%)}.btn-primary:active{background:color-mix(in oklab,var(--accent) 86%,var(--ink) 14%)}.btn-primary:disabled{background:var(--surface-sunk);color:var(--ink-3);cursor:not-allowed}.btn-secondary{min-height:var(--button-compact-h);min-width:160px;padding:0 var(--space-5);background:transparent;color:var(--ink);border:2px solid var(--ink);border-radius:var(--radius-button)}.btn-secondary:hover{background:var(--surface-sunk)}.btn-secondary:active{background:var(--accent-soft);border-color:var(--accent-ink)}.btn-secondary:disabled{border-color:var(--ink-3);color:var(--ink-3);cursor:not-allowed}.btn-text{min-height:var(--hit-min);padding:0 var(--space-2);background:transparent;color:var(--ink);border:0;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}.btn-text:hover{color:var(--accent-ink);text-decoration-thickness:3px}.btn-text:active{background:var(--accent-soft);border-radius:8px}.btn-text:disabled{color:var(--ink-3);text-decoration:none;cursor:not-allowed}.btn-primary--inverted{background:var(--on-accent);color:var(--accent-ink)}.btn-primary--inverted:hover{background:color-mix(in oklab,var(--on-accent) 92%,var(--accent-ink) 8%)}.btn-primary--inverted:active{background:color-mix(in oklab,var(--on-accent) 84%,var(--accent-ink) 16%)}.for-you-card{position:relative;isolation:isolate;overflow:hidden;background:var(--accent);color:var(--on-accent);border-radius:var(--radius-card-hero);padding:var(--space-7);box-shadow:var(--shadow-hero);max-width:720px;margin:0 auto var(--space-7)}.for-you-card__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.for-you-card__media img{width:100%;height:100%;object-fit:cover;display:block}.for-you-card__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 86%,transparent),color-mix(in srgb,var(--accent-dark) 82%,transparent) 70%,color-mix(in srgb,var(--accent-dark) 92%,transparent))}.for-you-card__content{position:relative;z-index:2;display:flex;flex-direction:column;gap:var(--space-4)}.for-you-card__eyebrow{font-size:var(--type-eyebrow);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--on-accent);opacity:.85;line-height:1.2}:lang(ar) .for-you-card__eyebrow{letter-spacing:0;text-transform:none;opacity:1}.for-you-card__title{font-size:var(--type-h2);font-weight:700;line-height:1.2;margin:0;color:var(--on-accent)}.for-you-card__body{font-size:var(--type-body-large);font-weight:600;line-height:1.45;margin:0;color:var(--on-accent);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.for-you-card__actions{display:flex;align-items:center;gap:var(--space-5);flex-wrap:wrap;margin-top:var(--space-3)}.for-you-card .btn-text{color:var(--on-accent)}.for-you-card .btn-text:hover{color:var(--on-accent);opacity:.85}.browse-section{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.browse-section__heading{font-size:var(--type-h3);font-weight:700;line-height:1.25;margin:0;color:var(--ink)}.browse-chips{display:flex;flex-wrap:wrap;gap:var(--space-3)}.browse-chip{min-height:var(--hit-min);padding:0 var(--space-5);background:var(--surface);border:1px solid var(--divider);border-radius:var(--radius-chip);font:inherit;font-size:var(--type-label);font-weight:700;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2);transition:background .12s ease,border-color .12s ease,color .12s ease}.browse-chip:hover{background:var(--surface-sunk)}.browse-chip[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent-ink);color:var(--accent-ink)}.browse-chip__dot{width:10px;height:10px;border-radius:50%;background:var(--craft-color, var(--accent-ink));flex:0 0 auto}@media(hover:hover)and (pointer:fine){.browse-section{gap:var(--space-3);margin-bottom:var(--space-5)}.browse-section__heading{font-size:1.25rem}.browse-chips{gap:var(--space-2)}.browse-chip{min-height:38px;padding:0 .9rem;font-size:.95rem}.browse-chip__dot{width:8px;height:8px}}.pattern-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media(min-width:720px){.pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}