:root{--cream-paper: #f7f3eb;--blush-paper: #f4c4c4;--cardboard: #c4a574;--cardboard-dark: #8b6914;--ink: #3d3429;--ink-soft: #6b5e52;--terracotta: #c67b5c;--sage: #8fa68a;--dusty-rose: #d4a5a5;--shadow: 0 4px 16px rgba(61, 52, 41, .18);font-family:Nunito,system-ui,sans-serif;color:var(--ink);background:#e8dfd0}*{box-sizing:border-box}body{margin:0;min-height:100vh}h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:600}.app{min-height:100vh;max-width:960px;margin:0 auto;padding:1rem 1.25rem 2rem}.app__header{text-align:center;margin-bottom:1rem}.app__header h1{margin:0;font-size:2rem;letter-spacing:.02em}.app__tagline{font-family:Caveat,cursive;font-size:1.25rem;color:var(--ink-soft);margin:.25rem 0 0}.btn{font-family:inherit;font-weight:600;border:none;border-radius:12px;padding:.75rem 1.25rem;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:var(--shadow)}.btn:active{transform:scale(.98)}.btn--primary{background:var(--terracotta);color:#fff}.btn--secondary{background:var(--cream-paper);color:var(--ink);border:1.5px solid var(--cardboard-dark)}.btn--sage{background:var(--sage);color:#fff}.btn-row{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1rem}.table-scene{position:relative;background-color:#c4a574;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:16px;padding:2rem 1.5rem 3rem;box-shadow:var(--shadow);min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center}.home-boxes{display:flex;justify-content:center;align-items:flex-end;gap:2.5rem;flex-wrap:wrap;width:100%}.home-actions,.home-nav,.welcome-buttons{display:flex;justify-content:center;align-items:center;gap:.75rem;flex-wrap:wrap;width:100%;margin-top:1rem}.app__logo{max-width:min(320px,90vw);height:auto;display:block;margin:0 auto}.app__logo--small{max-width:200px}.box-lid-display{display:flex;flex-direction:column;align-items:center}.box-lid-display__select{background:none;border:none;padding:0;cursor:pointer;transition:transform .2s ease;display:block}.box-lid-display__select:hover{transform:translateY(-6px) scale(1.02)}.box-lid-display__edit{margin-top:.35rem;font-size:.75rem;color:var(--ink-soft);background:none;border:none;text-decoration:underline;cursor:pointer;font-family:inherit}.box-lid-display__img{width:140px;height:auto;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(61,52,41,.25));pointer-events:none}.box-lid-display__img--large{width:280px}.box-lid-display__label{font-family:Fraunces,serif;font-size:.9rem;margin-top:.35rem;color:var(--ink);text-shadow:0 1px 0 rgba(255,255,255,.5)}.img-btn{background:none;border:none;padding:0;cursor:pointer;transition:transform .15s ease}.img-btn img{height:56px;width:auto;max-width:120px;object-fit:contain;display:block}.img-btn:hover:not(:disabled){transform:scale(1.05)}.img-btn--disabled{opacity:.5;cursor:not-allowed}.discard-pile__img{width:80px;height:auto;object-fit:contain;display:block;margin:0 auto;transition:transform .25s ease}.home-table-layout{display:flex;flex-direction:column;align-items:center;width:100%;gap:.35rem}.discard-pile--home-below{position:static;margin-top:.25rem}.discard-pile--on-table{position:absolute;bottom:1rem;right:1rem}.discard-pile--ritual{position:fixed;bottom:1.5rem;right:1.5rem;z-index:100}.ritual--table{background-size:cover;background-position:center;min-height:100vh}.ritual--centered{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:1.5rem}.ritual-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;width:100%;max-width:360px;margin:0 auto}.ritual-center__title{margin:0;text-align:center;text-shadow:0 1px 2px rgba(255,255,255,.6)}.ritual-center__subtitle{margin:-.5rem 0 0;font-family:Caveat,cursive;font-size:1.2rem;color:var(--ink-soft)}.ritual-center__box{margin:.5rem 0}.ritual-lid-img{width:180px;height:auto;display:block;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(61,52,41,.25))}.ritual-center__actions{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.ritual-center__actions .img-btn{margin:0 auto}.ritual-center__actions .btn{min-width:140px}.ritual-box-img{width:160px;height:auto;display:block;margin:0 auto}.welcome-hint,.home-hint{text-align:center;margin:.75rem auto 0}.home-hint.ritual-hint-banner{color:var(--ink)}.home-group-picker{margin-bottom:1rem;text-align:center}.home-group-picker__label{display:block;font-family:Caveat,cursive;font-size:1.15rem;margin-bottom:.5rem;color:var(--ink)}.home-group-picker__grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.home-group-picker__btn{display:flex;align-items:center;justify-content:center;padding:.35rem;border:2px solid var(--cardboard);border-radius:10px;background:#fffcf5e6;cursor:pointer;min-width:56px;min-height:56px}.home-group-picker__btn img{height:44px;width:auto;object-fit:contain;display:block}.home-group-picker__btn--on{border-color:var(--terracotta);background:#fff8f0}.reveal-scene__swipe--hidden{visibility:hidden;pointer-events:none}.lid-studio__patterns{margin-top:.5rem}.lid-studio__patterns-label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.35rem}.settings-volume{display:flex;flex-direction:column;gap:.35rem;margin:.5rem 0}.settings-volume input[type=range]{width:100%}.settings-danger__title{margin-top:1.5rem;color:var(--ink)}.settings-danger__btn{margin-top:.5rem;border-color:#a44;color:#8b3333}.welcome-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}.welcome-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;border:2px solid var(--cardboard);border-radius:12px;background:#fff;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.welcome-card:hover{transform:scale(1.03);border-color:var(--terracotta)}.welcome-card img{height:56px;width:auto;object-fit:contain}.welcome-card span{font-weight:600;font-size:1rem}.memory-prompt{text-align:center;max-width:400px;margin:2rem auto}.memory-prompt__activity{font-size:1.05rem}.memory-prompt__hint{color:var(--ink-soft);font-size:.9rem}.table-picker{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0}.table-picker__item{border:2px solid transparent;border-radius:8px;padding:.35rem;background:#fff;cursor:pointer;text-align:center;width:100px}.table-picker__item img{width:100%;height:60px;object-fit:cover;border-radius:4px}.table-picker__item--on{border-color:var(--terracotta)}.table-picker__item span{font-size:.7rem;display:block;margin-top:.25rem}.table-scene__label{font-family:Caveat,cursive;text-align:center;font-size:1.1rem;color:var(--ink-soft);margin-bottom:1rem}.box-row{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.activity-box{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .2s ease}.activity-box:hover{transform:translateY(-4px)}.activity-box__lid{width:100px;height:28px;background:var(--cardboard);border:2px solid var(--cardboard-dark);border-radius:6px 6px 2px 2px;margin-bottom:-4px;z-index:2;background-size:cover;background-position:center}.activity-box__body{width:100px;height:72px;background:linear-gradient(180deg,#d9bc8a,#b8956b);border:2px solid var(--cardboard-dark);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--ink-soft);box-shadow:inset 0 8px 12px #00000026}.activity-box__name{font-family:Fraunces,serif;font-size:.85rem;margin-top:.35rem}.activity-box__count{font-size:.75rem;color:var(--ink-soft)}.discard-pile{position:absolute;bottom:1rem;right:1.5rem;width:64px;text-align:center}.discard-pile__box{width:56px;height:40px;background:#9a7b5a;border:2px solid var(--cardboard-dark);border-radius:4px;margin:0 auto;transition:transform .25s ease}.discard-pile__box--open{transform:perspective(200px) rotateX(-20deg)}.discard-pile__label{font-size:.65rem;margin-top:.25rem;color:var(--ink-soft)}.crumble-paper{position:relative;display:inline-flex;align-items:center;justify-content:center;max-width:200px}.crumble-paper__img{width:160px;height:auto;object-fit:contain;filter:drop-shadow(var(--shadow));display:block}.crumble-paper--unfolding .crumble-paper__img{animation:crumble-unfold-fade .35s ease}@keyframes crumble-unfold-fade{0%{opacity:.55;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.settings-stack{display:flex;flex-direction:column;gap:.65rem;margin:.75rem 0 1rem}.settings-stack__row{display:flex;align-items:center;gap:.5rem}.settings-stack__btn{align-self:flex-start;width:auto}.settings-track-select{width:100%;padding:.45rem .6rem;border-radius:8px;border:1px solid var(--cardboard);font-family:inherit;font-size:.95rem;background:#fff}.crumble-paper__title{position:absolute;top:50%;left:10%;right:10%;transform:translateY(-50%);font-family:Fraunces,serif;font-size:.8rem;font-weight:600;text-align:center;margin:0;line-height:1.2;color:var(--ink);text-shadow:0 1px 2px rgba(255,255,255,.85);pointer-events:none}.crumble-paper__crease{position:absolute;top:10%;right:10%;bottom:10%;left:10%;border:1px dashed rgba(61,52,41,.15);border-radius:inherit}.ritual{text-align:center;padding:1rem 0}.ritual__hint{font-family:Caveat,cursive;font-size:1.2rem;color:var(--ink-soft)}.shake-zone{padding:2rem}.shake-zone--active .ritual-box{animation:box-shake .4s ease infinite}@keyframes box-shake{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-6px) rotate(-1.5deg)}75%{transform:translateY(4px) rotate(1.5deg)}}.ritual-box{width:140px;height:100px;margin:1.5rem auto;background:linear-gradient(180deg,#d9bc8a,#b8956b);border:3px solid var(--cardboard-dark);border-radius:6px;position:relative}.lid-drag-scene{margin:1rem auto;max-width:320px}.lid-drag-scene__stack{position:relative;width:240px;margin:0 auto}.lid-drag-scene__box-img{width:100%;height:auto;display:block}.lid-drag-scene__lid-wrap{position:absolute;left:0;right:0;top:0;cursor:grab;touch-action:none;z-index:5;display:flex;justify-content:center}.lid-drag-scene__lid-img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(61,52,41,.2));pointer-events:none}.lid-drag-scene__interior{position:absolute;left:12%;right:12%;top:18%;bottom:22%;display:flex;flex-wrap:wrap;gap:4px;justify-content:center;align-content:center;z-index:2}.mini-crumble-btn{padding:0;border:none;background:none;cursor:pointer;transition:transform .15s ease}.mini-crumble-btn:hover{transform:scale(1.15)}.mini-crumble-btn img{width:36px;height:auto;object-fit:contain}.reveal-scene{display:flex;flex-direction:column;align-items:center;gap:1rem}.reveal-scene__swipe{touch-action:pan-y;cursor:ew-resize;-webkit-user-select:none;user-select:none}.swipe-track{width:100%;max-width:200px;height:6px;background:#3d342926;border-radius:3px;overflow:hidden}.swipe-track__fill{height:100%;background:var(--terracotta);transition:width .05s linear}.panel{background:var(--cream-paper);border-radius:12px;padding:1.25rem;box-shadow:var(--shadow);margin-top:1rem}.panel h2{margin-top:0;font-size:1.25rem}.filter-grid{display:flex;flex-direction:column;gap:1rem}.chip-group{display:flex;flex-wrap:wrap;gap:.4rem}.chip{padding:.35rem .65rem;border-radius:999px;border:1.5px solid var(--cardboard);background:#fff;font-size:.8rem;cursor:pointer}.chip--on{background:var(--dusty-rose);border-color:var(--terracotta)}.activity-list{list-style:none;padding:0;margin:0;max-height:200px;overflow-y:auto}.activity-list li{padding:.5rem 0;border-bottom:1px dashed rgba(61,52,41,.2);font-size:.9rem}.lid-canvas-wrap{border:2px dashed var(--cardboard);border-radius:8px;overflow:hidden;margin:.5rem 0}.lid-canvas-wrap canvas{display:block;width:100%;max-width:320px;margin:0 auto;cursor:crosshair;background:var(--cream-paper)}.color-pick{display:flex;gap:.5rem;justify-content:center;margin:.5rem 0}.color-pick button{width:28px;height:28px;border-radius:50%;border:2px solid var(--ink-soft);cursor:pointer}.fly-to-discard{animation:fly-discard .7s ease-in forwards}@keyframes fly-discard{0%{transform:translate(0) scale(1);opacity:1}70%{transform:translate(30vw,25vh) scale(.35);opacity:.9}to{transform:translate(42vw,38vh) scale(.15);opacity:0}}.reveal-scene{position:relative;min-height:70vh}.catalog-section{margin-bottom:1rem}.catalog-section h3{font-size:1rem;margin-bottom:.5rem}.crumble-fly-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9000}.crumble-fly-overlay__paper{pointer-events:none}.particle-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9001}.paper-dust{position:absolute;border-radius:50%;background:#f7f3ebe6;pointer-events:none}.ritual--stage{min-height:100vh;display:flex;flex-direction:column}.ritual-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1rem 2rem;width:100%;max-width:420px;margin:0 auto}.ritual-stage__title{margin:0 0 .25rem;text-align:center;text-shadow:0 1px 2px rgba(255,255,255,.6)}.ritual-stage__subtitle{margin:0 0 1rem;font-family:Caveat,cursive;font-size:1.2rem;color:var(--ink-soft)}.ritual-stage__main{flex:1;display:flex;align-items:center;justify-content:center;width:100%;min-height:260px}.ritual-stage__footer{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:1rem}.ritual-hint-banner{background:#fffcf5f2;border:2px solid var(--cardboard);border-radius:12px;padding:.65rem 1.25rem;margin:1rem auto 0;max-width:92%;font-family:Caveat,cursive;font-size:1.3rem;color:var(--ink);box-shadow:0 4px 14px #3d342933;text-align:center}.shake-stack{position:relative;width:240px;margin:0 auto}.shake-stack__box{width:100%;height:auto;display:block}.shake-stack__lid{position:absolute;left:0;right:0;top:0;width:100%;height:auto;pointer-events:none}.shake-stack--active{animation:box-shake-stack .4s ease infinite}@keyframes box-shake-stack{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(-2deg)}75%{transform:translateY(6px) rotate(2deg)}}.reveal-actions{flex-direction:column;align-items:center;gap:.5rem;margin-top:1rem}.reveal-actions .btn{min-width:180px}.lid-studio{max-width:900px;width:100%;margin:0 auto;padding:1rem;box-sizing:border-box;overflow-x:hidden}.lid-studio__hint{text-align:center;color:var(--ink-soft);font-size:.9rem}.lid-studio__workspace{display:flex;align-items:flex-start;justify-content:center;gap:.75rem;margin:1rem 0;flex-wrap:wrap}.lid-studio__tools--side{display:flex;flex-direction:column;gap:.5rem;padding:.5rem;background:#fffcf5f2;border:2px solid var(--cardboard);border-radius:10px}.lid-tool-btn{width:44px;height:44px;border:2px solid var(--cardboard);border-radius:8px;background:#fff;cursor:pointer;font-size:1.25rem;display:flex;align-items:center;justify-content:center}.lid-tool-btn--on{border-color:var(--terracotta);background:#fff8f0}.lid-studio__size-slider{width:44px;writing-mode:vertical-lr;height:60px}.lid-studio__canvas-col{flex:0 0 auto}.lid-studio__frame{position:relative;border:3px solid var(--cardboard-dark);border-radius:6px;box-shadow:0 8px 24px #3d342933;background:#fff}.lid-studio__canvas{display:block;touch-action:none;cursor:crosshair}.lid-studio__toolbar-bottom{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;background:#fffcf5f2;border:2px solid var(--cardboard);border-radius:10px;margin-bottom:1rem}.lid-studio__stickers-row{max-height:120px;overflow-y:auto}@media(max-width:640px){.lid-studio{padding:.5rem .35rem}.lid-studio__workspace{flex-direction:column;align-items:center;gap:.5rem;margin:.5rem 0}.lid-studio__tools--side{flex-direction:row;flex-wrap:wrap;justify-content:center;width:100%;max-width:100%}.lid-studio__size-slider{writing-mode:horizontal-tb;width:80px;height:auto}.lid-studio__canvas-col{max-width:100%}.lid-studio__frame{max-width:calc(100vw - 1.5rem)}.table-scene{padding:1.25rem 1rem 1.5rem;min-height:300px}.home-boxes{gap:1.25rem}.discard-pile__img{width:64px}}.color-pick__swatch--on{outline:3px solid var(--terracotta);outline-offset:2px}.memory-editor{max-width:520px;margin:1rem auto}.memory-editor__field textarea{width:100%;padding:.5rem;border-radius:8px;border:1px solid var(--cardboard);font-family:inherit}.memory-editor__section{margin:1rem 0}.memory-editor__label{display:block;font-weight:600;margin-bottom:.35rem}.memory-editor__error{color:#a44;font-size:.9rem}.memory-editor__video{max-width:100%;border-radius:8px}.memory-collage{display:grid;gap:4px;margin-bottom:.5rem;min-height:80px}.memory-collage--single{grid-template-columns:1fr}.memory-collage--grid2{grid-template-columns:1fr 1fr}.memory-collage--grid3{grid-template-columns:1fr 1fr 1fr}.memory-collage--grid4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.memory-collage--strip{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.memory-collage__cell{position:relative}.memory-collage__cell img{width:100%;height:80px;object-fit:cover;border-radius:6px}.memory-collage__remove{position:absolute;top:2px;right:2px;width:22px;height:22px;border:none;border-radius:50%;background:#0009;color:#fff;cursor:pointer}.vault-list-item{background:none;border:none;font:inherit;text-align:left;cursor:pointer;text-decoration:underline;color:var(--ink);padding:.25rem 0}.activity-log-list{list-style:none;padding:0;margin:.5rem 0;max-height:200px;overflow-y:auto;font-size:.85rem}.activity-log-list li{display:grid;grid-template-columns:1fr auto;gap:.25rem .5rem;padding:.35rem 0;border-bottom:1px solid var(--cardboard)}.activity-log-list__date{grid-column:1 / -1;color:var(--ink-soft);font-size:.75rem}.activity-log-list__box{text-transform:capitalize;color:var(--terracotta)}.settings-hint{font-size:.85rem;color:var(--ink-soft)}.lid-studio__stage{position:relative;width:fit-content;margin:0 auto}.lid-studio__stickers{position:absolute;left:0;top:0;pointer-events:none}.lid-sticker{position:absolute;pointer-events:auto;font-size:1.5rem;background:transparent;border:none;cursor:grab;padding:0}.lid-sticker--selected{outline:2px dashed var(--terracotta)}.crumble-paper__grain:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--paper-grain-opacity, .15);background-image:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(61,52,41,.04) 2px,rgba(61,52,41,.04) 4px);border-radius:inherit;pointer-events:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#3d342966;display:flex;align-items:center;justify-content:center;z-index:10000}.modal__input{width:100%;padding:.5rem;margin:.5rem 0;border-radius:8px;border:1px solid var(--cardboard)}.modal__error{color:#a44;font-size:.85rem}.app--child .btn{min-height:48px;font-size:1.1rem}.app--child h1{font-size:1.75rem}.pro-mode-bar{display:flex;justify-content:center;align-items:center;margin-top:1rem;padding:.75rem 1rem;background:#ffffff8c;border-radius:12px}.box-custom-hint,.settings-hint{font-size:.85rem;color:var(--ink-soft);margin:.35rem 0}.box-paper-picker{display:flex;gap:.75rem;margin:.75rem 0}.box-paper-picker__opt{flex:1;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.5rem;border:2px solid transparent;border-radius:12px;background:#ffffff80;cursor:pointer;font-weight:600}.box-paper-picker__opt--on{border-color:var(--sage);background:#8fa68a33;box-shadow:var(--shadow)}.box-paper-picker__opt .crumble-paper{max-width:72px}.reveal-scene__swipe{touch-action:none;cursor:grab}.reveal-scene__swipe:active{cursor:grabbing}.reveal-scene__crumble .crumble-paper__img{animation:none}.activity-list--crumbles{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:.75rem 0}.activity-list--crumbles li{margin:0}.table-picker__item--locked{opacity:.55;cursor:not-allowed}.chip--locked{opacity:.65}.lid-tool-btn--locked{opacity:.55}@media(prefers-reduced-motion:reduce){.shake-zone--active .ritual-box,.shake-stack--active,.fly-to-discard{animation:none}}