.app{position:relative;max-width:var(--maxw);margin:0 auto;padding:clamp(1.25rem,4vw,3rem) clamp(1rem,4vw,2.5rem) 3rem}.leaf-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-repeat:no-repeat,repeat;background-position:center top,center;transition:opacity .5s ease;animation:bg-fade .6s ease both}.app[data-page=tree] .leaf-bg{background-image:radial-gradient(circle at 50% 12%,rgba(47,74,60,.22),rgba(57,110,86,.08) 42%,transparent 72%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%232f4a3c' stroke-opacity='0.05' stroke-width='1.2'%3E%3Cpath d='M60 10 C40 40 40 80 60 110 C80 80 80 40 60 10 Z'/%3E%3Cpath d='M60 10 L60 110 M60 40 L42 50 M60 40 L78 50 M60 65 L40 76 M60 65 L80 76'/%3E%3C/g%3E%3C/svg%3E");background-size:100% 100%,230px 230px;background-repeat:no-repeat,repeat;background-position:center,center}.app[data-page=demographics] .leaf-bg{background-image:linear-gradient(155deg,rgba(47,74,60,.16) 0%,transparent 42%,rgba(72,96,120,.12) 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Ccircle cx='2' cy='2' r='1.5' fill='%232f4a3c' fill-opacity='0.06'/%3E%3C/svg%3E");background-size:100% 100%,32px 32px;background-repeat:no-repeat,repeat;background-position:center,center}.app[data-page=events] .leaf-bg{background-image:linear-gradient(135deg,rgba(189,115,51,.2) 0%,transparent 48%,rgba(122,51,56,.16) 100%),repeating-linear-gradient(45deg,rgba(189,115,51,.05) 0,rgba(189,115,51,.05) 1px,transparent 1px,transparent 17px);background-size:100% 100%,auto;background-repeat:no-repeat,repeat;background-position:center,center}.app[data-page=birthdays] .leaf-bg{background-image:radial-gradient(circle at 78% 14%,rgba(122,51,56,.2),transparent 52%),radial-gradient(circle at 16% 86%,rgba(189,115,51,.18),transparent 52%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72'%3E%3Ccircle cx='12' cy='16' r='2.5' fill='%23bd7333' fill-opacity='0.11'/%3E%3Ccircle cx='50' cy='34' r='2.5' fill='%232f4a3c' fill-opacity='0.11'/%3E%3Ccircle cx='30' cy='58' r='2.5' fill='%237a3338' fill-opacity='0.11'/%3E%3Ccircle cx='62' cy='10' r='2' fill='%23bd7333' fill-opacity='0.09'/%3E%3Ccircle cx='6' cy='48' r='2' fill='%232f4a3c' fill-opacity='0.09'/%3E%3C/svg%3E");background-size:100% 100%,100% 100%,72px 72px;background-repeat:no-repeat,no-repeat,repeat;background-position:center,center,center}@keyframes bg-fade{0%{opacity:0}to{opacity:1}}.masthead{text-align:center;padding:clamp(1.5rem,5vw,3.5rem) 0 clamp(1.5rem,3vw,2.5rem);animation:rise .8s cubic-bezier(.2,.8,.2,1) both}.eyebrow{font-size:.74rem;letter-spacing:.42em;text-transform:uppercase;color:var(--ochre);font-weight:600;margin-bottom:1rem}.title{font-family:var(--font-display);font-weight:600;line-height:.94;font-size:clamp(2.8rem,9vw,5.6rem);letter-spacing:-.02em}.title-line{display:block}.title-accent{font-style:italic;font-weight:400;color:var(--forest)}.lede{max-width:34rem;margin:1.5rem auto 0;color:var(--ink-soft);font-size:clamp(1rem,2.2vw,1.12rem)}.tabs{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin:0 auto 2.5rem;padding:.4rem;background:#fbf6ecb3;border:1px solid var(--line);border-radius:999px;width:fit-content;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--shadow-soft);animation:rise .8s .1s cubic-bezier(.2,.8,.2,1) both}.tab{display:flex;flex-direction:column;align-items:center;gap:.1rem;border:none;background:transparent;border-radius:999px;padding:.65rem 1.5rem;color:var(--ink-soft);transition:all .35s cubic-bezier(.2,.8,.2,1)}.tab-hint{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;opacity:.7}.tab-label{font-family:var(--font-display);font-size:1.05rem;font-weight:500}.tab:hover{color:var(--ink);background:#bd733314}.tab-active{background:var(--forest);color:var(--parchment);box-shadow:0 6px 18px #2f4a3c4d}.tab-active:hover{background:var(--forest-deep);color:var(--parchment)}.tab-active .tab-hint{color:var(--ochre-soft);opacity:1}.panel{animation:fade .5s ease both}.section{animation:rise .55s cubic-bezier(.2,.8,.2,1) both}.section-head{margin-bottom:1.75rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.section-title{font-family:var(--font-display);font-weight:600;font-size:clamp(1.6rem,4vw,2.2rem);letter-spacing:-.01em;color:var(--forest-deep)}.section-sub{color:var(--ink-soft);margin-top:.25rem}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.demo-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:1.5rem;align-items:start}.form-card{padding:1.6rem}.form-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;margin-bottom:1.25rem;color:var(--ink)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.9rem}.field span{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-weight:600}.field input,.field select,.field textarea{background:var(--parchment);border:1px solid var(--line);border-radius:9px;padding:.62rem .75rem;transition:border-color .2s,box-shadow .2s,background .2s;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--forest);background:#fff;box-shadow:0 0 0 3px #2f4a3c1f}.btn-primary{margin-top:.5rem;width:100%;border:none;background:var(--ochre);color:#fff7ec;font-family:var(--font-display);font-size:1.02rem;font-weight:600;letter-spacing:.01em;padding:.85rem;border-radius:10px;transition:transform .15s,background .2s,box-shadow .2s;box-shadow:0 6px 16px #bd733347}.btn-primary:hover{background:#a8631f;transform:translateY(-1px);box-shadow:0 10px 22px #bd733357}.btn-primary:active{transform:translateY(0)}.roster{padding:1.6rem;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.roster-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.1rem}.count-pill{font-size:.72rem;letter-spacing:.06em;background:var(--forest);color:var(--parchment);padding:.25rem .7rem;border-radius:999px;font-weight:600}.roster-loading{color:var(--ink-soft);font-style:italic;padding:1.5rem .25rem}.roster-list{list-style:none;display:flex;flex-direction:column;max-height:480px;overflow-y:auto}.roster-row{display:flex;align-items:center;gap:.85rem;padding:.7rem .25rem;border-bottom:1px solid rgba(205,191,159,.5)}.roster-row:last-child{border-bottom:none}.roster-row-new{animation:flash 2.2s ease}.avatar{flex-shrink:0;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(140deg,var(--forest),var(--forest-deep));color:var(--parchment);font-family:var(--font-display);font-weight:600;font-size:1.05rem}.roster-photo{position:relative;flex-shrink:0;display:inline-flex;border-radius:50%;cursor:pointer}.roster-photo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border-radius:50%;background:#2b262080;color:#fff;font-size:.95rem;opacity:0;transition:opacity .2s}.roster-photo:hover .roster-photo-overlay,.roster-photo:focus-within .roster-photo-overlay{opacity:1}.roster-info{flex:1;min-width:0}.roster-name{font-weight:500;color:var(--ink)}.roster-meta{font-size:.8rem;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roster-rel{font-size:.76rem;color:var(--ochre);margin-top:.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.form-subhead{font-family:var(--font-display);font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ochre);margin:.5rem 0 .9rem;padding-top:.9rem;border-top:1px dashed var(--line)}.form-hint{font-size:.78rem;color:var(--ink-soft);font-style:italic;margin-bottom:.9rem}.roster-bday{flex-shrink:0;font-family:var(--font-display);font-size:.85rem;color:var(--ochre);font-weight:600}.timeline{list-style:none;display:flex;flex-direction:column;gap:1.1rem}.event-card{display:flex;gap:1.25rem;padding:1.25rem 1.5rem;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}.event-card:hover{transform:translate(4px);box-shadow:var(--shadow-lift)}.event-date{flex-shrink:0;width:76px;text-align:center;display:flex;flex-direction:column;justify-content:center;padding:.6rem 0;border-radius:10px;background:linear-gradient(160deg,var(--burgundy),#5e262a);color:var(--parchment)}.event-month{font-size:.72rem;letter-spacing:.14em;font-weight:600;color:var(--ochre-soft)}.event-day{font-family:var(--font-display);font-size:1.9rem;line-height:1;font-weight:600}.event-year{font-size:.72rem;opacity:.8}.event-body{flex:1}.event-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.event-title{font-family:var(--font-display);font-size:1.3rem;font-weight:600;color:var(--forest-deep)}.event-edit{flex-shrink:0;border:1px solid var(--line);background:var(--parchment);color:var(--ink-soft);font-size:.78rem;font-weight:600;padding:.35rem .7rem;border-radius:7px;transition:background .2s,color .2s,border-color .2s}.event-edit:hover{background:var(--forest);color:var(--parchment);border-color:var(--forest)}.event-desc{color:var(--ink-soft);margin:.3rem 0 .75rem}.event-meta{display:flex;flex-wrap:wrap;gap:.5rem}.meta-chip{font-size:.8rem;background:var(--parchment-deep);border:1px solid var(--line);padding:.28rem .7rem;border-radius:999px;color:var(--ink-soft)}.bday-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.1rem}.bday-card{position:relative;display:flex;align-items:center;gap:1rem;padding:1.25rem 1.4rem;overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}.bday-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift)}.bday-cake{font-size:1.9rem;flex-shrink:0}.bday-info{flex:1}.bday-name{font-family:var(--font-display);font-size:1.18rem;font-weight:600;color:var(--ink)}.bday-date{color:var(--ochre);font-weight:500;font-size:.9rem}.bday-day{font-family:var(--font-display);font-size:2.6rem;font-weight:600;color:#2f4a3c29;line-height:1}.bday-note{font-size:.85rem;color:var(--ink-soft);margin-bottom:.5rem}.bday-status{font-size:.88rem;font-weight:600;border:1px solid var(--line);border-radius:9px;padding:.6rem .9rem;margin-bottom:1.25rem;line-height:1.45}.bday-status.is-success{color:var(--forest);background:#2f4a3c14;border-color:#2f4a3c4d}.bday-status.is-warn{color:#8a5a16;background:#bd73331a;border-color:#bd733359}.bday-status.is-error{color:var(--burgundy);background:#7a333814;border-color:#7a333859}.bday-notify{align-self:flex-start;margin-top:.45rem;border:1px solid var(--ochre);background:var(--parchment);color:var(--ochre);font-size:.76rem;font-weight:600;padding:.3rem .7rem;border-radius:7px;transition:background .2s,color .2s}.bday-notify:hover{background:var(--ochre);color:#fff7ec}.bday-noemail{display:inline-block;margin-top:.45rem;font-size:.72rem;color:var(--ink-soft);font-style:italic}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.empty-state{text-align:center;padding:3rem 1.5rem;color:var(--ink-soft)}.empty-emoji{font-size:2.5rem;margin-bottom:.5rem}.tree{display:flex;flex-direction:column;align-items:center}.tier{display:flex;flex-direction:column;align-items:center;width:100%}.tier-label{margin-bottom:1.1rem}.tier-label span{font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--ochre);background:var(--parchment-deep);border:1px solid var(--line);padding:.3rem .95rem;border-radius:999px}.tier-row,.couple{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:1.25rem}.couple{align-items:center;gap:0}.couple-link{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;margin:0 .4rem;font-family:var(--font-display);font-style:italic;font-size:1.25rem;color:var(--parchment);background:var(--burgundy);border-radius:50%;box-shadow:0 4px 12px #7a33384d;position:relative}.couple-link:before,.couple-link:after{content:"";position:absolute;top:50%;width:.9rem;height:2px;background:var(--burgundy)}.couple-link:before{right:100%}.couple-link:after{left:100%}.tree-node{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:1.1rem 1.3rem;width:160px;text-align:center;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s}.tree-node:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift);border-color:var(--ochre-soft)}.tree-avatar{width:54px;height:54px;margin:0 auto .7rem;display:grid;place-items:center;border-radius:50%;background:linear-gradient(140deg,var(--forest),var(--forest-deep));color:var(--parchment);font-family:var(--font-display);font-weight:600;font-size:1.4rem;box-shadow:0 4px 12px #2f4a3c40}.tree-name{font-family:var(--font-display);font-size:1.18rem;font-weight:600;line-height:1.1;color:var(--ink)}.tree-surname{font-family:var(--font-display);font-style:italic;font-size:.92rem;color:var(--forest);margin-bottom:.4rem}.tree-year{font-size:.78rem;letter-spacing:.04em;color:var(--ochre);font-weight:600}.tree-place{font-size:.74rem;color:var(--ink-soft);margin-top:.1rem}.tier-link{width:2px;height:46px;margin:.6rem 0;background:repeating-linear-gradient(to bottom,var(--line) 0,var(--line) 5px,transparent 5px,transparent 10px)}.avatar img,.tree-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.avatar-silhouette{width:74%;height:74%;opacity:.92}.avatar-lg{width:52px;height:52px;font-size:1.25rem}.avatar-xl{width:78px;height:78px;font-size:2rem}.photo-upload{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px dashed var(--line)}.photo-upload-actions{display:flex;flex-direction:column;gap:.4rem}.btn-ghost{display:inline-block;background:var(--parchment);border:1px solid var(--forest);color:var(--forest);font-size:.82rem;font-weight:600;letter-spacing:.02em;padding:.5rem .95rem;border-radius:8px;cursor:pointer;transition:background .2s,color .2s}.btn-ghost:hover{background:var(--forest);color:var(--parchment)}.btn-link{background:none;border:none;color:var(--burgundy);font-size:.78rem;text-decoration:underline;text-underline-offset:2px;align-self:flex-start;padding:0}.media-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.7rem;margin:1rem 0}.media-item{position:relative;margin:0;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:var(--parchment-deep);aspect-ratio:4 / 3;box-shadow:var(--shadow-soft)}.media-item img,.media-item video{width:100%;height:100%;object-fit:cover;display:block}.media-remove{position:absolute;top:6px;right:6px;width:24px;height:24px;display:grid;place-items:center;border:none;border-radius:50%;background:#2b2620b3;color:#fff;font-size:1.1rem;line-height:1;opacity:0;transition:opacity .2s,background .2s}.media-item:hover .media-remove{opacity:1}.media-remove:hover{background:var(--burgundy)}.media-badge{position:absolute;bottom:6px;left:6px;font-size:.68rem;font-weight:600;letter-spacing:.04em;color:var(--parchment);background:#2b2620b3;padding:.15rem .5rem;border-radius:999px}.media-add{display:inline-block;margin-top:.5rem;cursor:pointer}.media-add span{display:inline-block;font-size:.82rem;font-weight:600;color:var(--forest);background:var(--parchment-deep);border:1px dashed var(--forest);padding:.5rem .95rem;border-radius:8px;transition:background .2s,color .2s}.media-add:hover span{background:var(--forest);color:var(--parchment);border-style:solid}.section-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap}.btn-add{width:auto;margin-top:0;white-space:nowrap;padding:.7rem 1.3rem}.roster-full{width:100%}.roster-full .roster-list{max-height:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:clamp(1rem,5vh,4rem) 1rem;overflow-y:auto;background:#231e188c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade .25s ease both}.modal{width:100%;max-width:560px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lift);animation:pop .35s cubic-bezier(.2,.9,.3,1.2) both}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:1.3rem 1.6rem;border-bottom:1px solid var(--line)}.modal-head .form-title{margin-bottom:0}.modal-close{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--parchment);color:var(--ink-soft);font-size:1.3rem;line-height:1;transition:background .2s,color .2s,transform .2s}.modal-close:hover{background:var(--burgundy);color:var(--parchment);transform:rotate(90deg)}.modal-body{padding:1.6rem}.modal-actions{display:flex;justify-content:flex-end;gap:.7rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--line)}.modal-actions .btn-primary{width:auto;margin-top:0;padding:.7rem 1.5rem}.modal-actions-spacer{flex:1}.btn-danger{border:1px solid var(--burgundy);background:transparent;color:var(--burgundy);font-size:.85rem;font-weight:600;padding:.7rem 1.1rem;border-radius:8px;transition:background .2s,color .2s}.btn-danger:hover{background:var(--burgundy);color:var(--parchment)}.roster-edit{flex-shrink:0;border:1px solid var(--line);background:var(--parchment);color:var(--ink-soft);font-size:.78rem;font-weight:600;padding:.35rem .7rem;border-radius:7px;opacity:0;transition:opacity .2s,background .2s,color .2s,border-color .2s}.roster-row:hover .roster-edit,.roster-edit:focus-visible{opacity:1}.roster-edit:hover{background:var(--forest);color:var(--parchment);border-color:var(--forest)}@media (hover: none){.roster-edit{opacity:1}}@keyframes pop{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.ftree-legend{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin-bottom:1.25rem;font-size:.8rem;color:var(--ink-soft)}.ftree-legend-item{display:inline-flex;align-items:center;gap:.4rem}.ftree-dot{width:11px;height:11px;border-radius:50%;display:inline-block}.ftree-dot-1{background:var(--forest)}.ftree-dot-2{background:var(--ochre)}.ftree-dot-3{background:var(--burgundy)}.ftree-dot-4{background:var(--ochre-soft)}.ftree-married-key{font-family:var(--font-display);font-style:italic;color:var(--burgundy);font-weight:600}.ftree-scroll{overflow-x:auto;padding:.5rem 0 1.5rem;-webkit-overflow-scrolling:touch}.ftree{display:inline-block;min-width:100%;padding:.5rem 1rem 0}.ftree ul{display:flex;justify-content:center;list-style:none;margin:0;padding-top:26px;position:relative}.ftree>ul{padding-top:0}.ftree-rootlist+.ftree-rootlist{margin-top:2rem;padding-top:2rem;border-top:1px dashed var(--line)}.ftree li{list-style:none;position:relative;padding:26px 12px 0;display:flex;flex-direction:column;align-items:center}.ftree li:before,.ftree li:after{content:"";position:absolute;top:0;right:50%;width:50%;height:26px;border-top:2px solid var(--line)}.ftree li:after{right:auto;left:50%;border-left:2px solid var(--line)}.ftree li:only-child:before,.ftree li:only-child:after{display:none}.ftree li:only-child{padding-top:26px}.ftree li:first-child:before,.ftree li:last-child:after{border:0 none}.ftree li:last-child:before{border-right:2px solid var(--line);border-radius:0 7px 0 0}.ftree li:first-child:after{border-radius:7px 0 0}.ftree ul ul:before{content:"";position:absolute;top:0;left:50%;width:0;height:26px;border-left:2px solid var(--line)}.couple-card{position:relative;z-index:1;display:flex;align-items:center;gap:0;background:var(--card);border:1px solid var(--line);border-top:3px solid var(--forest);border-radius:12px;box-shadow:var(--shadow-soft);padding:.35rem;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s}.couple-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift);border-color:var(--ochre-soft)}.couple-card.gen-1{border-top-color:var(--forest)}.couple-card.gen-2{border-top-color:var(--ochre)}.couple-card.gen-3{border-top-color:var(--burgundy)}.couple-card.gen-4{border-top-color:var(--ochre-soft)}.chip{display:flex;align-items:center;gap:.55rem;padding:.3rem .5rem;width:132px}.chip-avatar{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:linear-gradient(140deg,var(--forest),var(--forest-deep));color:var(--parchment);font-family:var(--font-display);font-weight:600;font-size:1.05rem}.chip-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.chip-info{display:flex;flex-direction:column;line-height:1.15;text-align:left;min-width:0}.chip-name{font-family:var(--font-display);font-weight:600;font-size:.92rem;color:var(--ink);white-space:nowrap}.chip-sur{font-family:var(--font-display);font-style:italic;font-size:.72rem;color:var(--forest);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip-born{font-size:.68rem;letter-spacing:.03em;color:var(--ochre);font-weight:600}.marriage{flex-shrink:0;align-self:center;padding:0 .1rem;font-family:var(--font-display);font-style:italic;font-size:1rem;color:var(--burgundy)}.ftree-controls{display:flex;gap:.5rem;flex-wrap:wrap}.ftree-node{position:relative;display:flex;flex-direction:column;align-items:center}.ftree-toggle{position:absolute;bottom:-13px;left:50%;transform:translate(-50%);z-index:3;min-width:26px;height:26px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:13px;border:2px solid var(--forest);background:var(--card);color:var(--forest);font-family:var(--font-body);font-weight:700;font-size:.8rem;line-height:1;cursor:pointer;box-shadow:var(--shadow-soft);transition:background .2s,color .2s}.ftree-toggle:hover{background:var(--forest);color:var(--parchment)}.ftree-toggle.is-collapsed{border-color:var(--ochre);color:var(--ochre)}.ftree-toggle.is-collapsed:hover{background:var(--ochre);color:#fff7ec}.login-wrap{display:flex;justify-content:center;padding:clamp(1rem,5vh,3rem) 0}.login-card{width:100%;max-width:380px;padding:2.2rem 2rem;text-align:center}.login-badge{width:58px;height:58px;margin:0 auto 1rem;display:grid;place-items:center;font-size:1.6rem;border-radius:50%;background:linear-gradient(140deg,var(--forest),var(--forest-deep));box-shadow:0 6px 16px #2f4a3c47}.login-title{font-family:var(--font-display);font-size:1.6rem;font-weight:600;color:var(--forest-deep)}.login-sub{color:var(--ink-soft);font-size:.92rem;margin-bottom:1.5rem}.login-card .field{text-align:left}.login-card .btn-primary{margin-top:.5rem}.login-error{color:var(--burgundy);font-size:.85rem;font-weight:600;margin-bottom:.5rem}.login-success{color:var(--forest);font-size:.85rem;font-weight:600;margin-bottom:.5rem}.login-hint{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--line);font-size:.78rem;color:var(--ink-soft);line-height:1.5}.login-hint code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--parchment-deep);border:1px solid var(--line);border-radius:5px;padding:.05rem .35rem;color:var(--ink)}.admin-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem;padding:.7rem 1rem;background:#2f4a3c0f;border:1px solid var(--line);border-radius:10px}.admin-status{font-size:.88rem;color:var(--ink-soft)}.admin-status strong{color:var(--forest-deep)}.admin-actions{display:flex;gap:.5rem;flex-wrap:wrap}.footer{margin-top:3.5rem;padding-top:1.5rem;border-top:1px solid var(--line);text-align:center;font-size:.85rem;color:var(--ink-soft);display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap}.footer-dot{color:var(--ochre)}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes flash{0%{background:#bd733338}to{background:transparent}}@media (max-width: 760px){.demo-grid{grid-template-columns:1fr}.field-row{grid-template-columns:1fr;gap:0}.tab{padding:.55rem 1rem}}:root{--parchment: #f3ead8;--parchment-deep: #ebdfc7;--ink: #2b2620;--ink-soft: #5b5147;--forest: #2f4a3c;--forest-deep: #233a2f;--ochre: #bd7333;--ochre-soft: #d9a05b;--burgundy: #7a3338;--line: #cdbf9f;--card: #fbf6ec;--shadow-soft: 0 1px 2px rgba(43, 38, 32, .06), 0 8px 24px rgba(43, 38, 32, .08);--shadow-lift: 0 2px 4px rgba(43, 38, 32, .08), 0 18px 40px rgba(43, 38, 32, .14);--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-body: "Spline Sans", -apple-system, BlinkMacSystemFont, sans-serif;--radius: 14px;--maxw: 1080px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{font-family:var(--font-body);color:var(--ink);background-color:var(--parchment);background-image:radial-gradient(ellipse 90% 60% at 50% -10%,rgba(189,115,51,.1),transparent 60%),radial-gradient(ellipse 70% 50% at 100% 100%,rgba(47,74,60,.1),transparent 55%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");background-attachment:fixed;min-height:100vh;line-height:1.55}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:.95rem;color:var(--ink)}::selection{background:var(--forest);color:var(--parchment)}