:root{color-scheme:dark;--bg:#0a0b0f;--panel:#14161d;--line:#252830;--muted:#898d9a;--white:#f1f1f4;--blue:#4169ff;--acid:#dcf69b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--acid);outline-offset:4px}.app{max-width:600px;margin:auto;border-inline:1px solid #ffffff08;min-height:100dvh;padding-bottom:105px}header{height:78px;padding:0 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff0b}.brand{font-weight:800;font-size:20px;display:flex;align-items:center;gap:8px}.brand-mark{color:var(--blue);font-size:31px;transform:rotate(-12deg)}.brand-en{font-family:'Barlow Condensed',Impact,sans-serif;font-size:10px;letter-spacing:1px;width:68px;font-weight:600;line-height:1.2;margin-left:4px}.icon-btn{height:36px;width:36px;border:1px solid var(--line);border-radius:50%;font-size:20px}.eyebrow{font-family:'Barlow Condensed',Arial,sans-serif;font-size:11px;letter-spacing:2px;color:var(--muted);display:flex;gap:8px;align-items:center}.dot{width:5px;height:5px;background:var(--acid);border-radius:50%;box-shadow:0 0 10px #dcf69b66}.hero{padding:28px 24px 0;overflow:hidden;position:relative}.hero-top{display:flex;justify-content:space-between}.edition{font-family:monospace;font-size:10px;color:#727789}.hero h1{font-size:46px;font-weight:900;line-height:1.18;letter-spacing:-2px;margin:24px 0 12px}.hero h1 .outline{color:transparent;-webkit-text-stroke:1px #a4a9bb}.hero-sub{font-size:12px;color:#9196a6;line-height:1.8;margin:0}.hero-art{height:282px;position:relative;margin-top:0;isolation:isolate}.orb{position:absolute;inset:15% 5% 0;background:radial-gradient(ellipse,#254af449,transparent 67%);filter:blur(20px)}.orbit{position:absolute;border:1px solid #616c9b22;border-radius:50%;width:300px;height:100px;left:calc(50% - 150px);top:130px;transform:rotate(-22deg)}.orbit.two{transform:rotate(25deg);top:110px}.hero-art:after{content:'FOR THE LOVE. FOR THE LIVE.';position:absolute;bottom:15px;right:0;font-size:8px;letter-spacing:2px;color:#697086}.pole{height:245px;width:3px;background:linear-gradient(90deg,#555e70,#d8e0f2,#444);position:absolute;top:22px;left:22%;transform:rotate(-11deg);box-shadow:4px 4px 9px #0006}.hero-flag{position:absolute;top:29px;left:calc(22% + 1px);height:163px;width:238px;transform-origin:0 50%;transform:rotate(-11deg);animation:heroWave 5s ease-in-out infinite;box-shadow:10px 25px 45px #0008;clip-path:polygon(0 0,100% 6%,97% 100%,0 94%);background:#3863f8;overflow:hidden}.hero-flag:after,.flag-art:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,#ffffff25,transparent 20%,#0003 41%,#ffffff22 65%,#0004 90%);background-size:170% 100%;pointer-events:none;animation:fold 5s ease-in-out infinite}.hero-flag .big{position:absolute;top:24px;left:18px;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;letter-spacing:-4px;font-size:72px;line-height:1}.hero-flag .tiny{position:absolute;bottom:26px;left:22px;font-size:10px;letter-spacing:5px}.hero-flag .flag-star{position:absolute;right:16px;bottom:15px;font-size:38px}.art-label{position:absolute;left:0;top:170px;font-family:monospace;font-size:9px;color:#838b9f;writing-mode:vertical-rl}.hero-actions{display:flex;gap:10px;margin-top:-1px}.primary,.secondary{border-radius:6px;min-height:48px;padding:12px 18px;font-weight:600;font-size:13px;display:flex;align-items:center;justify-content:center;gap:16px}.primary{background:var(--blue);color:white;flex:1}.secondary{background:#181b24;border:1px solid #2b2f3b;flex:1}.primary:hover{background:#547aff}.primary:active,.secondary:active{transform:scale(.97)}.wind-icon{font-size:21px}.wind-status{display:flex;align-items:center;justify-content:space-between;margin:16px 0 24px;font-size:10px;color:var(--muted)}.avatars{display:flex;align-items:center}.avatars i{font-style:normal;width:22px;height:22px;border:2px solid var(--bg);border-radius:50%;background:#393e50;font-size:9px;display:grid;place-items:center;margin-left:-5px}.avatars i:first-child{margin-left:0;background:#6678a4}.avatars i:nth-child(2){background:#9b765e}.avatars span{margin-left:8px}.ticker{border-block:1px solid var(--line);overflow:hidden;height:33px;display:flex;align-items:center;white-space:nowrap;font-size:9px;letter-spacing:2px;color:#6d7384;background:#101219}.ticker-track{animation:marquee 28s linear infinite}.ticker b{color:#647ded;margin:0 18px}.section{padding:28px 24px 0}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.section-heading h2{font-size:22px;letter-spacing:-.8px;margin:0}.section-heading h2 small{font-family:'Barlow Condensed',sans-serif;font-size:10px;letter-spacing:1px;color:var(--muted);display:block;font-weight:500;margin-top:6px}.text-link{font-size:11px;color:#999fae}.filters{display:flex;gap:8px;margin-bottom:18px;overflow:auto;scrollbar-width:none}.chip{white-space:nowrap;border:1px solid var(--line);border-radius:30px;padding:8px 14px;font-size:11px;color:#979cac}.chip.active{background:#eef0f5;color:#101217;border-color:#eef0f5}.flag-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px 12px}.flag-card{text-align:left;padding:0;width:100%;min-width:0}.flag-art{height:153px;position:relative;overflow:hidden;border-radius:3px;background:var(--flag-color,#355ffc);isolation:isolate;transition:transform .3s}.flag-card:hover .flag-art{transform:translateY(-3px)}.flag-art .word{position:absolute;left:13px;top:34px;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:44px;letter-spacing:-2px;line-height:.86;white-space:pre-line}.flag-art .subword{position:absolute;left:14px;bottom:14px;font-size:8px;letter-spacing:2px}.flag-art .symbol{position:absolute;right:8px;bottom:22px;font-size:39px}.flag-art img{width:100%;height:100%;object-fit:cover}.flag-art.ivory{color:#181b23}.flag-art.black{border:1px solid #333a4b}.flag-art.black .word{color:#d3e697}.flag-art.red .word{font-size:48px}.flag-art.blue .word{font-style:italic}.flag-art.silver .word{color:#182f73}.card-label{position:absolute;top:8px;left:9px;z-index:2;border:1px solid #ffffff36;background:#0002;border-radius:2px;font-size:8px;padding:3px 5px;letter-spacing:1px}.flag-name{font-size:12px;margin:11px 0 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-meta{display:flex;justify-content:space-between;font-size:9px;color:#8b91a0;gap:5px}.card-meta span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cta-banner{margin-top:26px;border:1px solid #303748;background:linear-gradient(115deg,#1a2340,#11141d);padding:20px;display:flex;justify-content:space-between;align-items:center;border-radius:4px}.cta-banner h3{font-size:17px;margin:6px 0 8px}.cta-banner p{font-size:11px;color:#949bac;margin:0;line-height:1.7}.cta-banner .graphic{font-size:55px;color:#718bfd;transform:rotate(-12deg)}footer{padding:30px 24px 8px;color:#565e70;font-size:9px;line-height:1.9;letter-spacing:.3px}.bottom-nav{position:fixed;z-index:20;bottom:0;left:50%;transform:translateX(-50%);max-width:600px;width:100%;display:flex;align-items:center;justify-content:space-around;height:calc(73px + env(safe-area-inset-bottom));padding:7px 12px calc(8px + env(safe-area-inset-bottom));background:#101218ed;backdrop-filter:blur(20px);border-top:1px solid #282d39}.bottom-nav button{font-size:10px;display:flex;flex-direction:column;gap:5px;align-items:center;color:#747d91;min-width:52px;min-height:48px;justify-content:center}.bottom-nav button span{font-size:23px;line-height:1}.bottom-nav button.active{color:#edf0f9}.bottom-nav .nav-create{background:var(--blue);color:white;width:46px;min-width:46px;min-height:44px;border-radius:12px;box-shadow:0 4px 25px #4169ff24}.nav-create span{font-size:28px!important}.page-title{font-size:36px;letter-spacing:-1.5px;line-height:1.25;margin:20px 0 10px}.page-desc{font-size:12px;color:#989eaf;line-height:1.9;margin:0 0 25px}.show-card{border-top:1px solid var(--line);padding:22px 0;display:flex;align-items:center;gap:18px;text-align:left;width:100%}.show-number{font:600 46px 'Barlow Condensed',Impact,sans-serif;color:#697387}.show-card h3{font-size:19px;margin:0 0 8px}.show-card p{font-size:10px;margin:0;color:#8a93a6}.show-card .arrow{margin-left:auto;font-size:23px}.tag{font-size:9px;color:#9aaaef;border:1px solid #3c4568;padding:4px 7px;display:inline-block;margin-bottom:9px}.feature-art{background:linear-gradient(140deg,#243157,#0c1120);border:1px solid #394366;height:210px;display:flex;align-items:center;justify-content:center;font:800 75px 'Barlow Condensed',Impact,sans-serif;letter-spacing:-3px;color:#91a3ff;position:relative;overflow:hidden}.feature-art:after{content:'✦';font-size:170px;position:absolute;right:-20px;bottom:-60px;color:#ffffff0b}.empty{padding:40px 20px;text-align:center;border:1px dashed #303748;margin:20px 0;color:#929bad;font-size:12px;line-height:1.9}.empty span{font-size:35px;display:block;color:#718bfd;margin-bottom:15px}.profile{display:flex;gap:16px;align-items:center;margin:20px 0 28px}.profile-avatar{height:64px;width:64px;border-radius:50%;background:#242e52;color:#93a9ff;font-size:31px;display:grid;place-items:center}.profile h2{margin:0 0 8px;font-size:23px}.profile p{margin:0;color:#858ea1;font-size:10px}.stats{display:flex;border-block:1px solid var(--line);padding:22px 0;margin-bottom:24px}.stats div{flex:1;text-align:center;font-size:10px;color:#8991a3}.stats strong{display:block;color:#eee;font:500 29px 'Barlow Condensed',sans-serif;margin-bottom:5px}.mosaic{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;background:#111725;border:1px solid #263250;padding:10px;margin:20px 0}.mosaic button{aspect-ratio:1;background:#253052;border-radius:1px;padding:0;min-width:0}.mosaic button.filled{background:#637fe7}.mosaic button.own{background:var(--acid);box-shadow:0 0 9px #dcf69b55}.mosaic button.selected{outline:2px solid white;outline-offset:1px}.legend{display:flex;gap:15px;font-size:10px;color:#929caf;margin:12px 0 25px}.legend i{display:inline-block;background:#253052;width:7px;height:7px;margin-right:5px}.legend i.green{background:var(--acid)}dialog{max-height:90dvh;width:calc(100% - 24px);max-width:460px;background:#14171f;color:var(--white);border:1px solid #363e50;border-radius:18px;padding:0;box-shadow:0 25px 100px #000b}dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}.modal-inner{padding:24px}.modal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-top h2{margin:0;font-size:21px}.close{font-size:25px;width:34px;height:34px;border-radius:50%;background:#242936}.form-label{display:block;font-size:11px;color:#a2abbd;margin:18px 0 8px}input,textarea,select{background:#0e1119;color:white;border:1px solid #343d51;border-radius:5px;width:100%;padding:12px;min-width:0}textarea{resize:vertical;min-height:75px}.color-picker{display:flex;gap:12px;margin:15px 0}.color-picker button{width:30px;height:30px;background:var(--color);border-radius:50%;border:3px solid #14171f;outline:1px solid #454e64}.color-picker button.selected{outline:2px solid white}.preview-flag .flag-art{height:195px}.preview-flag .word{font-size:65px;top:44px}.preview-flag .subword{font-size:11px;bottom:22px}.preview-flag .symbol{font-size:55px;bottom:24px}.upload{display:block;border:1px dashed #48536d;padding:12px;text-align:center;border-radius:5px;font-size:12px;cursor:pointer}.upload input{position:absolute;width:1px;height:1px;opacity:0}.note{font-size:10px;color:#939eb3;line-height:1.8;margin:15px 0}.full{width:100%;margin-top:17px}.detail-author{display:flex;align-items:center;justify-content:space-between;margin:17px 0;font-size:12px;color:#aab3c6}.detail-message{font-size:14px;line-height:1.8;margin:18px 0}.button-row{display:flex;gap:9px}.delete{color:#e09999;font-size:11px;margin-top:20px}#toast{position:fixed;left:50%;bottom:105px;transform:translate(-50%,15px);z-index:100;background:#e9edf7;color:#111626;font-size:12px;line-height:1.5;padding:12px 20px;border-radius:8px;box-shadow:0 10px 40px #0008;opacity:0;pointer-events:none;transition:.25s;width:max-content;max-width:85vw;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}.wind-line{position:fixed;left:-30%;width:40%;height:1px;background:linear-gradient(90deg,transparent,#a6bdff99,transparent);z-index:30;pointer-events:none;animation:gust 1.5s ease-out forwards}.gusting .hero-flag{animation:heroWave .65s ease-in-out infinite}.gusting .flag-art:after{animation:fold .6s ease-in-out infinite}main{animation:appear .35s ease-out}.wide-note{display:none}.modal-inner .eyebrow{margin-bottom:15px}@keyframes heroWave{0%,100%{transform:rotate(-11deg) skewY(1deg) scaleX(.97)}50%{transform:rotate(-8deg) skewY(-3deg) scaleX(1)}}@keyframes fold{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes gust{to{transform:translateX(400%)}}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:700px){body{background:radial-gradient(ellipse at 15% 30%,#111a32,transparent 45%),#08090c}.app{background:#0a0b0f;box-shadow:0 0 100px #0008}.hero h1{font-size:60px}.hero-art{height:320px}.hero-flag{width:290px;height:193px;left:calc(26% + 1px)}.hero-flag .big{font-size:90px}.pole{left:26%;height:285px}.flag-art{height:215px}.flag-art .word{font-size:65px;top:50px}}@media(max-width:360px){header{padding-inline:18px}.hero,.section{padding-left:18px;padding-right:18px}.hero h1{font-size:40px}.hero-flag{width:210px;height:151px}.flag-art .word{font-size:38px}.hero-actions{gap:7px}.primary,.secondary{padding-inline:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}