@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;color:#0e1e13;background:#f7f7f0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--green: #245b43;--green-dark: #102e1f;--green-light: #e4eed6;--muted: #172a1d;--line: #d5decb;--paper: #fffef9;--lime: #d9e7a6;--shadow-sm: 0 2px 10px rgba(18, 38, 26, .05);--shadow-md: 0 8px 26px rgba(18, 38, 26, .08);--shadow-lg: 0 18px 44px rgba(18, 38, 26, .12);--transition: all .24s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 12% 18%,#edf5e4 0%,transparent 40%),radial-gradient(circle at 88% 22%,#e5f1dc 0%,transparent 45%),radial-gradient(circle at 50% 80%,#f0f7e8 0%,transparent 50%),#f7f7f0;background-attachment:fixed;color:#0e1e13;font-size:15px;line-height:1.6;overflow-x:hidden}p{color:#0e1e13}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#eef2e7}::-webkit-scrollbar-thumb{background:#b0c7a5;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#82a573}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #739d48;outline-offset:3px}button:disabled{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}.app-shell{max-width:1440px;margin:auto;padding:0 6.2%}.topbar-wrapper{width:100%;position:sticky;top:0;z-index:100;background:#f7f7f0f0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1.5px solid rgba(213,222,203,.95);transition:border-color .2s ease,background .2s ease}.topbar{max-width:1440px;margin:auto;padding:0 6.2%;height:86px;display:flex;align-items:center;gap:50px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--green-dark);font-family:Manrope,sans-serif;font-weight:800;font-size:23px;letter-spacing:-.8px;transition:transform .2s ease}.brand:hover{transform:translateY(-1px)}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#dbeacb;color:var(--green);box-shadow:0 2px 8px #245b4329;transition:var(--transition)}.brand:hover .brand-mark{transform:rotate(-6deg) scale(1.08);background:#cee4b7;color:var(--green-dark)}.brand-period{color:#6f9532}.nav-tabs{display:flex;align-items:center;gap:26px}.nav-tab{height:auto;padding:6px 2px;border:0;background:none;color:#162a1c;font-size:15px;font-weight:700;position:relative;display:inline-flex;align-items:center;gap:6px;transition:color .2s ease}.tab-label{position:relative;display:inline-block;padding-bottom:2px}.nav-tab:hover{color:var(--green-dark)}.nav-tab.active{color:var(--green-dark);font-weight:800}.nav-tab.active .tab-label:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--green) 0%,#3e815e 100%);border-radius:3px;box-shadow:0 1px 4px #245b434d}.count{font-size:11.5px;background:#d7e6cb;color:var(--green-dark);font-weight:800;border-radius:20px;padding:3px 8px;transition:background .2s ease}.nav-tab.active .count{background:#c6dcba}.top-note{margin-left:auto;color:#132618;font-size:13.5px;font-weight:600;display:flex;align-items:center;gap:9px}.online-dot{width:8px;height:8px;border-radius:50%;background:#5f922d;animation:pulseGlow 2.5s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 3px #dfebd1,0 0 8px #5f922d80}50%{box-shadow:0 0 0 7px #dfebd1,0 0 16px #5f922dd9}}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:7%;padding:76px 0 78px;align-items:center;animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) both}.eyebrow{display:flex;align-items:center;gap:10px;color:#152c1b;font-size:12.5px;font-weight:800;letter-spacing:1.8px}.eyebrow-line{width:26px;height:2px;background:#62864f;border-radius:1px}.hero-copy h1,.page-heading h1{font-family:Manrope,sans-serif;font-size:clamp(48px,5.8vw,80px);line-height:1.04;letter-spacing:-4px;margin:24px 0 22px;font-weight:800;color:#0d2417}.hero-copy h1 em,.page-heading h1 em{font-style:normal;background:linear-gradient(135deg,#326229,#578943);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{max-width:475px;color:#0d1f13;font-size:17px;line-height:1.85;margin:0;font-weight:550}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:34px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:9px;padding:14px 22px;border:1px solid transparent;font-weight:700;font-size:14px;letter-spacing:.1px;transition:var(--transition);position:relative;-webkit-user-select:none;user-select:none}.button:hover:not(:disabled){transform:translateY(-2px)}.button:active:not(:disabled){transform:translateY(0) scale(.98)}.button-primary{background:linear-gradient(135deg,#245b43,#123927);color:#fff;box-shadow:0 5px 18px #245b4347,0 1px 3px #00000014}.button-primary:hover:not(:disabled){background:linear-gradient(135deg,#1a4934,#0c2b1d);box-shadow:0 9px 28px #245b4366,0 2px 5px #0000001f}.button-secondary{background:#dbe9cc;color:var(--green-dark);border-color:#c4d7b0;box-shadow:0 2px 8px #245b4314;font-weight:800}.button-secondary:hover:not(:disabled){background:#cee2bc;border-color:#b2cc9a;box-shadow:0 4px 14px #245b4329}.button-quiet{background:#fffc;color:#132618;border-color:#cbd5c5;font-weight:700}.button-quiet:hover:not(:disabled){background:#fff;color:var(--green-dark);border-color:#acc0a1;box-shadow:0 4px 14px #0000000f}.micro-note{display:flex;align-items:center;gap:7px;font-size:13.5px;color:#13271a;font-weight:600}.hero-stats{display:flex;gap:40px;margin-top:52px;border-top:1.5px solid var(--line);padding-top:26px}.hero-stats div{display:flex;flex-direction:column;gap:6px}.hero-stats strong{font-family:Manrope,sans-serif;font-size:25px;letter-spacing:-.7px;color:#0c2617;font-weight:800}.hero-stats strong span{font-size:14px;font-family:DM Sans,sans-serif;letter-spacing:0;color:#15291b;font-weight:700}.hero-stats small{font-size:12px;color:#162a1b;font-weight:600}.hero-art{position:relative;min-height:410px;display:flex;align-items:center;justify-content:center}.art-image{position:relative;overflow:hidden;width:88%;height:405px;border-radius:180px 180px 20px 20px;background:linear-gradient(180deg,#d3e2be,#a4bc8c 36%,#749662 65%,#345e41);box-shadow:0 26px 60px #24442c2e,0 4px 14px #0000000d;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease}.hero-art:hover .art-image{transform:translateY(-2px);box-shadow:0 32px 68px #24442c38,0 6px 18px #0000000f}.art-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 68% 28%,#f6e7b0 0 9%,transparent 9.5%),linear-gradient(155deg,transparent 48%,#496e4c80 49% 54%,transparent 55%),linear-gradient(25deg,#294e37 0 23%,transparent 23.5%),linear-gradient(165deg,transparent 0 55%,#6b8d5c 55.5% 65%,#426d4b 65.5%)}.art-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 28%,#183c2a18 48%,#0d281cb8 100%)}.sun-disc{position:absolute;width:125px;height:125px;border-radius:50%;background:#f0e5b9c4;top:70px;right:50px;filter:blur(1px);animation:sunWarmth 5.5s ease-in-out infinite}@keyframes sunWarmth{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.08);opacity:1}}.art-caption{position:absolute;z-index:1;bottom:40px;left:34px;max-width:285px;color:#fff;display:flex;flex-direction:column;gap:12px;pointer-events:none}.art-label{font-size:10.5px;letter-spacing:2px;color:#e2f0d4;font-weight:800}.art-caption strong{font-family:Manrope,sans-serif;font-size:32px;line-height:1.15;letter-spacing:-1.1px;text-shadow:0 2px 10px rgba(10,32,22,.5);font-weight:800}.art-caption-foot{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#e5f0dc;font-weight:600}.floating-note{position:absolute;z-index:2;background:#fffef8f7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(214,222,204,.95);box-shadow:0 14px 34px #24443024,0 2px 6px #0000000a;border-radius:12px;display:flex;align-items:center;gap:12px;padding:14px 18px;transition:transform .3s ease,box-shadow .3s ease}.floating-note:hover{box-shadow:0 18px 44px #24443033,0 4px 10px #0000000d}.floating-note strong,.floating-note small{display:block}.floating-note strong{font-size:13px;color:#0d2214;font-weight:800}.floating-note small{font-size:11px;color:#16291a;margin-top:3px;font-weight:600}.note-top{top:52px;right:-4px;animation:floatTop 4.2s ease-in-out infinite}.note-bottom{bottom:-22px;left:-20px;animation:floatBottom 4.8s ease-in-out infinite .7s}@keyframes floatTop{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(.4deg)}}@keyframes floatBottom{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(6px) rotate(-.4deg)}}.note-icon{display:grid;place-items:center;width:34px;height:34px;background:#e7eed1;color:#3b5c23;border-radius:10px;font-size:20px;font-weight:700}.note-check{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#d4e7c3;color:#214b28}.art-stamp{position:absolute;top:112px;right:22px;z-index:2;transform:rotate(8deg);border:2px dashed #d9e7a6;background:#0e2818e6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 10px 28px #0a1e1261,inset 0 0 12px #d9e7a638;color:#fff;border-radius:50%;width:78px;height:78px;display:grid;place-content:center;text-align:center;font-size:11px;letter-spacing:1.6px;line-height:1.45;font-weight:800;pointer-events:none;animation:stampFloat 4.8s ease-in-out infinite .3s}@keyframes stampFloat{0%,to{transform:rotate(8deg) translateY(0)}50%{transform:rotate(6deg) translateY(-4px)}}.starter-section,.history-section{padding:46px 0 72px;border-top:1.5px solid var(--line);animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) both}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:32px}.section-heading h2{font-family:Manrope,sans-serif;font-size:clamp(27px,3.2vw,38px);letter-spacing:-1.4px;margin:10px 0 8px;color:#0e2617;font-weight:800}.section-heading p,.page-heading p{color:#0e1e13;font-size:15px;line-height:1.7;margin:0;font-weight:550}.section-index{font-size:11px;color:#162f1e;letter-spacing:1.8px;white-space:nowrap;padding-bottom:6px;font-weight:800}.starter-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:26px;align-items:start}.upload-card,.side-card,.mission-result,.mission-detail{background:#fffef9f7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid rgba(214,222,204,.95);border-radius:14px;box-shadow:0 4px 22px #162a1c0f,0 1px 3px #00000008;transition:var(--transition)}.upload-card{padding:26px}.upload-card:focus-within{box-shadow:0 10px 34px #245b431f;border-color:#acc2a0}.upload-top{display:flex;align-items:center;gap:14px;margin-bottom:22px}.step-number{display:grid;place-items:center;width:38px;height:38px;background:#e4eed2;color:#2c4e23;border-radius:10px;font-family:Manrope,sans-serif;font-weight:800;font-size:13.5px;box-shadow:0 2px 6px #2c4e2324}.upload-top strong,.upload-top small{display:block}.upload-top strong{font-size:15px;color:#0d2417;font-weight:800}.upload-top small{font-size:12px;color:#162a1b;margin-top:3px;font-weight:600}.upload-zone{width:100%;min-height:220px;border:2px dashed #aebfa4;border-radius:12px;background:#f8faf2;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#122416;transition:var(--transition)}.upload-zone:hover{background:#edf5e2;border-color:#5c8744;transform:translateY(-2px);box-shadow:0 10px 28px #24442c1a}.upload-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:#dbe7ca;color:#2f5428;margin-bottom:4px;transition:var(--transition);box-shadow:0 3px 10px #2f542829}.upload-zone:hover .upload-icon{transform:scale(1.1) translateY(-2px);background:#cbdfb6}.upload-zone strong{font-size:14.5px;color:#0d2417;font-weight:800}.upload-zone>span:not(.upload-icon):not(.upload-cta){font-size:12.5px;color:#122416;font-weight:600}.upload-cta{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--green);font-weight:800;margin-top:6px;transition:transform .2s ease}.upload-zone:hover .upload-cta{transform:translate(4px)}.image-preview{height:265px;position:relative;border-radius:12px;overflow:hidden;background:#dfe8d9;box-shadow:0 4px 18px #00000014}.image-preview img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.image-preview:hover img{transform:scale(1.02)}.remove-image{position:absolute;right:12px;top:12px;background:#fffef0f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:0;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;color:#142a1b;box-shadow:0 4px 12px #00000024;transition:var(--transition)}.remove-image:hover{background:#fff;color:#9e2a18;transform:scale(1.1)}.preview-chip{position:absolute;bottom:12px;left:12px;display:flex;align-items:center;gap:6px;border-radius:30px;background:#fffef0f5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 14px;font-size:12px;font-weight:800;color:#214824;box-shadow:0 4px 14px #0000001a}.field-label{display:flex;align-items:center;justify-content:space-between;font-size:13.5px;font-weight:800;color:#0d2417;margin:20px 0 9px}.field-label span{font-size:10px;letter-spacing:1.2px;color:#182e1d;font-weight:700}.upload-card textarea,.detail-actions textarea,.detail-actions input{width:100%;resize:vertical;border:1.5px solid #cbd5c2;background:#fffefb;border-radius:9px;padding:13px 15px;color:#0d2013;font-size:14px;line-height:1.6;transition:var(--transition)}.upload-card textarea:focus,.detail-actions textarea:focus,.detail-actions input:focus{border-color:#4f7b3c;background:#fff;box-shadow:0 0 0 3px #4f7b3c3d}.upload-card textarea::placeholder,.detail-actions textarea::placeholder,.detail-actions input::placeholder{color:#435948}.full-button{width:100%;margin-top:18px;padding:15px;font-size:14.5px}.privacy-line{display:flex;align-items:center;justify-content:center;gap:7px;color:#15281b;font-size:12px;margin:15px 0 0;font-weight:600}.side-column{display:flex;flex-direction:column;gap:18px}.side-card{padding:24px}.side-card-tint{background:linear-gradient(135deg,#eaf3df,#ddecd7);border-color:#c9d8bd}.side-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#ccdec5;color:#2b5227;box-shadow:0 2px 6px #2b522724}.side-card h3{font-family:Manrope,sans-serif;font-size:18px;letter-spacing:-.4px;margin:14px 0 8px;color:#0e2617;font-weight:800}.side-card p{font-size:13.5px;color:#0e1e13;line-height:1.75;margin:0;font-weight:550}.side-rule{width:34px;height:2.5px;border-radius:2px;background:#5d7c49;margin-top:20px}.side-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.side-card-head h3{margin:0}.side-card-head span{font-size:9.5px;color:#182d1c;letter-spacing:1.2px;font-weight:800}.idea-row{width:100%;display:flex;align-items:center;gap:13px;text-align:left;border:0;border-top:1px solid #dfe6d7;background:transparent;padding:14px 10px;color:#132417;border-radius:9px;margin:2px -10px;transition:var(--transition)}.idea-row:hover{background:#e8f2dc;transform:translate(4px)}.idea-row:hover .idea-text strong{color:var(--green)}.idea-emoji{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:11px;background:#e4eed7;font-size:19px;transition:transform .2s ease,background .2s ease}.idea-row:hover .idea-emoji{transform:scale(1.1) rotate(4deg);background:#d4e4c2}.idea-text{flex:1;min-width:0}.idea-text strong,.idea-text small{display:block}.idea-text strong{font-size:13.5px;color:#0d2417;font-weight:800;transition:color .2s}.idea-text small{font-size:11.5px;color:#16291b;margin-top:4px;font-weight:600}.idea-row svg{transition:transform .2s ease,color .2s ease}.idea-row:hover svg{transform:translate(4px);color:var(--green)}.mission-result{padding:30px;margin:0 0 65px;box-shadow:0 18px 50px #162c1c1f;animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) both}.result-top{display:flex;align-items:center;justify-content:space-between}.result-kicker,.result-time{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:#1a3b15;letter-spacing:.6px}.result-time{color:#122416;font-weight:700}.mission-result h2{font-family:Manrope,sans-serif;font-size:32px;letter-spacing:-1.2px;margin:18px 0 8px;color:#0b2214;font-weight:800}.mission-result>p{font-size:14.5px;color:#0e1e13;line-height:1.8;font-weight:550}.mission-result .result-observation{margin-top:0;color:#122416;font-size:13.5px;font-weight:600}.result-columns{display:grid;grid-template-columns:.75fr 1.25fr;gap:36px;border-top:1.5px solid var(--line);padding-top:24px;margin-top:26px}.result-columns h4,.mission-detail h4{font-size:11px;letter-spacing:1.3px;color:#162a1c;font-weight:800;margin:0 0 15px}.list-line{display:flex;align-items:center;gap:10px;font-size:14px;margin:11px 0;color:#0d1d11;font-weight:600}.list-dot{width:7px;height:7px;border-radius:50%;background:#628845;box-shadow:0 0 6px #62884599}.step-line{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:#0d1e12;line-height:1.65;margin:12px 0;font-weight:550}.step-line>span{flex-shrink:0;display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#e1edd5;color:#2d4f24;font-size:12px;font-weight:800;box-shadow:0 1px 3px #00000014}.safety-box{display:flex;align-items:flex-start;gap:14px;padding:18px;background:#eaf2dd;border:1px solid #d4e2c2;border-radius:11px;color:#1e3f16;margin-top:24px}.safety-box>div{flex:1}.safety-box strong{font-size:13.5px;color:#0f2412;font-weight:800}.safety-box p{font-size:12.5px;line-height:1.65;color:#0f2113;margin:7px 0 0;font-weight:600}.result-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.page-heading{padding:65px 0 52px;animation:fadeInUp .5s ease both}.page-heading h1{font-size:clamp(44px,5.2vw,66px);margin:20px 0 14px}.history-section{min-height:400px}.history-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;align-items:start}.mission-list{display:flex;flex-direction:column;gap:10px}.mission-list-item{width:100%;display:flex;align-items:center;gap:14px;text-align:left;background:#fffef9f7;border:1.5px solid #d3ded0;border-radius:12px;padding:16px;color:#112316;transition:var(--transition);box-shadow:var(--shadow-sm)}.mission-list-item:hover{transform:translate(4px);border-color:#8dae7e;box-shadow:0 6px 20px #245b431f}.mission-list-item.selected{border-color:#5c8e47;background:#eaf4de;box-shadow:0 4px 20px #245b4324}.mission-leaf{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#dfead1;color:#2b5322;flex-shrink:0;transition:transform .2s ease}.mission-list-item:hover .mission-leaf{transform:scale(1.08) rotate(5deg)}.mission-list-copy{flex:1;min-width:0}.mission-list-copy strong{display:block;font-size:14px;color:#0e2716;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:800}.mission-list-copy small{display:block;font-size:11.5px;color:#162a1b;margin:5px 0 7px;font-weight:600}.status{display:inline-flex;align-items:center;border-radius:20px;padding:4px 9px;font-size:10px;font-weight:800;letter-spacing:.3px;background:#e0e8d9;color:#152c1b}.status-completed{background:#cee8c4;color:#1c521f}.status-in_progress{background:#fae4ad;color:#695213}.status-cancelled{background:#f5d3cb;color:#7f3b26}.status-saved{background:#d0e1ee;color:#2a4c6e}.mission-detail{padding:26px;animation:fadeInUp .4s cubic-bezier(.16,1,.3,1) both}.detail-head{display:flex;align-items:center;justify-content:space-between}.icon-button{display:grid;place-items:center;width:34px;height:34px;border:1.5px solid #cbdbbf;border-radius:8px;background:transparent;color:#3c5440;transition:var(--transition)}.icon-button:hover{background:#faeae4;color:#9e2f1b;border-color:#efc4b8;transform:scale(1.08)}.mission-detail h3{font-family:Manrope,sans-serif;font-size:25px;line-height:1.25;letter-spacing:-.6px;margin:16px 0 8px;color:#0b2214;font-weight:800}.mission-detail>p{font-size:14px;line-height:1.7;color:#0e1e13;font-weight:550}.detail-meta{display:flex;gap:18px;margin:16px 0 24px}.detail-meta span{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#142719;font-weight:700}.mission-detail h4{margin-top:20px}.safety-box.compact{margin-top:18px;padding:14px}.detail-actions{border-top:1.5px solid var(--line);margin-top:22px;padding-top:8px}.detail-actions .button{margin-top:14px}.completed-note{display:flex;align-items:flex-start;gap:14px;padding:18px;background:#dbeef3;border:1px solid #c0e0cc;border-radius:11px;color:#1c521f;margin-top:20px}.completed-note strong{font-size:14px;font-weight:800}.completed-note p{font-size:13px;color:#0e2212;margin:5px 0 0;line-height:1.6;font-weight:550}.empty-state{min-height:290px;border:2px dashed #bfcca8;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:36px;color:#112215;background:#fffef9b3}.empty-illustration{font-size:38px;margin-bottom:8px}.empty-state h3{font-family:Manrope,sans-serif;font-size:20px;color:#0e2214;margin:10px 0;font-weight:800}.empty-state p{font-size:13.5px;line-height:1.7;max-width:340px;margin:0 0 18px;color:#0e1e13;font-weight:550}.closing-strip{display:flex;align-items:center;gap:18px;background:linear-gradient(135deg,#dfecce,#d4e4c5);border-radius:14px;padding:22px 28px;margin:10px 0 46px;box-shadow:0 4px 18px #245b4314;border:1.5px solid #c7d8b5}.closing-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#c2d8b1;color:#234e1e;box-shadow:0 2px 6px #234e1e29}.closing-strip>div:nth-child(2){flex:1}.closing-strip strong{font-family:Manrope,sans-serif;font-size:15.5px;color:#0c2914;font-weight:800}.closing-strip p{font-size:12.5px;color:#0e1f12;margin:4px 0 0;font-weight:600}.closing-stamp{display:flex;align-items:center;gap:6px;color:#2a4820;font-size:11.5px;letter-spacing:1.4px;font-weight:800}footer{border-top:1.5px solid var(--line);min-height:84px;display:flex;align-items:center;gap:24px;color:#132618;font-size:12.5px;font-weight:600}.footer-brand{font-size:17px}.footer-brand .brand-mark{width:28px;height:28px;border-radius:8px}.footer-safety{margin-left:auto;display:flex;align-items:center;gap:7px;color:#102113;font-weight:700}.alert{display:flex;align-items:center;gap:12px;border-radius:10px;padding:14px 18px;margin:22px 0;font-size:13.5px;animation:fadeInUp .3s ease both;box-shadow:0 4px 14px #0000000d;font-weight:700}.alert span{flex:1}.alert button{border:0;background:transparent;display:grid;place-items:center;color:inherit;opacity:.8;transition:opacity .2s}.alert button:hover{opacity:1}.alert-error{background:#fae4df;border:1.5px solid #e8bcad;color:#7f220c}.alert-success{background:#dceed2;border:1.5px solid #bcdbb0;color:#164f17}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.app-shell,.topbar{padding:0 4%}.hero-grid{gap:3%;padding:50px 0}.hero-stats{gap:20px}.hero-art{min-height:350px}.art-image{height:340px;width:90%}.note-top{right:-2px}.starter-grid{gap:18px}.topbar{gap:25px}}@media(max-width:680px){.app-shell,.topbar{padding:0 5%}.topbar{height:72px;gap:15px}.brand{font-size:19px}.brand-mark{width:32px;height:32px}.nav-tabs{gap:15px;margin-left:auto}.nav-tab{font-size:13px}.top-note{display:none}.hero-grid{grid-template-columns:1fr;padding:45px 0 47px;gap:36px}.hero-copy h1{font-size:52px;letter-spacing:-3px}.hero-subtitle{font-size:15.5px}.hero-stats{gap:24px;margin-top:32px}.hero-stats strong{font-size:21px}.hero-stats small{font-size:11.5px}.hero-art{min-height:325px}.art-image{height:320px;width:88%;border-radius:140px 140px 14px 14px}.note-top{right:0;top:32px}.note-bottom{left:10px;bottom:-18px}.art-stamp{top:94px;right:14px}.starter-section,.history-section{padding:34px 0 46px}.section-heading{align-items:flex-start;flex-direction:column;gap:8px}.section-index{display:none}.section-heading h2{font-size:28px}.section-heading p{font-size:13.5px}.starter-grid{grid-template-columns:1fr}.upload-card{padding:20px}.side-column{display:grid;grid-template-columns:1fr}.result-columns{grid-template-columns:1fr;gap:18px}.mission-result{padding:22px}.mission-result h2{font-size:26px}.history-layout{grid-template-columns:1fr}.mission-detail{padding:20px}.page-heading{padding:45px 0 35px}.page-heading h1{font-size:44px;letter-spacing:-3px}.closing-strip{padding:18px;gap:12px}.closing-stamp{display:none}footer{gap:10px;flex-wrap:wrap;padding:20px 0}footer>span:nth-child(2){display:none}.footer-safety{font-size:11.5px}.result-actions .button{flex:1}.side-card-head span{font-size:8.5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}