:root{--backdrop: #e9e2d8;--canvas: #fbf8f4;--surface: #f4ede3;--surface-alt: #f1eae0;--surface-avatar: #efe6da;--field: #ffffff;--border: #e4dace;--border-shelf: #e9dfd0;--border-tile: #ece1d2;--border-dashed: #d9cbb8;--ink: #3a2f26;--ink-hover: #2c231c;--on-ink: #ffffff;--ink-70: rgba(58, 47, 38, .72);--ink-62: rgba(58, 47, 38, .62);--ink-55: rgba(58, 47, 38, .55);--ink-50: rgba(58, 47, 38, .5);--ink-45: rgba(58, 47, 38, .45);--ink-40: rgba(58, 47, 38, .4);--ink-35: rgba(58, 47, 38, .35);--ink-30: rgba(58, 47, 38, .3);--accent: #a9836a;--accent-deep: #8c6449;--accent-on: #fbf3ea;--accent-on-soft: rgba(251, 243, 234, .82);--accent-arrow: #e0c3a8;--favorite: #b4574f;--synced: #9db08a;--photo-bg: #ece1d2;--scrim: rgba(251, 248, 244, .92);--weave: repeating-linear-gradient(135deg, #f0e8dc 0 11px, #e3d6c3 11px 22px);--weave-lg: repeating-linear-gradient(135deg, #f0e8dc 0 14px, #e3d6c3 14px 28px);--dropzone: #f6f0e7;--r-card: 14px;--r-tile: 12px;--r-field: 13px;--r-chip: 18px;--r-fab: 23px;--r-photo: 16px;--r-frame: 22px;--input-size: 16px;--gutter: 11px;--screen: 20px;--serif: "Newsreader", Georgia, "Times New Roman", serif;--sans: "Instrument Sans", system-ui, -apple-system, sans-serif;--app-max: 390px;--design-w: 390px;--design-h: 844px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--shadow-fab: 0 10px 24px -8px rgba(58, 47, 38, .55);--shadow-frame: 0 18px 44px -14px rgba(40, 30, 20, .35);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none}input,textarea,select,button{font-family:var(--sans)}input:focus,textarea:focus{outline:none;border-color:var(--accent)!important}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-deep)}button{border:none;background:none;padding:0;margin:0;color:inherit;font:inherit;cursor:pointer;text-align:inherit}.noscroll::-webkit-scrollbar{display:none}.noscroll{scrollbar-width:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.preview-device{--safe-top: 47px;--safe-bottom: 34px}.shell{height:100vh;height:100dvh;display:flex;justify-content:center;align-items:stretch}.frame{width:100%;height:100%;background:var(--canvas);position:relative;overflow:hidden;display:flex;flex-direction:column;padding-top:var(--safe-top)}.scroll{flex:1;overflow-y:auto;min-height:0}.welcome-head{background:var(--accent);color:var(--accent-on);flex:none;margin-top:calc(-1 * var(--safe-top));padding:max(44px,var(--safe-top)) 28px 54px}.welcome-head h1{font:500 74px/.9 var(--serif);letter-spacing:-.035em;margin:76px 0 0}.welcome-head h2{font:400 italic 20px/1.4 var(--serif);color:var(--accent-on-soft);margin:16px 0 0}.welcome-body{flex:1;min-height:0;padding:34px 28px calc(34px + var(--safe-bottom));display:flex;flex-direction:column}.eyebrow{font:400 11px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:18px}.shelves{display:flex;flex-direction:column;gap:12px}.shelf{display:flex;align-items:center;justify-content:space-between;padding:26px 24px;border-radius:var(--r-chip);transition:background .15s ease}.shelf-title{font:500 24px var(--serif)}.shelf-blurb{font:400 12.5px var(--sans);margin-top:4px}.shelf-arrow{font:600 19px var(--sans)}.shelf--light{background:var(--surface);border:1px solid var(--border-shelf)}.shelf--light:hover{background:var(--surface-avatar)}.shelf--light .shelf-title{color:var(--ink)}.shelf--light .shelf-blurb{color:var(--ink-55)}.shelf--light .shelf-arrow{color:var(--accent)}.shelf--dark{background:var(--ink);border:1px solid var(--ink)}.shelf--dark:hover{background:var(--ink-hover)}.shelf--dark .shelf-title{color:var(--canvas)}.shelf--dark .shelf-blurb{color:#fbf8f499}.shelf--dark .shelf-arrow{color:var(--accent-arrow)}.welcome-foot{font:400 12px var(--sans);color:var(--ink-40)}.account-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-email{font:400 12px var(--sans);color:var(--ink-50);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-signout{font:500 12px var(--sans);color:var(--accent);flex:none;min-height:44px;display:flex;align-items:center}.login-head{background:var(--accent);color:var(--accent-on);flex:none;margin-top:calc(-1 * var(--safe-top));padding:max(44px,var(--safe-top)) 28px 44px}.login-head h1{font:500 68px/.9 var(--serif);letter-spacing:-.035em;margin:64px 0 0}.login-head h2{font:400 italic 19px/1.4 var(--serif);color:var(--accent-on-soft);margin:14px 0 0}.login-body{padding:30px 28px calc(26px + var(--safe-bottom));display:flex;flex-direction:column}.login-body>*{flex-shrink:0}.login-body .field{flex-shrink:0}.segmented{display:flex;gap:4px;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--r-tile);padding:4px;margin-bottom:22px}.segment{flex:1;text-align:center;padding:9px 0;border-radius:9px;font:600 12.5px var(--sans);background:transparent;color:var(--ink-50)}.segment[aria-selected=true]{background:var(--canvas);color:var(--ink)}.login-body .login-input{width:100%;height:46px;border-radius:var(--r-tile);border:1px solid var(--border);background:var(--field);padding:0 14px;font-size:var(--input-size);color:var(--ink)}.login-password-label{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px}.login-password-label .field-label{margin-bottom:0}.login-forgot{font:500 11.5px var(--sans);color:var(--accent)}.login-error{margin-top:12px;font:400 12px var(--sans);color:var(--favorite)}.login-notice{margin-top:12px;font:400 12px/1.5 var(--sans);color:var(--accent-deep)}.login-cta{margin-top:22px;height:50px;border-radius:var(--r-card);background:var(--ink);color:var(--canvas);display:flex;align-items:center;justify-content:center;font:600 13.5px var(--sans)}.login-cta:disabled{opacity:.5}.login-or{display:flex;align-items:center;gap:12px;margin:22px 0}.login-or span{flex:1;height:1px;background:var(--border-shelf)}.login-or em{font:400 11px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-40);font-style:normal}.login-providers{display:flex;flex-direction:column;gap:10px}.login-provider{height:48px;border-radius:var(--r-card);border:1px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:center;gap:9px;font:500 13px var(--sans);color:var(--ink)}.login-spacer{flex:1;min-height:22px}.login-legal{font:400 11.5px/1.6 var(--sans);color:var(--ink-40);text-wrap:pretty;margin:0}.gallery-head{padding:10px var(--screen) 2px;display:flex;align-items:flex-end;justify-content:space-between}.back-pill{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin:0 0 8px -6px;border-radius:50%;background:var(--surface-alt);border:1px solid var(--border);font:600 16px var(--sans);color:var(--ink);padding-bottom:2px}.wordmark{font:500 28px/1 var(--serif);letter-spacing:-.015em}.count-line{font:400 12px var(--sans);color:var(--ink-50);margin-top:4px}.avatar{width:34px;height:34px;flex:none;border-radius:50%;background:var(--surface-avatar);display:flex;align-items:center;justify-content:center;font:500 12px var(--sans);color:var(--accent)}.search-row{padding:14px var(--screen) 6px;display:flex;gap:9px;align-items:center}.search{flex:1;display:flex;align-items:center;gap:9px;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--r-field);padding:0 13px;height:42px}.search input{flex:1;border:none;background:none;font-size:var(--input-size);color:var(--ink);min-width:0}.fav-toggle{width:42px;height:42px;flex:none;border-radius:var(--r-field);display:flex;align-items:center;justify-content:center;font-size:15px;border:1px solid var(--border);background:var(--surface-alt);color:var(--ink-40)}.fav-toggle[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.chip-row{display:flex;gap:8px;overflow-x:auto;padding:8px var(--screen) 14px}.chip{flex:none;padding:8px 15px;border-radius:var(--r-chip);font:500 12px var(--sans);white-space:nowrap;background:var(--surface-alt);color:var(--ink-62);border:1px solid var(--border)}.chip[aria-pressed=true]{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.grid{columns:2;column-gap:var(--gutter);padding:0 var(--screen) 96px}.card{break-inside:avoid;margin-bottom:var(--gutter);position:relative}.card-open{display:block;width:100%}.card-photo{width:100%;height:auto;object-fit:cover;border-radius:var(--r-card);display:block;background:var(--photo-bg)}.card-weave{width:100%;height:auto;border-radius:var(--r-card);background-image:var(--weave);display:flex;align-items:flex-end;padding:9px}.card-weave span{font:500 10.5px var(--sans);color:var(--ink-55)}.card-heart{position:absolute;top:8px;right:8px;width:27px;height:27px;border-radius:50%;background:var(--scrim);display:flex;align-items:center;justify-content:center;font-size:12.5px}.is-fav{color:var(--favorite)}.not-fav{color:var(--ink-30)}.not-fav-strong{color:var(--ink-35)}.empty{padding:40px 30px;text-align:center;font:400 13px/1.6 var(--sans);color:var(--ink-50)}.fab-bar{position:absolute;bottom:0;left:0;right:0;height:92px;background:linear-gradient(rgba(251,248,244,0),var(--canvas) 45%);display:flex;align-items:center;justify-content:center;padding-bottom:var(--safe-bottom);pointer-events:none}.fab{display:flex;align-items:center;gap:8px;background:var(--ink);color:var(--on-ink);padding:13px 22px;border-radius:var(--r-fab);font:600 13px var(--sans);box-shadow:var(--shadow-fab);pointer-events:auto}.fab-plus{font-size:17px;line-height:1;margin-top:-1px}.detail-scroll{margin-top:calc(-1 * var(--safe-top))}.hero{position:relative}.hero img{width:100%;height:min(400px,48vh);object-fit:cover;display:block;background:var(--photo-bg)}.hero-weave{width:100%;height:min(320px,38vh);background-image:var(--weave-lg)}.hero-btn{position:absolute;top:calc(52px + var(--safe-top));width:36px;height:36px;border-radius:50%;background:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center}.hero-back{left:16px;font:600 18px var(--sans);padding-bottom:2px}.hero-fav{right:16px;font-size:15px}.detail-body{padding:18px var(--screen) 40px}.detail-eyebrow{font:400 11px var(--sans);letter-spacing:.15em;text-transform:uppercase;color:var(--accent)}.detail-title{font:500 26px/1.15 var(--serif);margin:6px 0 16px;text-wrap:pretty}.specs{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:22px}.spec{background:var(--surface);border:1px solid var(--border-tile);border-radius:var(--r-tile);padding:10px 12px}.spec-key{font:400 10px var(--sans);letter-spacing:.09em;text-transform:uppercase;color:var(--accent);margin-bottom:3px}.spec-val{font:500 13px var(--sans)}.notes-label{font:500 13px var(--sans);margin-bottom:7px}.notes{font:400 13px/1.65 var(--sans);color:var(--ink-70);white-space:pre-line;text-wrap:pretty}.source-row{margin-top:22px;padding-top:18px;border-top:1px solid var(--border-tile);display:flex;align-items:center;justify-content:space-between;gap:12px}.source-val{font:500 13px var(--sans)}.source-open{font:500 12px var(--sans);color:var(--accent);flex:none}.edit-btn{margin-top:26px;width:100%;height:46px;border-radius:var(--r-card);border:1px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:center;font:600 13px var(--sans)}.form-bar{padding:8px var(--screen) 12px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px}.form-cancel{font:500 13px var(--sans);color:var(--ink-62)}.form-title{font:500 15px var(--serif)}.form-save{font:600 13px var(--sans);color:var(--accent)}.form-body{padding:6px var(--screen) 30px}.dropzone-wrap{position:relative;margin-bottom:18px}.dropzone{height:150px;border-radius:var(--r-photo);border:1.5px dashed var(--border-dashed);background:var(--dropzone);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;overflow:hidden;cursor:pointer}.dropzone:has(.dropzone-img){border-style:solid;border-color:var(--border);padding:0}.dropzone-img{width:100%;height:100%;object-fit:cover;display:block}.dropzone-remove{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;font:500 16px var(--sans);color:var(--ink);line-height:1}.dropzone-busy{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:var(--r-photo);background:var(--scrim);font:500 12px var(--sans);color:var(--ink-55)}.dropzone-plus{font-size:19px;color:var(--accent)}.dropzone-label{font:500 12px var(--sans);color:var(--ink-55)}.field{margin-bottom:14px}.field-label{font:500 11px var(--sans);letter-spacing:.07em;text-transform:uppercase;color:var(--accent);margin-bottom:6px;display:block}.field input{width:100%;height:44px;border-radius:var(--r-tile);border:1px solid var(--border);background:var(--field);padding:0 13px;font-size:var(--input-size);color:var(--ink)}.field textarea{width:100%;height:110px;border-radius:var(--r-tile);border:1px solid var(--border);background:var(--field);padding:11px 13px;font-size:var(--input-size);line-height:1.55;color:var(--ink);resize:none}.cat-label{margin-bottom:7px}.cat-picker{display:flex;flex-wrap:wrap;gap:8px}.cat-picker .chip{padding:8px 14px}.sync-row{margin-top:18px;display:flex;align-items:center;gap:8px;font:400 11.5px/1.5 var(--sans);color:var(--ink-45)}.sync-dot{width:6px;height:6px;border-radius:50%;background:var(--synced);flex:none}.delete-btn{margin-top:10px;width:100%;height:44px;display:flex;align-items:center;justify-content:center;font:500 13px var(--sans);color:var(--favorite)}.delete-confirm{margin-top:10px;padding:14px;border-radius:var(--r-card);border:1px solid var(--favorite);background:var(--surface);display:flex;flex-direction:column;gap:12px;align-items:center}.delete-question{font:500 13px var(--sans);color:var(--ink)}.delete-actions{display:flex;gap:10px;width:100%}.delete-cancel,.delete-yes{flex:1;height:42px;border-radius:var(--r-tile);display:flex;align-items:center;justify-content:center;font:600 13px var(--sans)}.delete-cancel{border:1px solid var(--border);background:var(--canvas);color:var(--ink)}.delete-yes{background:var(--favorite);color:var(--on-ink)}.save-error{margin-top:16px;padding:12px 14px;border-radius:var(--r-tile);border:1px solid var(--favorite);color:var(--favorite);font:500 12px/1.5 var(--sans)}.board-fit{background:var(--backdrop);min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center}.board-fit-inner{position:relative;flex:none}.board{position:absolute;top:0;left:0;transform-origin:top left;display:flex;gap:40px;padding:48px;align-items:flex-start}.board-col{display:flex;flex-direction:column;gap:12px;flex:none}.board-label{display:flex;align-items:baseline;gap:9px}.board-name{font:500 17px var(--serif);color:var(--ink)}.board-tag{font:400 11px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.board-screen{width:390px;height:844px;border-radius:var(--r-frame);overflow:hidden;box-shadow:var(--shadow-frame);flex:none;background:var(--canvas)}.board-screen iframe{width:390px;height:844px;border:none;display:block}