.flow-achievement-head{display:flex!important;align-items:end!important;justify-content:space-between!important;margin:18px 0 6px}.flow-achievement-head div small{color:#d9bc7a;font:650 8px/1 system-ui;letter-spacing:.22em}.flow-achievement-head h2{margin:8px 0 0}.flow-achievement-head>strong{color:#9fdae2;font:500 11px/1 system-ui;letter-spacing:.08em}.flow-achievement-copy{margin:0 0 17px;color:#8995a8;font:500 9px/1.7 system-ui}.flow-achievement-grid{display:grid;gap:8px}.flow-achievement-card{display:grid!important;grid-template-columns:66px minmax(0,1fr);gap:13px;align-items:center;margin:0!important;padding:11px!important;border:1px solid #f2efe612!important;border-radius:18px!important;background:#ffffff03!important;filter:saturate(.45);opacity:.58}.flow-achievement-card.is-unlocked{border-color:#d9bc7a38!important;background:radial-gradient(circle at 0 50%,#d9bc7a12,transparent 56%),#ffffff04!important;filter:none;opacity:1}.flow-achievement-icon,.flow-achievement-toast>i{display:block;width:66px;height:66px;border-radius:50%;background-image:url('assets/achievements/flow-achievements-v1.png');background-size:400% 300%;background-position:var(--badge-x) var(--badge-y);box-shadow:0 0 20px #6fbdd82a;flex:0 0 auto}.flow-achievement-card:not(.is-unlocked) .flow-achievement-icon{filter:grayscale(1) brightness(.48)}.flow-achievement-card div{min-width:0}.flow-achievement-card strong{display:block;color:#f3eee2;font:500 13px/1.25 Georgia,'Noto Serif KR',serif}.flow-achievement-card p{margin:5px 0 8px;color:#8e99a9;font:500 8px/1.45 system-ui}.flow-achievement-card span{display:block;height:2px;border-radius:99px;background:#f2efe612;overflow:hidden}.flow-achievement-card span b{display:block;height:100%;background:linear-gradient(90deg,#78bed0,#d9bc7a)}.flow-achievement-card small{display:block;margin-top:6px;color:#788598;font:600 7px/1 system-ui;letter-spacing:.08em}.flow-achievement-card.is-unlocked small{color:#d9bc7a}.flow-achievement-toast{position:fixed;z-index:90;left:50%;top:max(82px,calc(env(safe-area-inset-top) + 68px));display:flex;width:min(330px,calc(100vw - 34px));padding:10px 13px;align-items:center;gap:12px;border:1px solid #d9bc7a4d;border-radius:20px;background:#080d1aec;box-shadow:0 18px 54px #000a,0 0 38px #79c6d322;backdrop-filter:blur(16px);opacity:0;pointer-events:none;transform:translate(-50%,-18px);transition:opacity .3s,transform .45s cubic-bezier(.2,.75,.2,1)}.flow-achievement-toast.show{opacity:1;transform:translate(-50%,0)}.flow-achievement-toast>i{width:50px;height:50px}.flow-achievement-toast small,.flow-achievement-toast strong{display:block}.flow-achievement-toast small{color:#9fdae2;font:650 7px/1 system-ui;letter-spacing:.18em}.flow-achievement-toast strong{margin-top:7px;color:#f4eddd;font:400 15px/1.2 Georgia,'Noto Serif KR',serif}
.flow-profile-badges{margin:20px 0 22px;padding:18px 0;border-block:1px solid #f2efe61c}
.tae-app-sheet .flow-profile-badges>header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 8px}
.flow-profile-badges h3{margin:0;color:#f2efe6;font:500 16px/1.4 system-ui}
.flow-profile-badges>header span{color:#d9bc7a;font:600 12px/1.4 system-ui;white-space:nowrap}
.flow-profile-badges>p{margin:0 0 14px;color:#9aa8bb;font:400 11px/1.6 system-ui}
.flow-profile-badge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:start}
.flow-profile-badge-grid details{min-width:0;margin:0!important;padding:10px 5px!important;border:1px solid #d9bc7a30;border-radius:16px;background:#ffffff04;text-align:center}
.flow-profile-badge-grid summary{list-style:none;cursor:pointer;touch-action:manipulation}
.flow-profile-badge-grid summary::-webkit-details-marker{display:none}
.flow-profile-badge-grid .flow-achievement-icon{width:min(66px,100%);height:auto;aspect-ratio:1;margin:0 auto 9px}
.flow-profile-badge-grid strong{display:block;color:#eee7d6;font:500 11px/1.5 system-ui;overflow-wrap:anywhere;word-break:keep-all}
.flow-profile-badge-grid details p{margin:9px 0 0;color:#9fdae2;font:400 10px/1.5 system-ui;overflow-wrap:anywhere}
.flow-profile-badge-grid summary:focus-visible{outline:2px solid #9fdae2;outline-offset:3px;border-radius:8px}
@media(max-width:350px){.flow-profile-badge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}