@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&family=Instrument+Sans:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;600;700;800;900&display=swap";:root{--ink:#123843;--dark:#0b525f;--teal:#087d8c;--deep:#086773;--sea:#3ca6b5;--mint:#e2f3f7;--rule:#d7e8ec;--quiet:#52707a;--paper:#f8fcfd;--coral:#eda896;--white:#fff;--sans:"Instrument Sans","Noto Sans TC",system-ui,sans-serif;--display:"Barlow Condensed","Instrument Sans",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{background:var(--paper);color:var(--ink);font-family:var(--sans);margin:0;font-size:15px;line-height:1.65}body:has(.obs-scene){overflow:hidden;background:0 0!important}h1,h2,h3,p,ul,ol{margin:0}h1,h2,h3{line-height:1.23}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}[hidden]{display:none!important}:focus-visible{outline-offset:4px;outline:3px solid #b1482d}.shell{width:min(1140px,100% - 80px);margin-inline:auto}.site-header{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8fcfdf5;border-bottom:1px solid #d8e9ed;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:24px;height:75px;display:flex}.wordmark{white-space:nowrap;align-items:center;gap:12px;line-height:1.15;display:inline-flex}.brand-icon{background:var(--teal);color:#fff;border-radius:13px;flex:none;place-items:center;width:40px;height:40px;font-size:26px;display:grid}.wordmark b{letter-spacing:.07em;color:var(--dark);font-size:16px;font-weight:800;display:block}.wordmark small{color:var(--quiet);font-family:var(--display);letter-spacing:.15em;margin-top:5px;font-size:10px;font-weight:600;display:block}nav{color:#345c66;white-space:nowrap;align-items:center;gap:clamp(18px,3vw,39px);font-size:14px;font-weight:650;display:flex}nav a:hover,.text-link:hover,.site-footer a:hover{color:#086a75;text-underline-offset:5px;text-decoration:underline}.btn{white-space:nowrap;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:11px;min-height:44px;padding:11px 19px;font-size:14px;font-weight:750;transition:background .18s,color .18s,transform .18s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.primary{background:var(--teal);color:#fff;box-shadow:0 4px 9px #0f697525}.primary:hover{background:#065e69}.secondary{color:var(--dark);background:#e6f3f6;border-color:#d1e8ed}.secondary:hover{background:#d1edf1}.text-link{color:var(--dark);align-items:center;gap:8px;font-size:14px;font-weight:750;display:inline-flex}.hero-area{background:radial-gradient(at 80% 20%,#e0f2f8 0%,#eff8fa 47%,#f7fbfc 77%);border-bottom:1px solid #e1edf0;padding:52px 0 37px}.hero{grid-template-columns:1fr 1.085fr;align-items:center;gap:34px;display:grid}.hero-copy{padding:15px 0 23px 3px}.eyebrow{color:var(--teal);letter-spacing:.16em;align-items:center;gap:8px;font-size:13px;font-weight:750;display:flex}.eyebrow i{background:var(--sea);width:19px;height:2px;display:block}.hero-tag{letter-spacing:.07em;color:#155b66;background:#e9f5f9;border:1px solid #cbe4e9;border-radius:50px;padding:6px 13px 6px 8px;font-size:13px;display:inline-flex}.hero-tag span{background:#d0eaf0;border-radius:50%;place-items:center;padding:4px;display:grid}.hero h1{color:#133c45;letter-spacing:-.055em;text-wrap:nowrap;margin:20px 0 7px;font-size:clamp(48px,6.7vw,98px);font-weight:900;line-height:1.04}.hero h1 em{color:#087d8c;font-style:normal}.hero-period{color:#e99786;font-family:var(--display);padding-left:3px}.hero-subtitle{letter-spacing:.085em;color:#155767;font-size:clamp(19px,2.2vw,27px);font-weight:800}.hero-note{color:#426a74;margin-top:17px;font-size:15px;line-height:1.9}.hero-actions{flex-wrap:wrap;align-items:center;gap:21px;margin-top:25px;display:flex}.hero-art{border-radius:23px;justify-self:end;width:100%;max-width:500px;height:auto;box-shadow:0 14px 35px -23px #3067778a}.progress-card,.obs-meter{background:#fff;border:1px solid #d7e9ed;border-radius:16px;padding:22px 27px 20px;box-shadow:0 12px 30px -21px #24596466}.progress-card{margin-top:28px}.meter-top,.meter-value,.meter-bottom{justify-content:space-between;align-items:center;gap:12px;display:flex}.meter-label{color:#235a66;letter-spacing:.035em;align-items:center;gap:10px;font-size:15px;font-weight:800;display:flex}.meter-icon{color:var(--teal);background:#e4f4f7;border-radius:9px;flex:none;place-items:center;padding:7px;display:grid}.live-tag{color:#28717b;white-space:nowrap;background:#e9f7f8;border:1px solid #d8eeee;border-radius:20px;align-items:center;gap:7px;padding:4px 9px;font-size:12px;font-weight:700;display:flex}.live-tag i{background:#26988a;border-radius:50%;flex:none;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 3px #34a99b22}.live-tag .is-offline{box-shadow:none;background:#c58845}.meter-value{align-items:baseline;margin:7px 0 8px}.raised{color:#0b6272;align-items:baseline;gap:9px;display:flex}.raised span{font-size:18px;font-weight:800}.raised strong{font-size:49px;font-family:var(--display);letter-spacing:.015em;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.15}.percentage{color:var(--teal);font-size:18px;font-weight:750}.track{background:#e7f1f4;border-radius:999px;height:10px;position:relative;overflow:hidden}.track .fill{border-radius:inherit;background:linear-gradient(90deg,#148999,#6bd0d5 79%,#ffc6b5);height:100%;transition:width 1s cubic-bezier(.16,1,.3,1)}.meter-bottom{color:var(--quiet);margin-top:12px;font-size:13px}.meter-bottom>span{align-items:center;gap:6px;display:flex}.meter-bottom b{color:#245e68}.meter-bottom svg{color:#b36a57}.section{padding-block:70px}.section-heading{margin-bottom:28px}.section-heading h2{letter-spacing:-.032em;margin:7px 0 9px;font-size:clamp(29px,4.1vw,45px);font-weight:880}.section-heading p{color:var(--quiet);max-width:690px;font-size:15px}.plans,.milestone-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.plan{border:1px solid var(--rule);background:#fff;border-radius:15px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 12px 30px -24px #24596499}.plan-picture{aspect-ratio:1;background:#dbedf2;display:block;overflow:hidden}.plan-picture img{object-fit:contain;width:100%;height:100%}.plan-picture:focus-visible{outline-offset:-4px}.plan-content{flex-direction:column;flex:1;align-items:start;padding:21px;display:flex}.plan-content small{color:var(--teal);font-weight:750}.plan-content h3{margin-top:2px;font-size:25px;font-weight:850}.plan-price{color:#0b6780;font-size:33px;font-weight:780;line-height:1.2;font-family:var(--display);margin:7px 0 10px}.plan-price span{font:750 13px var(--sans)}.plan ul{color:#335b66;gap:5px;margin:6px 0 15px;padding:0;font-size:14px;list-style:none;display:grid}.plan li{gap:8px;display:flex}.plan li span{color:#3f939c}.plan-note{color:var(--quiet);margin:auto 0 14px;font-size:12px}.plan-content .btn{justify-content:space-between;width:100%}.plan-pending{color:#57717a;text-align:center;background:#edf5f7;border:1px solid #e0edf0;border-radius:8px;width:100%;padding:9px 12px;font-size:13px;font-weight:650}.section-note{color:var(--quiet);align-items:center;gap:8px;margin-top:19px;font-size:13px;display:flex}.section-note svg{color:#b26452;flex:none}.teal-section{background:linear-gradient(125deg,#e9f6f8,#edf7fa);border-block:1px solid #dceeef}.milestone-empty,.milestone-card{overflow-wrap:anywhere;background:#fcfeff;border:1px solid #d1e8ed;border-radius:13px;align-items:start;gap:14px;padding:22px;display:flex}.milestone-icon{width:45px;height:45px;color:var(--teal);background:#e4f2f5;border-radius:12px;flex:none;place-items:center;display:grid}.milestone-card.is-unlocked{border-color:#91c8cf}.is-unlocked .milestone-icon{color:#fff;background:#0b7784}.milestone-card h3,.milestone-empty h3{margin:3px 0 4px;font-size:18px}.milestone-card small{color:var(--teal);font-size:12px;font-weight:750}.milestone-card p,.milestone-empty p{color:var(--quiet);font-size:14px}.auction{grid-template-columns:minmax(200px,.82fr) 1.18fr;align-items:center;gap:clamp(27px,6.2vw,84px);display:grid}.auction img{border:1px solid #d0e7ed;border-radius:15px}.auction-list{color:#205865;margin:0;padding-inline-start:1.15em;font-weight:650;line-height:2}.timeline{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;padding:0;list-style:none;display:grid}.timeline li{min-width:0;color:var(--dark);padding-top:48px;position:relative}.timeline li:not(:last-child):before{content:"";background:#8fc4cc;height:1px;position:absolute;top:17px;left:0;right:-15px}.timeline-dot{color:var(--teal);background:#e6f4f6;border:1px solid #89c1c9;border-radius:50%;place-items:center;width:35px;height:35px;display:grid;position:absolute;top:0;left:0}.timeline li b,.timeline li small{display:block}.timeline li b{font-size:26px}.timeline li p{margin-top:3px;font-weight:700}.timeline li small{color:var(--quiet);font-size:12px}.faq{grid-template-columns:1fr 1.4fr;gap:38px;display:grid}.faq details{border-bottom:1px solid var(--rule)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:15px;padding:16px 4px;font-weight:750;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:var(--teal);font-size:20px;line-height:1}.faq details[open] summary span{transform:rotate(45deg)}.faq ul{color:var(--quiet);padding:0 22px 15px;line-height:1.8}.letter{text-align:center;background:radial-gradient(at top,#d5edf4,#ebf6f8);border-block:1px solid #d7e8ec;padding:56px 0}.letter svg{color:var(--teal);margin-bottom:10px}.letter h2{margin-bottom:14px;font-size:clamp(27px,4vw,43px)}.letter p{color:#406571;margin-bottom:9px}.letter b{color:var(--dark);margin-top:10px;display:inline-block}.site-footer{justify-content:space-between;align-items:center;gap:25px;padding-block:25px;display:flex}.site-footer>div{color:var(--quiet);flex-wrap:wrap;gap:20px;font-size:13px;font-weight:650;display:flex}.back-top{width:33px;height:33px;color:var(--dark);background:#e4f2f5;border-radius:50%;place-items:center;padding:5px;display:grid}.web-alert{z-index:25;pointer-events:none;max-width:calc(100vw - 56px);position:fixed;bottom:25px;right:28px}.celebration{--pop:#0b8394;color:#11545f;isolation:isolate;background:linear-gradient(120deg,#fff,#effbfe);border:1px solid #76c9d3;border-radius:17px;align-items:center;gap:15px;padding:16px 23px 16px 15px;animation:.55s cubic-bezier(.16,1,.3,1) both arrive;display:flex;position:relative;box-shadow:0 8px 32px #194b6650,inset 0 0 0 4px #fff9}.celebration.unlocked{--pop:#aa5643;background:linear-gradient(120deg,#fff6e5,#edfcff);border-color:#f4ba93}.celebration-icon{background:var(--pop);color:#fff;border-radius:50%;flex:none;place-items:center;width:55px;height:55px;animation:.8s cubic-bezier(.16,1,.3,1) .15s both sunburst;display:grid;box-shadow:0 0 0 5px #aee1e875}.celebration-copy{overflow-wrap:anywhere;min-width:0;font-size:13px;line-height:1.45}.celebration-title{color:var(--pop);font-size:18px;font-weight:880}.celebration-copy strong{font:700 34px/1.05 var(--display);color:var(--pop);margin:3px 0;display:block}.celebration-confetti{z-index:-1;pointer-events:none;width:0;height:0;position:absolute;top:45%;left:30%}.celebration-confetti i{width:9px;height:9px;animation:confetti 1.6s var(--delay) both cubic-bezier(.12,.8,.32,1);background:#62bbc5;border-radius:2px;position:absolute}.celebration-confetti i:nth-child(3n){background:#f3a590}.celebration-confetti i:nth-child(3n+1){background:#ffd798;border-radius:50%}@keyframes arrive{0%{opacity:0;transform:translateY(27px)scale(.87)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sunburst{0%{transform:rotate(-50deg)scale(.64)}to{transform:rotate(0)scale(1)}}@keyframes confetti{0%{opacity:0;transform:translate(0)rotate(0)scale(.25)}25%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--r)) scale(.9)}}.obs-scene{pointer-events:none;background:0 0;height:100dvh;position:relative;overflow:hidden}.obs-bar,.obs-alert{width:min(440px,100vw - 48px);position:absolute;left:24px}.obs-bar{bottom:22px}.obs-alert{bottom:206px}.obs-alert .celebration{width:fit-content;max-width:100%}.obs-alert .celebration-confetti{left:48%}.obs-meter{background:#f4fefff2;border-color:#9acbd4;padding:13px 18px;box-shadow:0 5px 18px #16516144}.obs-meter .raised strong{font-size:39px}.obs-meter .meter-icon{padding:4px}.obs-meter .meter-value{margin:5px 0 6px}.obs-meter .meter-bottom{margin-top:6px}.obs-meter .live-tag{font-size:10px}.obs-meter .meter-label{font-size:13px}.obs-meter .track{height:8px}.demo-controls{pointer-events:auto;color:#175968;background:#eefafb;border:1px solid #cee6ec;border-radius:9px;flex-wrap:wrap;align-items:center;gap:9px;padding:8px 10px;font-size:13px;display:flex;position:absolute;top:16px;left:24px}.demo-controls button,.demo-controls a{color:var(--dark);background:#fff;border:1px solid #cee6ec;border-radius:6px;align-items:center;gap:6px;padding:3px 7px;display:inline-flex}@media (max-width:900px){.shell{width:calc(100% - 44px)}.hero{gap:21px}.nav-inner{gap:13px}.nav-inner nav{gap:15px}.wordmark{gap:7px}.plan-content{padding:16px}.plans{gap:12px}.nav-cta{padding-inline:11px}}@media (max-width:680px){.shell{width:calc(100% - 32px)}.nav-inner{height:62px}.nav-inner nav{display:none}.hero-area{padding-top:22px}.hero{grid-template-columns:1fr;gap:8px}.hero-copy{padding:0 1px 12px}.hero h1{margin-top:15px;font-size:clamp(48px,13vw,78px)}.hero-art{border-radius:15px;justify-self:center}.hero-note{margin-top:12px}.hero-actions{gap:13px;margin-top:18px}.progress-card{margin-top:19px;padding:15px}.meter-label{font-size:14px}.raised strong{font-size:44px}.section{padding-block:46px}.section-heading{margin-bottom:20px}.plans,.milestone-grid{grid-template-columns:1fr}.plan-content{padding:18px}.auction,.faq{grid-template-columns:1fr;gap:22px}.auction>a{max-width:425px}.faq .section-heading{margin:0}.timeline{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}.timeline li:nth-child(2):before{display:none}.site-footer{flex-wrap:wrap;gap:13px}.site-footer>div{gap:11px}.site-footer .wordmark small{display:none}}@media (max-width:380px){.hero-actions .btn{padding-inline:10px}.hero-actions .text-link{font-size:12px}.meter-bottom{font-size:11px}.obs-meter .meter-label{font-size:12px}.obs-meter .meter-icon{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.celebration-confetti{display:none}}.admin-shell{grid-template-columns:185px minmax(0,1fr);gap:28px;padding-block:34px 70px;display:grid}.admin-side nav{border:1px solid var(--rule);background:#eef7f9;border-radius:12px;gap:6px;padding:10px;display:grid;position:sticky;top:100px}.admin-side nav a{border-radius:6px;align-items:center;gap:9px;padding:10px;font-weight:720;display:flex}.admin-side nav a:hover{background:#dff1f3}.admin-main{min-width:0}.admin-heading{justify-content:space-between;align-items:center;gap:13px;margin-bottom:18px;display:flex}.admin-heading h1{margin-top:3px;font-size:clamp(27px,4vw,40px)}.admin-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.admin-summary>div,.admin-card{border:1px solid var(--rule);background:#fff;border-radius:13px;padding:20px}.admin-summary small,.admin-summary b{display:block}.admin-summary small{color:var(--quiet);font-weight:650}.admin-summary b{font-size:clamp(21px,3vw,32px);font-family:var(--display);color:#106877;overflow-wrap:anywhere}.admin-card{margin-top:14px}.admin-card h2{margin-bottom:5px;font-size:22px}.admin-card>p,.admin-card .empty,.admin-card .admin-footnote{color:var(--quiet);margin-bottom:12px;font-size:14px}.admin-card .admin-footnote{margin:10px 0 0}.admin-gate{border:1px solid var(--rule);background:#fff;border-radius:18px;justify-items:start;gap:18px;width:min(470px,100% - 32px);margin:12vh auto;padding:30px;display:grid}.admin-notice{z-index:5;color:#0a6249;background:#e6f8ee;border:1px solid #aed7ca;border-radius:8px;margin-bottom:10px;padding:10px 13px;font-size:14px;font-weight:700;position:sticky;top:80px}.admin-notice.error{color:#8c3524;background:#fdf0eb;border-color:#edc6bc}.table-wrap{margin:10px 0;overflow:auto}.table-wrap table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:13px}.table-wrap th,.table-wrap td{text-align:left;border-bottom:1px solid var(--rule);padding:10px}.table-wrap th{color:#245965;background:#eef7f9}.table-wrap .empty{text-align:center;padding:14px 0 4px}.small-tag{color:#176454;background:#e1f4ef;border-radius:30px;padding:2px 7px;font-size:12px;font-weight:700;display:inline-flex}.small-tag.excluded{color:#895045;background:#f5eaea}.admin-details{margin-top:16px}.admin-details summary{cursor:pointer;color:var(--deep);font-weight:750}.link-button{color:#0b7282;text-underline-offset:3px;background:0 0;border:0;padding:3px 5px;font-weight:750;text-decoration:underline}.link-button.danger{color:#973a28}.inline-form{justify-items:start;gap:11px;margin-top:13px;display:grid}.inline-form>*{width:100%}.inline-form .btn{justify-self:start;width:auto}.inline-form label,.secret-field{color:#264f5a;gap:4px;min-width:0;font-size:13px;font-weight:700;display:grid}.inline-form label.check-option{align-items:center;gap:7px;display:flex}.inline-form input:not([type=checkbox]),.inline-form textarea,.inline-form select,.secret-field input{width:100%;min-width:0;color:var(--ink);background:#f9fcfd;border:1px solid #cbdfe4;border-radius:7px;padding:8px 10px;font-weight:500}.inline-form textarea{resize:vertical}.field-grid{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.form-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-milestones{margin-top:11px}.admin-milestones>div,.mail-issues article{border-bottom:1px solid var(--rule);overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;display:flex}.admin-milestones small{color:var(--teal);display:block}.admin-milestones p,.mail-issues p{color:var(--quiet);font-size:13px}.mail-issues{margin-top:15px}.secret-field{margin-top:10px}.secret-field span{gap:6px;display:flex}.admin-main button:disabled{cursor:wait;opacity:.6}.obs-mode-alert .obs-alert{bottom:34px}@media (max-width:800px){.admin-shell{grid-template-columns:1fr;gap:14px;padding-top:15px}.admin-side nav{padding:5px;font-size:12px;display:flex;position:static;overflow:auto}.admin-side nav a{gap:5px;padding:7px}.admin-side nav svg{width:15px}.admin-card,.admin-summary>div{padding:12px}.admin-summary{gap:7px}.admin-summary small{font-size:12px}.admin-heading .btn{padding-inline:10px}}@media (max-width:455px){.field-grid{grid-template-columns:1fr}.mail-issues article{flex-direction:column;align-items:flex-start}.table-wrap th,.table-wrap td{padding:7px}}
