:root{--paper: #f5f1e6;--paper-2: #ece6d3;--panel: #fffdf5;--ink: #22301e;--ink-2: #57684d;--ink-3: #93a07f;--leaf: #43a35a;--leaf-deep: #2f7a41;--leaf-darker: #256233;--leaf-soft: #e2f0e1;--gold: #e6a63d;--gold-deep: #c07f1c;--gold-soft: #f7e9c8;--terra: #cf6b4c;--terra-deep: #a84e34;--terra-soft: #f6e2d9;--bark: #7d6440;--bark-soft: #cdbb9a;--bark-deep: #6b5233;--wood: #9c7c4e;--root: #dccaa4;--root-edge: #9c8260;--root-learned: #d9a441;--root-learned-edge: #b07f2a;--border: rgba(60, 80, 50, .14);--border-strong: rgba(60, 80, 50, .28);--display: "Fraunces", Georgia, serif;--ui: "Nunito", system-ui, sans-serif;--spring: cubic-bezier(.34, 1.56, .64, 1);--snap: cubic-bezier(.22, 1, .36, 1);--sidebar-w: 280px;--detail-w: 420px;--splitter-w: 5px;--header-h: 64px}*{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:3px solid var(--leaf);outline-offset:2px}.auth-form input:focus-visible,.modal .field input:focus-visible,.modal .field textarea:focus-visible,.modal .field select:focus-visible{outline:none}html,body{height:100%;overflow:hidden;background:var(--paper);color:var(--ink);font-family:var(--ui);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}body:before{content:"";position:fixed;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 2 C78 18 92 45 88 70 C70 88 30 88 12 70 C8 45 22 18 50 2 Z M50 12 C50 35 50 60 50 86' fill='%232f7a41' fill-opacity='0.09'/%3E%3C/svg%3E") no-repeat -60px calc(100% + 40px) / 360px 360px,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg transform='rotate(38 50 50)'%3E%3Cpath d='M50 2 C78 18 92 45 88 70 C70 88 30 88 12 70 C8 45 22 18 50 2 Z' fill='%232f7a41' fill-opacity='0.075'/%3E%3C/g%3E%3C/svg%3E") no-repeat calc(100% + 70px) -50px / 440px 440px,radial-gradient(ellipse at 12% 0%,rgba(247,233,200,.9) 0%,transparent 55%),radial-gradient(ellipse at 88% 100%,rgba(226,240,225,.75) 0%,transparent 55%);pointer-events:none;z-index:0}body:after{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 17% 23%,rgba(147,160,127,.55) .8px,transparent 1.6px),radial-gradient(circle at 73% 41%,rgba(147,160,127,.45) .7px,transparent 1.5px),radial-gradient(circle at 41% 67%,rgba(147,160,127,.5) .8px,transparent 1.6px),radial-gradient(circle at 88% 87%,rgba(147,160,127,.4) .9px,transparent 1.7px),radial-gradient(circle at 12% 91%,rgba(147,160,127,.45) .7px,transparent 1.5px),radial-gradient(circle at 56% 12%,rgba(147,160,127,.5) .8px,transparent 1.6px),radial-gradient(circle at 31% 44%,rgba(147,160,127,.35) .7px,transparent 1.5px);pointer-events:none;opacity:.5;z-index:0}.mobile-splitter{display:none}.app{position:relative;z-index:1;display:grid;grid-template-columns:var(--sidebar-w) var(--splitter-w) var(--detail-w) var(--splitter-w) 1fr;grid-template-rows:var(--header-h) 1fr;height:100vh;width:100vw;height:100dvh;transition:grid-template-columns .28s var(--snap)}body.resizing .app{transition:none}@media(min-width:901px){.app.sidebar-collapsed{grid-template-columns:0 0 var(--detail-w) var(--splitter-w) 1fr}.app.sidebar-collapsed .sidebar{min-width:0;border-right:none}}header{grid-column:1 / -1;display:flex;align-items:center;padding:0 16px 0 20px;border-bottom:2px solid var(--border);background:var(--panel);box-shadow:0 2px 14px #3c503214;z-index:40;gap:12px;position:relative}.icon-btn{background:var(--panel);border:2px solid var(--border-strong);box-shadow:0 3px 0 var(--border-strong);color:var(--ink-2);width:36px;height:36px;border-radius:10px;cursor:pointer;display:none;align-items:center;justify-content:center;font-size:16px;transition:transform .12s var(--snap),box-shadow .12s var(--snap),color .12s ease,border-color .12s ease;flex-shrink:0}.icon-btn:hover{border-color:var(--leaf);color:var(--leaf-deep);transform:translateY(-1px);box-shadow:0 4px 0 var(--border-strong)}.icon-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--border-strong)}.icon-btn svg,.canvas-btn svg{width:16px;height:16px;display:block}.canvas-error .icon svg{width:32px;height:32px}.auth-info .info-icon svg{width:36px;height:36px}.guide-mobile svg{width:14px;height:14px;display:block;margin:0 auto}.user-menu .signout svg,.admin-link svg{width:15px;height:15px;display:none}.brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-size:22px;font-weight:600;letter-spacing:.01em;color:var(--ink);cursor:pointer;flex-shrink:0}.brand .seed{width:22px;height:22px}.brand .seed svg{width:100%;height:100%;filter:drop-shadow(0 2px 4px rgba(192,127,28,.35))}.brand em{color:var(--gold-deep);font-style:italic;font-weight:700}.breadcrumb{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:12px;color:var(--ink-2);text-transform:uppercase;letter-spacing:.12em;overflow:hidden;max-width:50%;min-width:0}.breadcrumb span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breadcrumb .sep{color:var(--ink-3);font-size:10px;flex-shrink:0}.breadcrumb .current{color:var(--gold-deep);font-weight:700}.breadcrumb .link{cursor:pointer;transition:color .15s ease}.breadcrumb .link:hover{color:var(--ink)}.sidebar{border-right:1px solid var(--border);background:var(--paper-2);overflow:hidden;min-width:240px;display:flex;flex-direction:column;position:relative}.sidebar:after{content:"";position:absolute;left:-8px;bottom:-4px;width:168px;height:336px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 340'%3E%3Cpath d='M44 340 C34 260 40 170 84 60 C90 46 98 32 110 22' fill='none' stroke='%232f7a41' stroke-width='3.5' stroke-linecap='round'/%3E%3Cg fill='%2343a35a'%3E%3Cellipse cx='28' cy='300' rx='13' ry='5.5' transform='rotate(-28 28 300)'/%3E%3Cellipse cx='50' cy='298' rx='13' ry='5.5' transform='rotate(24 50 298)'/%3E%3Cellipse cx='27' cy='272' rx='13' ry='5.5' transform='rotate(-30 27 272)'/%3E%3Cellipse cx='49' cy='270' rx='13' ry='5.5' transform='rotate(26 49 270)'/%3E%3Cellipse cx='27' cy='244' rx='13' ry='5.5' transform='rotate(-30 27 244)'/%3E%3Cellipse cx='49' cy='242' rx='13' ry='5.5' transform='rotate(26 49 242)'/%3E%3Cellipse cx='29' cy='216' rx='13' ry='5.5' transform='rotate(-30 29 216)'/%3E%3Cellipse cx='51' cy='214' rx='13' ry='5.5' transform='rotate(26 51 214)'/%3E%3Cellipse cx='33' cy='188' rx='12' ry='5' transform='rotate(-30 33 188)'/%3E%3Cellipse cx='55' cy='186' rx='12' ry='5' transform='rotate(26 55 186)'/%3E%3Cellipse cx='37' cy='160' rx='12' ry='5' transform='rotate(-28 37 160)'/%3E%3Cellipse cx='59' cy='158' rx='12' ry='5' transform='rotate(28 59 158)'/%3E%3Cellipse cx='44' cy='132' rx='11' ry='5' transform='rotate(-28 44 132)'/%3E%3Cellipse cx='66' cy='130' rx='11' ry='5' transform='rotate(30 66 130)'/%3E%3Cellipse cx='55' cy='104' rx='10' ry='4.5' transform='rotate(-26 55 104)'/%3E%3Cellipse cx='77' cy='102' rx='10' ry='4.5' transform='rotate(32 77 102)'/%3E%3Cellipse cx='67' cy='78' rx='9' ry='4' transform='rotate(-24 67 78)'/%3E%3Cellipse cx='89' cy='76' rx='9' ry='4' transform='rotate(34 89 76)'/%3E%3Cellipse cx='77' cy='54' rx='8' ry='3.8' transform='rotate(-22 77 54)'/%3E%3Cellipse cx='97' cy='50' rx='8' ry='3.8' transform='rotate(36 97 50)'/%3E%3Cellipse cx='104' cy='32' rx='10' ry='4.5' transform='rotate(40 104 32)'/%3E%3C/g%3E%3Cpath d='M12 340 Q14 312 6 292 Q18 310 20 340 Z' fill='%232f7a41'/%3E%3Cpath d='M30 340 Q34 318 44 302 Q40 322 38 340 Z' fill='%232f7a41'/%3E%3C/svg%3E") no-repeat left bottom / contain;opacity:.15;pointer-events:none;z-index:0}.sidebar-nav{padding:20px 20px 12px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;flex-shrink:0}.garden-switch{padding:12px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;flex-shrink:0}.garden-switch label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3)}.garden-switch select{flex:1;min-width:0;appearance:none;-webkit-appearance:none;background:var(--panel);border:2px solid var(--border-strong);border-radius:12px;box-shadow:0 3px 0 var(--border-strong);padding:8px 30px 8px 12px;font-family:var(--ui);font-size:14px;font-weight:700;color:var(--ink);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2357684d' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:14px;transition:transform .12s var(--snap),box-shadow .12s var(--snap),border-color .12s ease}.garden-switch select:hover{border-color:var(--leaf);transform:translateY(-1px);box-shadow:0 4px 0 var(--border-strong)}.garden-switch select:active{transform:translateY(2px);box-shadow:0 1px 0 var(--border-strong)}.nav-title{font-family:var(--display);font-size:18px;color:var(--ink);font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-title .sub{display:block;font-family:var(--ui);font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3);font-weight:700;margin-bottom:2px}.sidebar-body{flex:1;min-height:0;padding:16px 0;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;z-index:1}.sidebar-body h3{font-family:var(--ui);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);padding:8px 24px;margin-bottom:8px}@keyframes riseIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.category-card{display:block;margin:0 16px 12px;padding:18px 20px;background:var(--panel);border:2px solid var(--border);border-radius:16px;cursor:pointer;transition:transform .15s var(--snap),box-shadow .15s var(--snap),border-color .15s ease;position:relative;overflow:hidden;animation:riseIn .45s var(--snap) backwards}.category-card:nth-child(1){animation-delay:0s}.category-card:nth-child(2){animation-delay:.03s}.category-card:nth-child(3){animation-delay:.06s}.category-card:nth-child(4){animation-delay:.09s}.category-card:nth-child(5){animation-delay:.12s}.category-card:nth-child(6){animation-delay:.15s}.category-card:nth-child(7){animation-delay:.18s}.category-card:nth-child(8){animation-delay:.21s}.category-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--leaf);opacity:0;transition:opacity .2s ease}.category-card:hover,.category-card:active{border-color:var(--border-strong);transform:translateY(-2px) rotate(-.5deg);box-shadow:0 8px 20px #3c50321f}.category-card:hover:before,.category-card:active:before{opacity:1}.category-card .cat-icon{width:36px;height:36px;border-radius:50%;background:var(--leaf-soft);display:flex;align-items:center;justify-content:center;font-size:16px;margin-bottom:10px;color:var(--gold-deep)}.category-card[data-cat=islam] .cat-icon{background:var(--gold-soft)}.category-card .cat-name{font-family:var(--display);font-size:20px;font-weight:600;color:var(--ink);margin-bottom:4px}.category-card .cat-desc{font-size:12px;color:var(--ink-2);line-height:1.5;margin-bottom:10px}.category-card .cat-meta{font-size:11px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.12em;display:flex;align-items:center;gap:6px}.tree-list{list-style:none}.tree-list li{padding:12px 16px;margin:0 12px 4px;border-radius:12px;cursor:pointer;transition:background .15s ease,color .15s ease,transform .12s var(--snap);font-family:var(--display);font-size:17px;color:var(--ink-2);display:flex;align-items:center;justify-content:space-between;gap:8px}.tree-list li:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--bark-soft);flex-shrink:0;transition:background .15s ease}.tree-list li>span:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.tree-list li:hover:not(.disabled),.tree-list li:active:not(.disabled){background:var(--panel);color:var(--ink)}.tree-list li:hover:not(.disabled):before{background:var(--leaf)}.tree-list li.active{background:var(--leaf-soft);color:var(--leaf-deep);font-weight:600}.tree-list li.active:before{background:var(--leaf)}.tree-list li.disabled{opacity:.45;cursor:not-allowed;font-style:italic}.tree-list li.disabled:before{content:none}.tree-indicator{font-family:var(--ui);font-size:10px;font-weight:700;letter-spacing:.08em;padding:3px 9px;border-radius:10px;flex-shrink:0;transition:background .15s ease,color .15s ease,border-color .15s ease}.tree-indicator.grown{background:var(--leaf-soft);color:var(--leaf-deep);border:1.5px solid var(--leaf);font-variant-numeric:tabular-nums}.tree-indicator.empty{background:transparent;color:var(--ink-3);border:1.5px dashed var(--bark-soft);font-size:10px;letter-spacing:.06em;font-weight:600}.tree-list li:hover .tree-indicator.empty,.tree-list li.active .tree-indicator.empty{border-color:var(--bark);color:var(--ink-2)}.tree-list li:hover .tree-indicator.grown,.tree-list li.active .tree-indicator.grown{background:#d3e8d2}.progress-card{margin:16px 20px 20px;padding:16px;background:var(--panel);border:2px solid var(--border);border-radius:16px}.progress-card .label{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3);margin-bottom:8px;font-weight:700}.progress-card .stats{display:flex;align-items:baseline;gap:6px;font-family:var(--display)}.progress-card .num{font-size:28px;color:var(--leaf-deep);font-weight:700}.progress-card .total{font-size:16px;color:var(--ink-2)}.progress-bar{margin-top:10px;height:12px;background:var(--paper-2);border:2px solid var(--border);border-radius:999px;overflow:hidden}.progress-bar .fill{height:100%;background:linear-gradient(90deg,var(--leaf-deep),var(--leaf));border-radius:999px;transition:width .6s var(--snap);position:relative}.progress-bar .fill:after{content:"";position:absolute;right:2px;top:50%;width:6px;height:6px;transform:translateY(-50%) rotate(45deg);border-radius:0 50% 50%;background:var(--leaf-soft)}.legend{padding:0 24px;margin-bottom:20px}.legend-item{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--ink-2);margin-bottom:10px}.legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.dot-objection{background:var(--terra);box-shadow:0 0 0 2px var(--terra-soft)}.dot-response{background:var(--leaf);box-shadow:0 0 0 2px var(--leaf-soft)}.dot-current{width:14px;height:14px;border:2px solid var(--gold);background:var(--panel);outline:1px dashed var(--gold);outline-offset:3px;opacity:.9}.legend-line{width:18px;height:3px;border-radius:2px;flex-shrink:0;display:inline-block}.line-grey{background:#b09b72}.line-green{background:var(--root-learned);box-shadow:0 0 4px #d9a44180}.controls-help{padding:12px 24px;font-size:11px;color:var(--ink-3);line-height:1.7;border-top:1px solid var(--border)}.controls-help kbd{background:var(--panel);border:1px solid var(--border-strong);border-bottom-width:2px;padding:1px 6px;border-radius:6px;font-family:var(--ui);color:var(--ink-2);font-size:10px}.splitter{background:transparent;cursor:ew-resize;position:relative;transition:background .15s ease;-webkit-user-select:none;user-select:none}.splitter:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--border);transform:translate(-50%)}.splitter:hover,.splitter.dragging{background:#43a35a1a}.splitter:hover:before,.splitter.dragging:before{background:var(--leaf)}body.resizing{cursor:ew-resize;-webkit-user-select:none;user-select:none}body.resizing *{-webkit-user-select:none!important;user-select:none!important}.canvas{position:relative;overflow:hidden;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 48'%3E%3Cpath d='M6 48 Q8 32 3 20 Q11 30 11 48 Z' fill='%232f7a41'/%3E%3Cpath d='M16 48 Q18 28 26 12 Q24 30 21 48 Z' fill='%2343a35a'/%3E%3Cpath d='M30 48 Q31 36 27 24 Q34 34 35 48 Z' fill='%23256233'/%3E%3Cpath d='M42 48 Q45 30 52 16 Q49 32 47 48 Z' fill='%232f7a41'/%3E%3Cpath d='M58 48 Q59 34 55 22 Q62 32 63 48 Z' fill='%2343a35a'/%3E%3Cpath d='M70 48 Q73 26 81 10 Q78 30 76 48 Z' fill='%232f7a41'/%3E%3Cpath d='M86 48 Q87 36 83 26 Q90 34 91 48 Z' fill='%23256233'/%3E%3Cpath d='M98 48 Q101 32 108 18 Q105 34 103 48 Z' fill='%2343a35a'/%3E%3Cpath d='M112 48 Q113 38 109 28 Q116 36 117 48 Z' fill='%232f7a41'/%3E%3Ccircle cx='26' cy='11' r='2.6' fill='%23e6a63d'/%3E%3Ccircle cx='52' cy='15' r='2.3' fill='%23cf6b4c'/%3E%3Ccircle cx='81' cy='9' r='2.6' fill='%23e6a63d'/%3E%3Ccircle cx='108' cy='17' r='2.4' fill='%23cf6b4c'/%3E%3C/svg%3E") left bottom / auto 54px repeat-x,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 200' preserveAspectRatio='none'%3E%3Cpath d='M0 158 C140 118 290 166 450 146 C610 126 760 172 920 150 C1080 128 1240 168 1440 138 L1440 200 L0 200 Z' fill='%232f7a41' fill-opacity='0.2'/%3E%3C/svg%3E") center bottom / 100% 150px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 200' preserveAspectRatio='none'%3E%3Cpath d='M0 130 C160 80 300 140 470 108 C640 76 780 138 950 108 C1120 78 1280 132 1440 96 L1440 200 L0 200 Z' fill='%232f7a41' fill-opacity='0.15'/%3E%3C/svg%3E") center bottom / 100% 210px no-repeat,radial-gradient(circle 68px at 84% 14%,#fdf2d0f2,#eec062bf 55%,#e6a63d00),radial-gradient(circle 260px at 84% 14%,#e6a63d4d,#e6a63d1f 45%,#e6a63d00 70%),radial-gradient(ellipse 42% 34% at 0% 0%,#9c7c4e24,#9c7c4e00 72%),radial-gradient(ellipse 42% 34% at 100% 0%,#9c7c4e1f,#9c7c4e00 72%),linear-gradient(180deg,#f8f0dc,#f2eed8 55%,#e5ebd0);min-width:200px}.canvas:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 80'%3E%3Cfilter id='b'%3E%3CfeGaussianBlur stdDeviation='5.5'/%3E%3C/filter%3E%3Cg filter='url(%23b)' fill='%23ffffff'%3E%3Cellipse cx='100' cy='48' rx='62' ry='15'/%3E%3Cellipse cx='66' cy='38' rx='32' ry='14'/%3E%3Cellipse cx='130' cy='36' rx='30' ry='13'/%3E%3C/g%3E%3C/svg%3E") no-repeat 10% 16% / 280px 112px,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 80'%3E%3Cfilter id='b'%3E%3CfeGaussianBlur stdDeviation='5.5'/%3E%3C/filter%3E%3Cg filter='url(%23b)' fill='%23ffffff'%3E%3Cellipse cx='100' cy='48' rx='62' ry='15'/%3E%3Cellipse cx='66' cy='38' rx='32' ry='14'/%3E%3Cellipse cx='130' cy='36' rx='30' ry='13'/%3E%3C/g%3E%3C/svg%3E") no-repeat 48% 7% / 360px 144px,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 80'%3E%3Cfilter id='b'%3E%3CfeGaussianBlur stdDeviation='5.5'/%3E%3C/filter%3E%3Cg filter='url(%23b)' fill='%23ffffff'%3E%3Cellipse cx='100' cy='48' rx='62' ry='15'/%3E%3Cellipse cx='66' cy='38' rx='32' ry='14'/%3E%3Cellipse cx='130' cy='36' rx='30' ry='13'/%3E%3C/g%3E%3C/svg%3E") no-repeat 74% 28% / 220px 88px;opacity:.55;pointer-events:none;animation:cloudDrift 52s ease-in-out infinite alternate}@keyframes cloudDrift{0%{transform:translate(-16px)}to{transform:translate(22px)}}.canvas:before{content:"";position:absolute;inset:-20px;background-image:radial-gradient(circle at 22% 30%,rgba(230,166,61,.55) 1.5px,transparent 3px),radial-gradient(circle at 64% 18%,rgba(230,166,61,.4) 1.2px,transparent 2.6px),radial-gradient(circle at 82% 58%,rgba(147,160,127,.55) 1.4px,transparent 3px),radial-gradient(circle at 38% 74%,rgba(230,166,61,.35) 1.1px,transparent 2.4px),radial-gradient(circle at 12% 62%,rgba(147,160,127,.45) 1.3px,transparent 2.8px),radial-gradient(circle at 48% 44%,rgba(67,163,90,.45) 1.3px,transparent 2.8px),radial-gradient(circle at 90% 26%,rgba(67,163,90,.35) 1.1px,transparent 2.5px);opacity:.85;pointer-events:none;animation:drift 16s ease-in-out infinite alternate}@keyframes drift{0%{transform:translate(0)}to{transform:translate(12px,-14px)}}.tree-svg{width:100%;height:100%;display:block;cursor:grab;touch-action:none;position:relative;z-index:1}.tree-svg.panning{cursor:grabbing}.tree-svg.hidden{display:none}.canvas-controls{position:absolute;top:16px;right:16px;display:flex;gap:6px;z-index:5}.map-legend{position:absolute;left:14px;bottom:12px;z-index:5;display:flex;align-items:center;gap:12px;padding:7px 12px;background:var(--panel);border:2px solid var(--border-strong);box-shadow:0 3px 0 var(--border-strong);border-radius:12px;font-size:11px;font-weight:600;color:var(--ink-2);pointer-events:none}.map-legend-item{display:flex;align-items:center;gap:5px}.dot-seed{background:var(--gold);box-shadow:0 0 0 2px var(--gold-soft)}.hills-far{fill:#c3dabb}.hills-near{fill:#9fc192}.scenery-night .hills-far{fill:#2e3c5e}.scenery-night .hills-near{fill:#232f4c}.cloud-puff{fill:#fff;opacity:.8}.scenery-night .cloud-puff{fill:#46587c;opacity:.5}.cloud-drift{animation:cloudFloat 46s ease-in-out infinite alternate}.cloud-drift.slow{animation-duration:64s;animation-delay:-20s}.cloud-drift.slower{animation-duration:78s;animation-delay:-41s}@keyframes cloudFloat{0%{transform:translate(-20px)}to{transform:translate(24px)}}.canvas-btn{width:36px;height:36px;background:var(--panel);border:2px solid var(--border-strong);box-shadow:0 3px 0 var(--border-strong);color:var(--ink-2);border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:transform .12s var(--snap),box-shadow .12s var(--snap),color .12s ease,border-color .12s ease}.canvas-btn:hover{color:var(--leaf-deep);border-color:var(--leaf);transform:translateY(-1px);box-shadow:0 4px 0 var(--border-strong)}.canvas-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--border-strong)}.canvas-welcome{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center}.canvas-welcome.hidden{display:none}.canvas-welcome:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 44'%3E%3Cpath d='M24 44 C24 34 24 26 24 18' fill='none' stroke='%232f7a41' stroke-width='2.5' stroke-linecap='round'/%3E%3Cellipse cx='15' cy='18' rx='8.5' ry='4' fill='%2343a35a' transform='rotate(-32 15 18)'/%3E%3Cellipse cx='33' cy='18' rx='8.5' ry='4' fill='%2343a35a' transform='rotate(32 33 18)'/%3E%3Ccircle cx='24' cy='13' r='2.5' fill='%23e6a63d'/%3E%3C/svg%3E") center bottom / auto 38px repeat-x,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 200' preserveAspectRatio='none'%3E%3Cpath d='M0 158 C140 118 290 166 450 146 C610 126 760 172 920 150 C1080 128 1240 168 1440 138 L1440 200 L0 200 Z' fill='%232f7a41' fill-opacity='0.2'/%3E%3C/svg%3E") center bottom / 100% 130px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 200' preserveAspectRatio='none'%3E%3Cpath d='M0 130 C160 80 300 140 470 108 C640 76 780 138 950 108 C1120 78 1280 132 1440 96 L1440 200 L0 200 Z' fill='%232f7a41' fill-opacity='0.15'/%3E%3C/svg%3E") center bottom / 100% 170px no-repeat,radial-gradient(circle 200px at 78% 22%,#e6a63d59,#e6a63d00 70%);opacity:.5;pointer-events:none}.canvas-welcome>*{position:relative;z-index:1}.welcome-seed{width:80px;height:80px;margin-bottom:24px;filter:drop-shadow(0 4px 12px rgba(192,127,28,.35));animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.canvas-welcome h1{font-family:var(--display);font-size:32px;font-weight:600;color:var(--ink);margin-bottom:12px;letter-spacing:-.01em}.canvas-welcome h1 em{color:var(--gold-deep);font-style:italic}.canvas-welcome .verse{font-family:var(--display);font-style:italic;font-size:17px;color:var(--ink-2);max-width:520px;line-height:1.5;margin-bottom:8px}.canvas-welcome .verse-ref{font-family:var(--ui);font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--ink-3);margin-bottom:32px}.canvas-welcome .instruction{font-size:13px;color:var(--ink-3);max-width:420px;line-height:1.6}.canvas-welcome .instruction strong{color:var(--gold-deep);font-weight:700}.branch-bark{fill:none;stroke:var(--root-edge);stroke-linecap:round;transition:stroke .6s ease,opacity .6s ease}.branch-bark.rank-green{stroke:var(--root-learned-edge)}.branch{fill:none;stroke:var(--root);transition:stroke .6s ease,stroke-width .6s ease,opacity .6s ease,filter .6s ease;opacity:.85}.branch.rank-green{stroke:var(--root-learned);opacity:.95;filter:drop-shadow(0 0 4px rgba(217,164,65,.5))}.branch.ghost,.branch-bark.ghost{stroke-dasharray:2 7;opacity:.35}.branch-glow{fill:none;stroke:var(--gold);opacity:.25}.tutorial-flash-branches .branch,.tutorial-flash-branches .selection-path{animation:branch-flash 1.8s ease-in-out infinite}@keyframes branch-flash{0%,to{stroke:var(--root);stroke-width:1.2;opacity:.55}30%,80%{stroke:var(--root-learned);stroke-width:2.2;opacity:.95}}.node{cursor:pointer}.node-pop{transform-box:fill-box;transform-origin:center;transition:transform .15s var(--spring),filter .15s}.node:hover .node-pop{transform:scale(1.15);filter:brightness(1.06)}.node.selected .node-pop{animation:nodePop .35s var(--spring)}@keyframes nodePop{0%{transform:scale(.6)}to{transform:scale(1)}}.node-shape{transition:fill .3s ease,stroke .3s ease}.node.response .node-shape{fill:var(--leaf);stroke:var(--leaf-deep);stroke-width:2}.node.objection .node-shape{fill:var(--terra);stroke:var(--terra-deep);stroke-width:2}.node.root .node-shape{fill:var(--gold);stroke:var(--gold-deep)}.node-inner{fill:var(--panel);opacity:.9}.bloom-particle{transform-box:fill-box;transform-origin:center;animation:bloom .8s var(--snap) forwards}@keyframes bloom{to{transform:translate(var(--dx),var(--dy)) scale(.3);opacity:0}}.plant{transform-box:fill-box;transform-origin:50% 100%}.plant-stem{fill:none;stroke:var(--leaf-deep);stroke-linecap:round}.plant-branch{fill:none;stroke:#7d5a3a;stroke-linecap:round}.plant-trunk{fill:#7d5a3a;stroke:#5f4430;stroke-width:1.5}.plant-leaf{fill:var(--leaf);stroke:var(--leaf-deep);stroke-width:.5}.plant-leaf-back{fill:var(--leaf-deep)}.plant-leaf-lite{fill:#63b874}.plant-bud{fill:var(--gold)}.plant-flower{fill:#f2c14e;stroke:var(--gold-deep);stroke-width:.4}.plant-center{fill:var(--gold-deep)}.node-label{fill:var(--ink);font-family:var(--ui);font-size:10.5px;font-weight:600;pointer-events:none;transition:fill .3s ease;text-anchor:middle;paint-order:stroke fill;stroke:var(--panel);stroke-width:3px;stroke-linejoin:round;stroke-opacity:.92}.node.selected .node-label{fill:var(--gold-deep);font-weight:700}.family-label{transform-box:fill-box;transform-origin:center;animation:labelPop .3s var(--spring)}@keyframes labelPop{0%{transform:scale(.7);opacity:0}}.selection-ring{fill:none;stroke:var(--gold);stroke-width:2.5}.selection-path{fill:none;stroke:var(--gold);stroke-width:3px;stroke-linecap:round;stroke-dasharray:5 7;opacity:.9;pointer-events:none;filter:drop-shadow(0 0 4px rgba(230,166,61,.55))}.selection-path.learned{stroke:var(--leaf);filter:drop-shadow(0 0 4px rgba(67,163,90,.6))}.garden-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:46px;height:46px;border-radius:50%;background:#8a6a44;border:2px solid #5f4430;box-shadow:0 4px #5f4430,0 8px 18px #22301e40;color:#fffdf5;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .12s var(--snap),box-shadow .12s var(--snap),background .15s ease,opacity .2s ease}.garden-nav svg{width:22px;height:22px}.garden-nav.prev{left:14px}.garden-nav.next{right:14px}.garden-nav:hover:not(:disabled){background:var(--leaf-deep);transform:translateY(-50%) scale(1.06)}.garden-nav:active:not(:disabled){transform:translateY(-50%) scale(.96);box-shadow:0 1px #5f4430}.garden-nav:disabled{opacity:0;pointer-events:none}.plot-sign{cursor:pointer;transition:filter .15s var(--snap)}.plot-sign:hover{filter:brightness(1.08)}.plot-sign.static{pointer-events:none}.sign-post{fill:#6b5233}.sign-board{fill:#8a6a44;stroke:#5f4430;stroke-width:1.5}.sign-nail{fill:#5f4430}.sign-label{fill:#fffdf5;font:700 13px var(--ui);text-anchor:middle}.sign-action{fill:var(--gold-soft);font:600 10.5px var(--ui);text-anchor:middle}.sign-subaction{fill:#e8dcc0;text-decoration:underline;cursor:pointer}.detail{border-right:1px solid var(--border);background:var(--panel);overflow:hidden;display:flex;flex-direction:column;min-width:300px;position:relative}.detail:after{content:"";position:absolute;right:0;bottom:0;width:170px;height:170px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 150'%3E%3Cpath d='M152 152 C120 132 92 104 72 64 C66 52 62 40 60 26' fill='none' stroke='%232f7a41' stroke-width='3.5' stroke-linecap='round'/%3E%3Cg fill='%2343a35a'%3E%3Cellipse cx='118' cy='126' rx='14' ry='6' transform='rotate(38 118 126)'/%3E%3Cellipse cx='100' cy='104' rx='14' ry='6' transform='rotate(-32 100 104)'/%3E%3Cellipse cx='87' cy='82' rx='13' ry='5.5' transform='rotate(42 87 82)'/%3E%3Cellipse cx='76' cy='58' rx='12' ry='5' transform='rotate(-28 76 58)'/%3E%3Cellipse cx='62' cy='30' rx='10' ry='4.5' transform='rotate(48 62 30)'/%3E%3C/g%3E%3Cpath d='M152 152 Q134 138 128 114 Q146 132 154 150 Z' fill='%232f7a41'/%3E%3Ccircle cx='95' cy='94' r='3' fill='%23e6a63d'/%3E%3C/svg%3E") no-repeat right bottom / contain;opacity:.13;pointer-events:none;z-index:0}.detail-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;z-index:1}.detail-inner{padding:32px 32px 40px;display:flex;flex-direction:column}.detail-empty{padding:40px 32px;text-align:center;color:var(--ink-3);font-family:var(--display);font-style:italic;font-size:15px;line-height:1.6}.detail-lineage{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-bottom:14px;padding:10px 12px;background:var(--paper-2);border:2px solid var(--border);border-radius:14px}.lineage-chip{font-family:var(--ui);font-size:11px;font-weight:600;color:var(--ink-2);padding:4px 10px;border-radius:999px;background:var(--panel);border:1.5px solid var(--border-strong);cursor:pointer;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:transform .12s var(--spring),border-color .12s ease,color .12s ease;-webkit-tap-highlight-color:transparent}.lineage-chip:hover{transform:translateY(-1px);border-color:var(--leaf);color:var(--leaf-deep)}.lineage-chip:active{transform:translateY(1px)}.lineage-chip.current{color:var(--gold-deep);background:var(--gold-soft);border-color:var(--gold);font-weight:700;cursor:default}.lineage-sep{color:var(--ink-3);font-size:10px;flex-shrink:0}.sibling-nav{display:flex;align-items:center;gap:0;margin-bottom:16px;padding:6px;background:var(--paper-2);border:2px solid var(--border);border-radius:14px;overflow:hidden}.sib-btn{flex:0 0 auto;width:44px;height:38px;background:var(--panel);border:2px solid var(--border-strong);box-shadow:0 2px 0 var(--border-strong);color:var(--ink-2);font-size:18px;cursor:pointer;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:transform .12s var(--snap),box-shadow .12s var(--snap),color .12s ease,border-color .12s ease;-webkit-tap-highlight-color:transparent}.sib-btn:hover:not(:disabled){border-color:var(--leaf);color:var(--leaf-deep);transform:translateY(-1px);box-shadow:0 3px 0 var(--border-strong)}.sib-btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 0 var(--border-strong)}.sib-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.sib-label{flex:1;text-align:center;font-family:var(--ui);font-size:11px;color:var(--ink-2);text-transform:uppercase;letter-spacing:.12em;line-height:1.3;padding:0 6px;overflow:hidden}.sib-label .pos{color:var(--gold-deep);font-weight:700;font-variant-numeric:tabular-nums}.sib-label .of{color:var(--ink-3)}.type-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--ui);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--ink-2);margin-bottom:18px;align-self:flex-start;padding:5px 12px;border-radius:999px}.type-badge .marker{width:8px;height:8px;border-radius:50%}.type-badge.objection{color:var(--terra-deep);background:var(--terra-soft)}.type-badge.response{color:var(--leaf-deep);background:var(--leaf-soft)}.type-badge.objection .marker{background:var(--terra)}.type-badge.response .marker{background:var(--leaf)}.detail h2{font-family:var(--display);font-size:28px;font-weight:600;line-height:1.2;margin-bottom:14px;color:var(--ink);letter-spacing:-.01em}.detail-content{font-family:var(--display);font-size:17px;line-height:1.65;color:var(--ink);margin-bottom:24px}.detail-context{font-family:var(--ui);font-size:13px;line-height:1.65;color:var(--ink-2);padding:14px 16px;background:var(--paper-2);border-left:3px solid var(--gold);margin-bottom:24px;border-radius:0 10px 10px 0}.detail-source{font-family:var(--display);font-style:italic;font-size:13px;color:var(--ink-3);margin-bottom:28px;padding-top:16px;border-top:1px solid var(--border)}.detail-source:before{content:"— "}.actions{display:flex;gap:8px;margin-bottom:28px;flex-wrap:wrap}.action-btn{font-family:var(--ui);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;padding:10px 14px;background:var(--panel);border:2px solid var(--border-strong);box-shadow:0 3px 0 var(--border-strong);color:var(--ink-2);border-radius:12px;cursor:pointer;transition:transform .12s var(--snap),box-shadow .12s var(--snap),color .12s ease,border-color .12s ease}.action-btn:hover{border-color:var(--leaf);color:var(--leaf-deep);transform:translateY(-1px);box-shadow:0 4px 0 var(--border-strong)}.action-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--border-strong)}.children-section h4{font-family:var(--ui);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--ink-3);margin-bottom:14px;display:flex;align-items:center;gap:10px}.children-section h4:after{content:"";flex:1;height:1px;background:var(--border)}.child-card{padding:16px 36px 16px 20px;background:var(--panel);border:2px solid var(--border);border-radius:14px;margin-bottom:10px;cursor:pointer;transition:transform .15s var(--snap),box-shadow .15s var(--snap),border-color .15s ease;position:relative;overflow:hidden;animation:riseIn .4s var(--snap) backwards}.child-card:nth-child(1){animation-delay:0s}.child-card:nth-child(2){animation-delay:.03s}.child-card:nth-child(3){animation-delay:.06s}.child-card:nth-child(4){animation-delay:.09s}.child-card:nth-child(5){animation-delay:.12s}.child-card:nth-child(6){animation-delay:.15s}.child-card:nth-child(7){animation-delay:.18s}.child-card:nth-child(8){animation-delay:.21s}.child-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:transparent;transition:background .3s ease}.child-card.objection:before{background:var(--terra)}.child-card.response:before{background:var(--leaf)}.child-card:hover,.child-card:active{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 8px 20px #3c50321f}.child-card .ctype{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--ink-3);margin-bottom:6px}.child-card.objection .ctype{color:var(--terra-deep)}.child-card.response .ctype{color:var(--leaf-deep)}.child-card .title{font-family:var(--display);font-size:16px;font-weight:600;color:var(--ink);margin-bottom:6px;padding-right:24px}.child-card .preview{font-size:13px;color:var(--ink-2);line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.child-card.revealed .preview{overflow:visible;display:block;-webkit-line-clamp:unset;line-clamp:unset}.card-chevron{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--ink-3);opacity:.4;transition:opacity .2s ease,transform .2s var(--snap),color .2s ease;pointer-events:none}.child-card:hover .card-chevron{opacity:.8;transform:translateY(-50%) translate(3px);color:var(--gold-deep)}.backdrop{position:fixed;inset:0;background:#22301e66;z-index:25;opacity:0;pointer-events:none;transition:opacity .3s ease}.backdrop.active{opacity:1;pointer-events:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bark-soft);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--bark)}@media(max-width:900px){:root{--header-h: 54px;--tree-h-mobile: 38dvh}.app{grid-template-columns:1fr;grid-template-rows:var(--header-h) var(--tree-h-mobile) auto 1fr}.splitter{display:none}.icon-btn{display:flex}header{padding:0 10px;gap:8px}.brand{font-size:17px;gap:8px}.brand .seed{width:18px;height:18px}.breadcrumb{display:none}.sidebar{position:fixed;top:var(--header-h);left:0;bottom:0;width:min(320px,86vw);z-index:35;transform:translate(-100%);transition:transform .3s ease;border-right:1px solid var(--border);box-shadow:2px 0 20px #22301e40}.sidebar.mobile-open{transform:translate(0)}.canvas{grid-column:1;grid-row:2;border-bottom:1px solid var(--border);min-height:0;background-size:auto 30px,100% 84px,100% 116px,auto,auto,auto,auto,auto}.canvas:after{background-size:200px 80px,260px 104px,160px 64px}.canvas-welcome:before{background-size:auto 26px,100% 70px,100% 96px,auto}.canvas-controls{top:auto;bottom:12px;right:12px;gap:6px;flex-direction:column}.canvas-btn{width:40px;height:40px;font-size:15px;background:var(--panel)}.detail{grid-column:1;grid-row:4;position:relative;transform:none;height:auto;max-height:none;border-top:none;border-right:none;border-radius:0;box-shadow:none;z-index:1;min-width:0}.mobile-splitter{display:flex;align-items:center;justify-content:center;grid-column:1;grid-row:3;height:20px;background:var(--paper-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;z-index:30;flex-shrink:0;transition:background .15s ease}.mobile-splitter:active,.mobile-splitter.dragging{background:#e6a63d1f}.mobile-splitter-grip{width:24px;height:3px;border-radius:2px;background:repeating-linear-gradient(90deg,var(--ink-3) 0px,var(--ink-3) 3px,transparent 3px,transparent 6px);opacity:.5;pointer-events:none;flex-shrink:0;transition:opacity .15s ease}.mobile-splitter-label{font-family:var(--ui);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);pointer-events:none;padding:0 8px;transition:color .15s ease}.mobile-splitter.dragging .mobile-splitter-grip{background:repeating-linear-gradient(90deg,var(--gold) 0px,var(--gold) 3px,transparent 3px,transparent 6px);opacity:1}.mobile-splitter.dragging .mobile-splitter-label{color:var(--gold-deep)}.detail-inner{padding:14px 18px 32px}.detail h2{font-size:21px;line-height:1.25}.detail-content{font-size:16px;line-height:1.6}.detail-context{font-size:13px}.editor-actions{margin-bottom:16px;padding-bottom:14px}.category-card{padding:20px;margin:0 14px 12px}.category-card .cat-name{font-size:22px}.category-card .cat-desc{font-size:13px}.tree-list li{padding:18px 22px;font-size:17px}.canvas-welcome h1{font-size:26px}.canvas-welcome .verse{font-size:15px}.controls-help{font-size:11px}}@media(max-width:400px){.brand span{display:none}.canvas-welcome{padding:24px 16px}.canvas-welcome h1{font-size:22px}.category-card{margin:0 10px 10px;padding:18px}}@media(max-width:900px)and (max-height:700px){:root{--tree-h-mobile: 34dvh}}.canvas-loading{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#f5f1e6bf;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:6;pointer-events:none}.canvas-loading.active{display:flex}.canvas-loading .spinner{width:38px;height:38px;border:3px solid var(--leaf-soft);border-top-color:var(--leaf);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.canvas-loading .msg{font-family:var(--display);font-style:italic;font-size:15px;color:var(--ink-2);letter-spacing:.02em}.canvas-error{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center;z-index:7}.canvas-error.active{display:flex}.canvas-error .icon{font-size:32px;margin-bottom:16px;color:var(--terra)}.canvas-error .title{font-family:var(--display);font-size:22px;color:var(--ink);margin-bottom:8px}.canvas-error .desc{font-size:13px;color:var(--ink-2);max-width:340px;line-height:1.55;margin-bottom:18px}.canvas-error button{font-family:var(--ui);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;padding:10px 18px;background:var(--panel);border:2px solid var(--border-strong);box-shadow:0 3px 0 var(--border-strong);color:var(--ink);border-radius:12px;cursor:pointer;transition:transform .12s var(--snap),box-shadow .12s var(--snap),border-color .12s ease,color .12s ease}.canvas-error button:hover{border-color:var(--leaf);color:var(--leaf-deep);transform:translateY(-1px);box-shadow:0 4px 0 var(--border-strong)}.canvas-error button:active{transform:translateY(2px);box-shadow:0 1px 0 var(--border-strong)}.auth-portal{position:fixed;inset:0;z-index:100;background:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;overflow-y:auto;overscroll-behavior:contain}.auth-bg-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;touch-action:none}.auth-portal:before{content:"";position:fixed;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%232f7a41' stroke-opacity='0.2' stroke-linecap='round'%3E%3Cpath d='M-6 -10 C34 30 62 68 84 130 C92 154 96 176 97 202' stroke-width='4'/%3E%3Cpath d='M-12 34 C18 52 42 78 58 114' stroke-width='3'/%3E%3C/g%3E%3Cg fill='%2343a35a' fill-opacity='0.16'%3E%3Cellipse cx='32' cy='14' rx='16' ry='7' transform='rotate(28 32 14)'/%3E%3Cellipse cx='52' cy='42' rx='17' ry='7' transform='rotate(52 52 42)'/%3E%3Cellipse cx='34' cy='62' rx='15' ry='6.5' transform='rotate(-24 34 62)'/%3E%3Cellipse cx='70' cy='80' rx='17' ry='7' transform='rotate(48 70 80)'/%3E%3Cellipse cx='56' cy='108' rx='15' ry='6.5' transform='rotate(-20 56 108)'/%3E%3Cellipse cx='88' cy='126' rx='16' ry='7' transform='rotate(55 88 126)'/%3E%3Cellipse cx='76' cy='156' rx='14' ry='6' transform='rotate(-16 76 156)'/%3E%3Cellipse cx='100' cy='172' rx='14' ry='6' transform='rotate(62 100 172)'/%3E%3C/g%3E%3Cg fill='%23e6a63d' fill-opacity='0.3'%3E%3Ccircle cx='44' cy='30' r='3'/%3E%3Ccircle cx='66' cy='94' r='3'/%3E%3C/g%3E%3C/svg%3E") no-repeat -36px -36px / 320px 320px,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg transform='rotate(180 100 100)'%3E%3Cg fill='none' stroke='%232f7a41' stroke-opacity='0.2' stroke-linecap='round'%3E%3Cpath d='M-6 -10 C34 30 62 68 84 130 C92 154 96 176 97 202' stroke-width='4'/%3E%3Cpath d='M-12 34 C18 52 42 78 58 114' stroke-width='3'/%3E%3C/g%3E%3Cg fill='%2343a35a' fill-opacity='0.16'%3E%3Cellipse cx='32' cy='14' rx='16' ry='7' transform='rotate(28 32 14)'/%3E%3Cellipse cx='52' cy='42' rx='17' ry='7' transform='rotate(52 52 42)'/%3E%3Cellipse cx='34' cy='62' rx='15' ry='6.5' transform='rotate(-24 34 62)'/%3E%3Cellipse cx='70' cy='80' rx='17' ry='7' transform='rotate(48 70 80)'/%3E%3Cellipse cx='56' cy='108' rx='15' ry='6.5' transform='rotate(-20 56 108)'/%3E%3Cellipse cx='88' cy='126' rx='16' ry='7' transform='rotate(55 88 126)'/%3E%3Cellipse cx='76' cy='156' rx='14' ry='6' transform='rotate(-16 76 156)'/%3E%3Cellipse cx='100' cy='172' rx='14' ry='6' transform='rotate(62 100 172)'/%3E%3C/g%3E%3Cg fill='%23e6a63d' fill-opacity='0.3'%3E%3Ccircle cx='44' cy='30' r='3'/%3E%3Ccircle cx='66' cy='94' r='3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat calc(100% + 36px) calc(100% + 36px) / 340px 340px,radial-gradient(ellipse at 12% 0%,rgba(247,233,200,.9) 0%,transparent 55%),radial-gradient(ellipse at 88% 100%,rgba(226,240,225,.75) 0%,transparent 55%);pointer-events:none;z-index:0}.auth-portal:after{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 17% 23%,rgba(147,160,127,.55) .8px,transparent 1.6px),radial-gradient(circle at 73% 41%,rgba(147,160,127,.45) .7px,transparent 1.5px),radial-gradient(circle at 41% 67%,rgba(147,160,127,.5) .8px,transparent 1.6px),radial-gradient(circle at 88% 87%,rgba(147,160,127,.4) .9px,transparent 1.7px),radial-gradient(circle at 12% 91%,rgba(147,160,127,.45) .7px,transparent 1.5px),radial-gradient(circle at 56% 12%,rgba(147,160,127,.5) .8px,transparent 1.6px);pointer-events:none;opacity:.35;z-index:0}body:has(.auth-portal:not(.hidden)):before,body:has(.auth-portal:not(.hidden)):after{display:none}.auth-portal.hidden{display:none}.auth-card{position:relative;z-index:1;width:100%;max-width:420px;text-align:center;animation:portalFadeIn .6s ease}@keyframes portalFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.auth-portal .seed{width:64px;height:64px;margin:0 auto 18px;filter:drop-shadow(0 4px 10px rgba(192,127,28,.35));animation:float 4s ease-in-out infinite}.auth-portal h1{font-family:var(--display);font-size:36px;font-weight:600;color:var(--ink);margin-bottom:10px;letter-spacing:-.01em}.auth-portal h1 em{color:var(--gold-deep);font-style:italic}.auth-portal .verse{font-family:var(--display);font-style:italic;font-size:15px;color:var(--ink-2);line-height:1.55;margin-bottom:6px;max-width:380px;margin-left:auto;margin-right:auto}.auth-portal .verse-ref{font-family:var(--ui);font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:var(--ink-3);margin-bottom:32px}.auth-form{background:var(--panel);border:2px solid var(--border);border-radius:18px;box-shadow:0 12px 32px #3c50321a;padding:24px;margin-bottom:16px;text-align:left}.auth-tabs{display:flex;gap:4px;background:var(--paper-2);border:2px solid var(--border);border-radius:999px;padding:4px;margin-bottom:12px}.auth-tab{flex:1;background:transparent;border:none;padding:10px 14px;font-family:var(--ui);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);cursor:pointer;border-radius:999px;transition:background .15s ease,color .15s ease,transform .12s var(--snap)}.auth-tab:hover{color:var(--ink-2)}.auth-tab.active{background:var(--leaf-soft);color:var(--leaf-deep);box-shadow:0 2px 6px #3c50321f}.auth-pane{display:none}.auth-pane.active{display:block}.auth-link-row{margin-top:12px;text-align:center}.auth-link{background:transparent;border:none;color:var(--ink-3);font-size:12px;cursor:pointer;padding:4px 8px;transition:color .15s ease;text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:2px}.auth-link:hover{color:var(--gold-deep);text-decoration-color:var(--gold-deep)}.auth-form-title{font-family:var(--display);font-size:18px;font-weight:600;color:var(--ink);margin-bottom:4px}.auth-form-help{font-size:13px;color:var(--ink-2);margin-bottom:16px;line-height:1.5}.auth-success{font-size:12px;color:var(--leaf-deep);margin-bottom:12px;min-height:16px;line-height:1.4}.auth-info{text-align:center}.auth-info .info-icon{font-size:36px;color:var(--gold);margin-bottom:12px;filter:drop-shadow(0 2px 6px rgba(192,127,28,.3))}.auth-info h4{font-family:var(--display);font-size:22px;font-weight:600;color:var(--ink);margin-bottom:10px}.auth-info p{font-size:13px;color:var(--ink-2);line-height:1.6;margin-bottom:18px}.auth-info p strong{color:var(--ink);font-weight:700}.auth-btn-secondary{width:100%;font-family:var(--ui);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;padding:11px;background:var(--panel);border:2px solid var(--border-strong);box-shadow:0 4px 0 var(--border-strong);color:var(--ink);border-radius:14px;cursor:pointer;transition:transform .12s var(--snap),box-shadow .12s var(--snap),border-color .12s ease,color .12s ease}.auth-btn-secondary:hover{border-color:var(--leaf);color:var(--leaf-deep);transform:translateY(-1px);box-shadow:0 5px 0 var(--border-strong)}.auth-btn-secondary:active{transform:translateY(2px);box-shadow:0 1px 0 var(--border-strong)}.captcha-container{margin-bottom:14px;min-height:0;display:flex;justify-content:center;border:2px dashed transparent;border-radius:12px}.captcha-container.active{min-height:78px;border-color:var(--border)}.opt-inline{color:var(--ink-3);font-weight:400;text-transform:none;letter-spacing:0;font-size:10px}.auth-form .label{font-family:var(--ui);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--ink-3);margin-bottom:6px;display:block}.auth-form input{width:100%;padding:11px 14px;background:var(--panel);border:2px solid var(--border);border-radius:12px;color:var(--ink);font-family:var(--ui);font-size:14px;margin-bottom:14px;transition:border-color .15s ease,box-shadow .15s ease}.auth-form input:focus{outline:none;border-color:var(--leaf);box-shadow:0 0 0 3px var(--leaf-soft)}.auth-form .auth-error{font-size:12px;color:var(--terra-deep);margin-bottom:12px;min-height:16px;line-height:1.4}.auth-match-hint{font-size:11px;line-height:1.4;margin-top:-8px;margin-bottom:12px;min-height:14px;letter-spacing:.02em;transition:color .2s ease}.auth-match-hint.match{color:var(--leaf-deep)}.auth-match-hint.mismatch{color:var(--terra-deep)}.auth-form input.input-mismatch{border-color:var(--terra)}.auth-form input.input-match{border-color:var(--leaf)}.auth-btn{width:100%;font-family:var(--ui);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;padding:13px;background:var(--leaf);border:2px solid var(--leaf-deep);box-shadow:0 4px 0 var(--leaf-deep);color:#fffdf5;border-radius:14px;cursor:pointer;transition:transform .12s var(--snap),box-shadow .12s var(--snap),filter .12s ease}.auth-btn:hover{transform:translateY(-1px);box-shadow:0 5px 0 var(--leaf-deep);filter:brightness(1.05)}.auth-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--leaf-deep)}.auth-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 4px 0 var(--leaf-deep)}.auth-divider{display:flex;align-items:center;gap:12px;font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--ink-3);margin:8px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-reader-btn{width:100%;font-family:var(--ui);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;padding:13px;background:var(--panel);border:2px solid var(--border-strong);box-shadow:0 4px 0 var(--border-strong);color:var(--ink);border-radius:14px;cursor:pointer;transition:transform .12s var(--snap),box-shadow .12s var(--snap),border-color .12s ease,color .12s ease}.auth-reader-btn:hover{border-color:var(--gold);color:var(--gold-deep);transform:translateY(-1px);box-shadow:0 5px 0 var(--border-strong)}.auth-reader-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--border-strong)}.auth-portal .footnote{margin-top:18px;font-size:11px;color:var(--ink-3);line-height:1.5}.user-menu{display:none;align-items:center;gap:10px;margin-left:auto;padding-left:14px;flex-shrink:0}.user-menu.active{display:flex}.user-menu .email{font-size:12px;color:var(--ink-2);max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu .editor-badge{font-family:var(--ui);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;padding:3px 8px;background:var(--gold-soft);color:var(--gold-deep);border:1.5px solid var(--gold);border-radius:10px}.user-menu .signout{background:var(--panel);border:2px solid var(--border-strong);box-shadow:0 3px 0 var(--border-strong);color:var(--ink-2);padding:6px 12px;border-radius:12px;cursor:pointer;font-family:var(--ui);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;transition:transform .12s var(--snap),box-shadow .12s var(--snap),border-color .12s ease,color .12s ease;display:inline-flex;align-items:center;gap:6px}.user-menu .signout:hover{border-color:var(--terra);color:var(--terra-deep);transform:translateY(-1px);box-shadow:0 4px 0 var(--border-strong)}.user-menu .signout:active{transform:translateY(2px);box-shadow:0 1px 0 var(--border-strong)}.admin-link{background:var(--gold);border:2px solid var(--gold-deep);box-shadow:0 3px 0 var(--gold-deep);color:var(--ink);padding:6px 12px;border-radius:12px;cursor:pointer;font-family:var(--ui);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;transition:transform .12s var(--snap),box-shadow .12s var(--snap),filter .12s ease;display:inline-flex;align-items:center;gap:6px}.admin-link:hover{transform:translateY(-1px);box-shadow:0 4px 0 var(--gold-deep);filter:brightness(1.05)}.admin-link:active{transform:translateY(2px);box-shadow:0 1px 0 var(--gold-deep)}.signin-link{margin-left:auto;display:inline-flex;align-items:center;font-family:var(--ui);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;padding:8px 16px;background:var(--gold);border:2px solid var(--gold-deep);box-shadow:0 3px 0 var(--gold-deep);color:var(--ink);border-radius:999px;cursor:pointer;transition:transform .12s var(--snap),box-shadow .12s var(--snap),filter .12s ease;flex-shrink:0}.signin-link:hover{transform:translateY(-1px);box-shadow:0 4px 0 var(--gold-deep);filter:brightness(1.05)}.signin-link:active{transform:translateY(2px);box-shadow:0 1px 0 var(--gold-deep)}.editor-actions{margin:0 0 24px;padding-bottom:22px;border-bottom:1px solid var(--border)}.editor-actions .editor-label{font-family:var(--ui);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--gold-deep);margin-bottom:14px;display:flex;align-items:center;gap:10px}.editor-actions .editor-label:before{content:"✎";font-size:12px}.editor-actions .editor-label:after{content:"";flex:1;height:1px;background:var(--border-strong)}.editor-btn-row{display:flex;gap:6px;flex-wrap:wrap}.editor-btn{flex:1;min-width:90px;font-family:var(--ui);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:9px 10px;background:var(--panel);border:2px solid var(--border-strong);box-shadow:0 3px 0 var(--border-strong);color:var(--ink);border-radius:12px;cursor:pointer;transition:transform .12s var(--snap),box-shadow .12s var(--snap),border-color .12s ease,color .12s ease}.editor-btn:hover{border-color:var(--leaf);color:var(--leaf-deep);transform:translateY(-1px);box-shadow:0 4px 0 var(--border-strong)}.editor-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--border-strong)}.editor-btn.danger{border-color:var(--terra);color:var(--terra-deep);box-shadow:0 3px 0 var(--terra-soft)}.editor-btn.danger:hover{background:var(--terra-soft);border-color:var(--terra-deep);color:var(--terra-deep);box-shadow:0 4px 0 var(--terra-soft)}.editor-btn.danger:active{transform:translateY(2px);box-shadow:0 1px 0 var(--terra-soft)}.add-tree-btn{width:100%;font-family:var(--ui);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;padding:11px 12px;background:transparent;border:2px dashed var(--leaf);color:var(--leaf-deep);border-radius:12px;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .12s var(--snap)}.add-tree-btn:hover{background:var(--leaf-soft);border-style:solid;border-color:var(--leaf-deep)}.modal-backdrop{position:fixed;inset:0;background:#22301e73;z-index:60;display:none;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-backdrop.active{display:flex}.modal{background:var(--panel);border:2px solid var(--border);border-radius:18px;width:100%;max-width:540px;max-height:90vh;overflow-y:auto;padding:28px 28px 24px;box-shadow:0 24px 60px #22301e40;animation:modalPop .28s var(--spring)}@keyframes modalPop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.modal h3{font-family:var(--display);font-size:22px;font-weight:600;margin-bottom:4px;color:var(--ink)}.modal .modal-sub{font-size:12px;color:var(--ink-3);margin-bottom:20px}.modal .field{margin-bottom:14px}.modal .field label{display:block;font-family:var(--ui);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-2);margin-bottom:6px}.modal .field label .opt{color:var(--ink-3);font-weight:400;text-transform:none;letter-spacing:0}.modal .field input,.modal .field textarea,.modal .field select{width:100%;padding:10px 12px;background:var(--paper);border:2px solid var(--border);border-radius:12px;color:var(--ink);font-family:var(--ui);font-size:14px;line-height:1.5;transition:border-color .15s ease,box-shadow .15s ease}.modal .field textarea{resize:vertical;min-height:80px;font-family:var(--display);font-size:15px}.modal .field input:focus,.modal .field textarea:focus,.modal .field select:focus{outline:none;border-color:var(--leaf);box-shadow:0 0 0 3px var(--leaf-soft)}.modal .field .hint{font-size:11px;color:var(--ink-3);margin-top:4px}.modal-error{font-size:12px;color:var(--terra-deep);margin:8px 0;min-height:16px}.modal-actions{display:flex;gap:8px;margin-top:18px;justify-content:flex-end}.modal-btn{font-family:var(--ui);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;padding:10px 18px;border-radius:14px;cursor:pointer;border:2px solid var(--border-strong);box-shadow:0 4px 0 var(--border-strong);background:var(--panel);color:var(--ink);transition:transform .12s var(--snap),box-shadow .12s var(--snap),filter .12s ease,border-color .12s ease}.modal-btn:hover{transform:translateY(-1px);box-shadow:0 5px 0 var(--border-strong);filter:brightness(1.02)}.modal-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--border-strong)}.modal-btn.primary{background:var(--leaf);border-color:var(--leaf-deep);box-shadow:0 4px 0 var(--leaf-deep);color:#fffdf5}.modal-btn.primary:hover{box-shadow:0 5px 0 var(--leaf-deep);filter:brightness(1.05)}.modal-btn.primary:active{box-shadow:0 1px 0 var(--leaf-deep)}.modal-btn.danger{background:var(--terra);border-color:var(--terra-deep);box-shadow:0 4px 0 var(--terra-deep);color:#fffdf5}.modal-btn.danger:hover{box-shadow:0 5px 0 var(--terra-deep);filter:brightness(1.05)}.modal-btn.danger:active{box-shadow:0 1px 0 var(--terra-deep)}.modal-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:900px){.auth-portal h1{font-size:30px}.auth-portal .seed{width:56px;height:56px}.signin-link{padding:7px 12px;font-size:10px;letter-spacing:.1em}.modal{padding:22px 20px 20px}.user-menu{gap:6px;padding-left:8px}.user-menu .email,.user-menu .editor-badge{display:none}.user-menu .signout,.admin-link{padding:0;width:36px;height:36px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.user-menu .signout .btn-label,.admin-link .btn-label{display:none}.user-menu .signout svg,.admin-link svg{display:block}}@media(max-height:820px){.auth-portal{padding:20px 24px;justify-content:flex-start}.auth-portal .seed{width:48px;height:48px;margin:0 auto 10px}.auth-portal h1{font-size:28px;margin-bottom:6px}.auth-portal .verse{font-size:13px;max-width:340px}.auth-portal .verse-ref{margin-bottom:18px}.auth-form{padding:18px}.auth-form input{margin-bottom:10px;padding:9px 12px}.auth-portal .footnote{margin-top:12px}}@media(max-height:680px){.auth-portal .verse,.auth-portal .verse-ref{display:none}.auth-portal h1{font-size:24px;margin-bottom:14px}.auth-portal .seed{width:40px;height:40px;margin-bottom:8px}}.admin-overlay{position:fixed;inset:0;z-index:80;background:var(--paper);display:none;flex-direction:column;overflow-y:auto}#admin-confirm-backdrop{z-index:90!important}.admin-overlay.active{display:flex}.admin-overlay:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(247,233,200,.7) 0%,transparent 60%);pointer-events:none}.admin-shell{position:relative;z-index:1;width:100%;max-width:1100px;margin:0 auto;padding:32px 32px 60px;display:flex;flex-direction:column;flex:1}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.admin-eyebrow{display:block;font-family:var(--ui);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--ink-3);margin-bottom:4px}.admin-title h2{font-family:var(--display);font-size:32px;font-weight:600;color:var(--ink);letter-spacing:-.01em}.admin-close{background:var(--panel);border:2px solid var(--border-strong);box-shadow:0 3px 0 var(--border-strong);color:var(--ink-2);width:40px;height:40px;border-radius:12px;cursor:pointer;font-size:16px;transition:transform .12s var(--snap),box-shadow .12s var(--snap),border-color .12s ease,color .12s ease}.admin-close:hover{border-color:var(--terra);color:var(--terra-deep);transform:translateY(-1px);box-shadow:0 4px 0 var(--border-strong)}.admin-close:active{transform:translateY(2px);box-shadow:0 1px 0 var(--border-strong)}.admin-tabs{display:flex;gap:4px;background:var(--paper-2);border:2px solid var(--border);border-radius:14px;padding:4px;margin-bottom:28px}.admin-tab{background:transparent;border:none;padding:10px 18px;font-family:var(--ui);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3);cursor:pointer;border-radius:10px;transition:background .15s ease,color .15s ease}.admin-tab:hover{color:var(--ink-2)}.admin-tab.active{background:var(--leaf-soft);color:var(--leaf-deep);box-shadow:0 2px 6px #3c50321f}.admin-pane{display:none}.admin-pane.active{display:block;animation:paneFadeIn .25s ease}@keyframes paneFadeIn{0%{opacity:0}to{opacity:1}}.admin-pane-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px;gap:16px;flex-wrap:wrap}.admin-pane-head h3{font-family:var(--display);font-size:22px;font-weight:600;color:var(--ink);margin-bottom:4px}.admin-sub{font-size:13px;color:var(--ink-2);line-height:1.5;max-width:520px}.admin-primary-btn{background:var(--leaf);border:2px solid var(--leaf-deep);box-shadow:0 4px 0 var(--leaf-deep);color:#fffdf5;padding:11px 20px;border-radius:14px;font-family:var(--ui);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;cursor:pointer;transition:transform .12s var(--snap),box-shadow .12s var(--snap),filter .12s ease}.admin-primary-btn:hover{transform:translateY(-1px);box-shadow:0 5px 0 var(--leaf-deep);filter:brightness(1.05)}.admin-primary-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--leaf-deep)}.admin-primary-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.admin-table-wrap{background:var(--panel);border:2px solid var(--border);border-radius:14px;overflow:auto}.admin-table{width:100%;border-collapse:collapse;font-family:var(--ui);font-size:13px}.admin-table thead th{text-align:left;padding:12px 16px;font-family:var(--ui);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3);border-bottom:2px solid var(--border);background:var(--paper-2)}.admin-table tbody td{padding:14px 16px;border-bottom:1px solid var(--border);color:var(--ink);vertical-align:middle}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background:#e2f0e173}.admin-loading{text-align:center!important;color:var(--ink-3)!important;font-style:italic;padding:32px!important}.admin-empty{text-align:center!important;color:var(--ink-3)!important;padding:32px!important;font-family:var(--display);font-style:italic}.admin-code-cell{font-family:Menlo,Monaco,Courier New,monospace;font-size:12px;color:var(--ink);background:var(--paper-2);border:1.5px dashed var(--border-strong);padding:4px 8px;border-radius:8px;cursor:pointer;-webkit-user-select:all;user-select:all;transition:background .15s ease,border-color .15s ease,color .15s ease}.admin-code-cell:hover{background:var(--gold-soft);border-color:var(--gold)}.admin-code-cell.copied{background:var(--leaf);border-color:var(--leaf-deep);color:#fffdf5}.admin-pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.admin-pill.active{background:var(--leaf-soft);color:var(--leaf-deep);border:1.5px solid var(--leaf)}.admin-pill.used{background:var(--paper-2);color:var(--ink-3);border:1.5px solid var(--border-strong)}.admin-pill.pending{background:var(--gold-soft);color:var(--gold-deep);border:1.5px solid var(--gold)}.admin-pill.revoked{background:var(--terra-soft);color:var(--terra-deep);border:1.5px solid var(--terra)}.admin-pill.role-owner{background:var(--gold-soft);color:var(--gold-deep);border:1.5px solid var(--gold)}.admin-pill.role-admin{background:var(--leaf-soft);color:var(--leaf-deep);border:1.5px solid var(--leaf)}.admin-pill.role-contributor{background:var(--terra-soft);color:var(--terra-deep);border:1.5px solid var(--terra)}.admin-pill.role-member{background:var(--paper-2);color:var(--ink-2);border:1.5px solid var(--border-strong)}.admin-pill.action-create{background:var(--leaf-soft);color:var(--leaf-deep);border:1.5px solid var(--leaf)}.admin-pill.action-update{background:var(--gold-soft);color:var(--gold-deep);border:1.5px solid var(--gold)}.admin-pill.action-delete{background:var(--terra-soft);color:var(--terra-deep);border:1.5px solid var(--terra)}.admin-row-btn{background:var(--panel);border:2px solid var(--border-strong);box-shadow:0 2px 0 var(--border-strong);color:var(--ink-2);padding:5px 10px;border-radius:10px;font-family:var(--ui);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;margin-left:4px;transition:transform .12s var(--snap),box-shadow .12s var(--snap),border-color .12s ease,color .12s ease}.admin-row-btn:hover{border-color:var(--leaf);color:var(--leaf-deep);transform:translateY(-1px);box-shadow:0 3px 0 var(--border-strong)}.admin-row-btn:active{transform:translateY(1px);box-shadow:0 1px 0 var(--border-strong)}.admin-row-btn.danger:hover{border-color:var(--terra);color:var(--terra-deep)}.admin-row-btn.gold:hover{border-color:var(--gold);color:var(--gold-deep)}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.admin-stat{background:var(--panel);border:2px solid var(--border);border-radius:16px;padding:22px}.admin-stat-label{font-family:var(--ui);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--ink-3);margin-bottom:8px}.admin-stat-value{font-family:var(--display);font-size:36px;font-weight:600;color:var(--gold-deep);font-variant-numeric:tabular-nums}@media(max-width:700px){.admin-shell{padding:22px 18px 60px}.admin-title h2{font-size:24px}.admin-tab{padding:10px 12px;font-size:11px}.admin-table{font-size:12px}.admin-table thead th,.admin-table tbody td{padding:10px 12px}.admin-row-btn{padding:4px 8px;font-size:9px;margin-left:2px}}.learn-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0 14px;border-bottom:1px solid var(--border);margin-bottom:14px}.learn-toggle-label{font-family:var(--ui);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.ios-toggle{position:relative;width:44px;height:26px;border-radius:13px;border:2px solid var(--border-strong);background:var(--paper-2);cursor:pointer;outline:none;padding:0;transition:background .22s ease,border-color .22s ease;-webkit-tap-highlight-color:transparent;flex-shrink:0}.ios-toggle.on{background:var(--leaf);border-color:var(--leaf-deep)}.toggle-thumb{position:absolute;width:18px;height:18px;border-radius:50%;background:var(--panel);top:2px;left:2px;transition:transform .22s var(--spring),background .22s ease;box-shadow:0 1px 4px #22301e59}.ios-toggle.on .toggle-thumb{transform:translate(18px);background:var(--panel)}.ios-toggle:focus-visible{outline:3px solid var(--leaf);outline-offset:2px}.children-hidden-list{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.child-card-hidden{display:flex;align-items:center;gap:10px;background:transparent;border:2px dashed var(--border-strong);border-radius:14px;padding:12px 14px;opacity:.6}.child-hidden-type{font-family:var(--ui);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;flex-shrink:0;padding:2px 7px;border-radius:6px;background:var(--paper-2);color:var(--ink-3)}.child-hidden-type.objection{color:var(--terra-deep);background:var(--terra-soft)}.child-hidden-type.response{color:var(--leaf-deep);background:var(--leaf-soft)}.child-hidden-bar{height:8px;border-radius:4px;background:var(--bark-soft);flex:1;opacity:.5}.child-hidden-bar.short{flex:0 0 60px}.reveal-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;background:var(--gold);border:2px solid var(--gold-deep);box-shadow:0 4px 0 var(--gold-deep);border-radius:14px;color:var(--ink);font-family:var(--ui);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .12s var(--snap),box-shadow .12s var(--snap),filter .12s ease;margin-bottom:12px}.reveal-btn:hover{transform:translateY(-1px);box-shadow:0 5px 0 var(--gold-deep);filter:brightness(1.05)}.reveal-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--gold-deep)}.rating-row{display:flex;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.rate-btn{flex:1;padding:10px 12px;border-radius:14px;border:2px solid var(--border-strong);box-shadow:0 4px 0 var(--border-strong);background:var(--panel);color:var(--ink-2);font-family:var(--ui);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:transform .12s var(--snap),box-shadow .12s var(--snap),background .12s ease,border-color .12s ease,color .12s ease,filter .12s ease}.rate-btn.missed{border-color:var(--terra);box-shadow:0 4px 0 var(--terra-soft);color:var(--terra-deep)}.rate-btn.missed:hover{background:var(--terra-soft);border-color:var(--terra-deep);transform:translateY(-1px);box-shadow:0 5px 0 var(--terra-soft)}.rate-btn.missed.active{background:var(--terra);border-color:var(--terra-deep);color:#fffdf5;transform:translateY(2px);box-shadow:0 1px 0 var(--terra-deep)}.rate-btn.gotit{background:var(--leaf);border-color:var(--leaf-deep);box-shadow:0 4px 0 var(--leaf-deep);color:#fffdf5}.rate-btn.gotit:hover{transform:translateY(-1px);box-shadow:0 5px 0 var(--leaf-deep);filter:brightness(1.05)}.rate-btn.gotit.active{background:var(--leaf-deep);border-color:var(--leaf-darker);transform:translateY(2px);box-shadow:0 1px 0 var(--leaf-darker)}.rating-signin{font-size:11px;color:var(--ink-3);padding:4px 0 8px;opacity:.85}@media(max-width:700px){.learn-toggle-row{padding:8px 0 12px}.rating-row{gap:6px}.rate-btn{padding:6px 8px;font-size:10px}}.tutorial-overlay{position:fixed;inset:0;z-index:1100;pointer-events:all}.tutorial-overlay[hidden]{display:none}.tutorial-spotlight{position:fixed;border-radius:12px;box-shadow:inset 0 0 0 2px #e6a63dd9,0 0 0 9999px #22301e73;pointer-events:none;z-index:1101;transition:top .38s cubic-bezier(.4,0,.2,1),left .38s cubic-bezier(.4,0,.2,1),width .38s cubic-bezier(.4,0,.2,1),height .38s cubic-bezier(.4,0,.2,1),opacity .28s ease}.tutorial-tooltip{position:fixed;background:var(--panel);border:2px solid var(--gold);border-radius:16px;padding:20px 22px 18px;pointer-events:all;z-index:1102;box-shadow:0 16px 48px #22301e4d,0 0 0 1px #e6a63d33;transition:top .38s cubic-bezier(.4,0,.2,1),left .38s cubic-bezier(.4,0,.2,1)}.tutorial-step-label{font-family:var(--ui);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:8px}.tutorial-tooltip h3{font-family:var(--display);font-size:19px;font-weight:600;color:var(--ink);margin:0 0 9px;line-height:1.2}.tutorial-tooltip p{font-family:var(--ui);font-size:13.5px;color:var(--ink-2);line-height:1.55;margin:0 0 18px}.tutorial-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.tutorial-actions-right{display:flex;align-items:center;gap:8px}.tutorial-btn-back{background:transparent;border:none;color:var(--ink-2);font-family:var(--ui);font-size:12px;font-weight:600;cursor:pointer;padding:4px 0;transition:color .15s ease}.tutorial-btn-back:hover{color:var(--ink)}.tutorial-btn-exit{background:transparent;border:none;color:var(--ink-3);font-family:var(--ui);font-size:12px;cursor:pointer;padding:4px 0;transition:color .15s ease}.tutorial-btn-exit:hover{color:var(--ink-2)}.tutorial-btn-next{background:var(--leaf);border:2px solid var(--leaf-deep);box-shadow:0 3px 0 var(--leaf-deep);color:#fffdf5;font-family:var(--ui);font-size:12px;font-weight:700;padding:8px 18px;border-radius:12px;cursor:pointer;letter-spacing:.04em;transition:transform .12s var(--snap),box-shadow .12s var(--snap),filter .12s ease}.tutorial-btn-next:hover{transform:translateY(-1px);box-shadow:0 4px 0 var(--leaf-deep);filter:brightness(1.05)}.tutorial-btn-next:active{transform:translateY(2px);box-shadow:0 1px 0 var(--leaf-deep)}.tutorial-btn-next:disabled{opacity:.45;cursor:not-allowed;transform:none}.tutorial-btn-next.loading{opacity:.6;cursor:default;pointer-events:none;animation:tutorial-btn-pulse 1.2s ease-in-out infinite}@keyframes tutorial-btn-pulse{0%,to{opacity:.55}50%{opacity:.85}}.tutorial-guide-btn{background:var(--panel);border:2px solid var(--border-strong);box-shadow:0 3px 0 var(--border-strong);color:var(--ink-2);height:32px;padding:0 12px;border-radius:10px;cursor:pointer;display:flex;align-items:center;font-family:var(--ui);font-size:12px;font-weight:600;letter-spacing:.06em;transition:transform .12s var(--snap),box-shadow .12s var(--snap),border-color .12s ease,color .12s ease;flex-shrink:0}.tutorial-guide-btn:hover{border-color:var(--gold);color:var(--gold-deep);transform:translateY(-1px);box-shadow:0 4px 0 var(--border-strong)}.tutorial-guide-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--border-strong)}.guide-mobile{display:none}@media(max-width:900px){.tutorial-guide-btn{width:32px;height:32px;padding:0;justify-content:center;border-radius:50%;font-size:13px;font-style:italic;font-weight:700;background:var(--gold-soft);border-color:var(--gold);color:var(--gold-deep);box-shadow:0 3px 0 var(--gold)}.guide-desktop{display:none}.guide-mobile{display:block}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:.01ms!important}}