html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{color:#2d231a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#2d231a;min-height:100%;font-family:Manrope,sans-serif}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}.pageShell{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:28px 14px 40px;display:flex}.appPanel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#efe3d4de;border:2px solid #c2a98d;border-radius:20px;width:min(980px,100%);overflow:hidden;box-shadow:0 18px 40px #5d412826}.appFooter{color:#6f5b49;text-align:center;opacity:.85;margin-top:10px;font-size:.64rem}.footerHint{opacity:.82;margin-left:6px}.appHeader{color:#f4e8dc;background:linear-gradient(155deg,#6a4f34,#5a442f);justify-content:space-between;align-items:center;gap:14px;padding:18px 24px;display:flex}.headerLead{align-items:center;gap:14px;min-width:0;display:flex}.headerTitles{min-width:0}.headerNestHome{width:48px;height:48px;color:inherit;cursor:pointer;background:#f2e1cd1f;border:1px solid #f2e1cd4f;border-radius:12px;flex-shrink:0;place-items:center;transition:background .15s,border-color .15s,transform .12s;display:grid}.headerNestHome:hover:not(:disabled){background:#f2e1cd38;border-color:#f2e1cd7a}.headerNestHome:active:not(:disabled){transform:scale(.96)}.headerNestHome:disabled{opacity:.45;cursor:default}.headerNestIcon{width:30px;height:30px}.headerNestHomeText{color:#f4e8dc;margin-bottom:4px;font-size:.72rem;font-weight:700}.headerMark{background:#f2e1cd1f;border:1px solid #f2e1cd4f;border-radius:10px;place-items:center;width:48px;height:48px;display:grid}.headerBird{width:32px;height:32px}.appHeader h1{font-family:Fraunces,serif;font-size:1.75rem;font-weight:700;line-height:1.05}.appHeader p{opacity:.85;margin-top:2px;font-size:.88rem}.stepRow{color:#684b31;background:#e4d1bc;border-top:1px solid #f5ebdf33;border-bottom:1px solid #be9f7f6b;padding:10px 24px;font-size:.85rem;font-weight:600}.contentPanel{background:#f7efe6;border:1px solid #d2b99d;border-radius:16px;margin:18px;padding:18px}.contentPanel h2{color:#4d3521;font-family:Fraunces,serif;font-size:1.3rem}.muted{color:#6f5b49;margin-top:4px;font-size:.9rem}.birdGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.birdCard{text-align:center;cursor:pointer;background:#fffaf4;border:1px solid #cfb599;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:12px;transition:transform .12s,border-color .12s,box-shadow .12s;display:flex}.birdCard:hover:not(:disabled){border-color:#a7815e;transform:translateY(-1px);box-shadow:0 8px 16px #5f3f2014}.birdCard:disabled{opacity:.7;cursor:not-allowed}.birdIcon{color:#715236;width:34px;height:34px}.birdCardMeta{gap:4px;display:grid}.birdName{font-size:.9rem;font-weight:700}.birdSubRow{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.difficultyBadge{border:1px solid;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:700}.bestText{color:#81674d;font-size:.72rem}.notice{background:#f0e1d1;border:1px solid #ceb294;border-radius:10px;margin-top:12px;padding:10px 12px;font-size:.86rem}.notice.error{color:#7b3e32;background:#f2d9d0;border-color:#bb8f7f}.heroRow{background:#f4e8da;border:1px solid #d6bea3;border-radius:12px;align-items:center;gap:12px;margin-bottom:12px;padding:10px 12px;display:flex}.heroRow.heroRowSplit{align-items:flex-start}.heroRowText{flex:1;min-width:0}.heroRowTop{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.heroMetaBtns{flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:8px;display:flex}.heroInfoBtn{color:#4d3521;cursor:pointer;background:#e8d4c0;border:1px solid #b89878;border-radius:8px;flex-shrink:0;padding:8px 12px;font-family:inherit;font-size:.78rem;font-weight:600;transition:background .12s,border-color .12s}.heroInfoBtn:hover{background:#dec5ae;border-color:#8f6848}.recordingInfoAnchor{flex-shrink:0;position:relative}.recordingInfoTooltip{background:#fffaf4;border:1px solid #b89a7c;border-radius:14px;flex-direction:column;gap:12px;max-height:min(70vh,420px);padding:14px 14px 12px;display:flex;box-shadow:0 16px 48px #231a1247}.recordingInfoTooltipBody{color:#3d2e22;flex-direction:column;gap:8px;padding-right:4px;font-size:.84rem;line-height:1.45;display:flex;overflow-y:auto}.recordingInfoTooltipTitle{color:#4d3521;font-family:Fraunces,serif;font-size:1.05rem;font-weight:600}.recordingInfoTooltipPhotoWrap{flex-direction:column;gap:6px;display:flex}.recordingInfoTooltipPhoto{object-fit:contain;background:#fff;border:1px solid #d9c4ae;border-radius:10px;width:100%;max-height:160px}.birdPhotoTooltip{max-height:min(85vh,560px)}.birdPhotoTooltipBody{overflow-y:auto}.birdPhotoTooltipImg{max-height:min(48vh,320px)}.recordingInfoTooltipPhotoCredit{font-size:.72rem;font-style:italic;line-height:1.35;margin:0!important}.recordingInfoTooltipMeta{font-size:.82rem;margin-top:0!important}.recordingInfoTooltipUrl{word-break:break-all;margin:0}.recordingInfoTooltipLabel{text-transform:uppercase;letter-spacing:.04em;color:#6b5644;font-size:.72rem;font-weight:700}.recordingInfoTooltipQuery{word-break:break-word;margin:0}.recordingInfoTooltipCta{text-align:center;flex-shrink:0;justify-content:center;width:100%;text-decoration:none}.recordingInfoTooltipNoLink{text-align:center;margin:0;font-size:.82rem}.recordingInfoMono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.76rem}.heroBird{color:#684b31;width:42px;height:42px}.spectrogramWrap{background:#0c0a09;border:1px solid #2e241d;border-radius:12px;height:140px;position:relative;overflow:hidden}.noteMaskLayer{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.noteMaskLayer.editable{pointer-events:auto;cursor:crosshair;touch-action:none;z-index:2}.spectrogramWrap.tall{height:160px}.spectroHint{color:#dfcab080;place-items:center;font-size:.84rem;display:grid;position:absolute;inset:0}.progressBar{background:#d8c1a7;border-radius:999px;height:5px;margin-top:10px;overflow:hidden}.progressFill{background:linear-gradient(90deg,#7a4d2b,#9f754c);height:100%;transition:width .1s linear}.progressFill.live{background:linear-gradient(90deg,#8b4e33,#bf7f59)}.actionRow{gap:10px;margin-top:12px;display:flex}.scoringChipsRow{flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0 12px;display:flex}.scoringChipsLead{color:#5a432f;margin-right:2px;font-size:.8rem;font-weight:700}.scoringChip{width:auto;padding:5px 10px;font-size:.78rem}.scoringChipActive{background:#dcc7ae;border-color:#6b4d32;box-shadow:0 0 0 1px #6b4d32}.scoreDifficultyNote{text-align:center;margin:10px 0 0;font-size:.8rem}.modeGrid{margin-top:12px}.modeCard{text-align:left;align-items:flex-start;gap:10px;min-height:110px}.noteTools{flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0;display:flex}.noteToolBtn{width:auto;padding:8px 10px;font-size:.8rem}.editorWrap{height:220px}.brushControl{color:#5f4229;background:#fffaf4;border:1px solid #cfb599;border-radius:10px;align-items:center;gap:8px;padding:7px 10px;font-size:.8rem;display:inline-flex}.brushControl input{width:120px}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;width:100%;padding:10px 12px;font-size:.92rem;font-weight:700}.btn.primary{color:#f4ece3;background:#6b4d32;border-color:#5e422a}.btn.primary:disabled{cursor:not-allowed;opacity:.6}.btn.secondary{color:#5f4229;background:#efe2d2;border-color:#b5906c}.textBtn{color:#7b5f46;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;margin-top:10px;text-decoration:underline}.backChipRow{justify-content:flex-start;margin-top:14px;display:flex}.chipBtn{color:#5a432f;cursor:pointer;background:#e8ddd2;border:1px solid #c9b49a;border-radius:8px;justify-content:center;align-items:center;padding:8px 14px;font-family:inherit;font-size:.82rem;font-weight:600;transition:background .12s,border-color .12s;display:inline-flex}.chipBtn:hover{background:#dfd2c5;border-color:#a7815e}.statusPill{text-align:center;color:#69492e;background:#edddcc;border:1px solid #c6a888;border-radius:999px;margin-bottom:10px;padding:8px 12px;font-size:.85rem;font-weight:600}.scorePanel{text-align:center;background:#f4e8da;border:1px solid #ccb091;border-radius:14px;padding:14px}.scoreValue{font-family:Fraunces,serif;font-size:clamp(2.4rem,7vw,3.4rem);line-height:1}.scoreLabel{color:#5a432f;margin-top:4px;font-weight:700}.bestHighlight{color:#7d5c2e;margin-top:8px;font-size:.82rem;font-weight:700}.scoreBreakdown{margin-top:14px}.scoreBreakdownMathRow{flex-wrap:wrap;align-items:baseline;gap:10px 14px;margin-top:12px;display:flex}.scoreBreakdownStrategyChip{color:#5a432f;white-space:nowrap;background:#f0e6db;border:1px solid #c9b49a;border-radius:999px;flex-shrink:0;padding:5px 10px;font-size:.76rem;font-weight:600}.scoreBreakdownMath{word-break:break-word;flex:220px;min-width:0;margin:0;font-size:.78rem;line-height:1.45}.scoreBreakdownPolicyWeight{font-variant-numeric:tabular-nums;color:#6b3f24;font-family:Fraunces,serif;font-size:.92em;font-weight:700}.scoreBreakdownTable{border-collapse:collapse;background:#faf5ef;border:1px solid #c6a888;border-radius:10px;width:100%;font-size:.82rem;overflow:hidden}.scoreBreakdownTable th,.scoreBreakdownTable td{text-align:left;vertical-align:top;border-top:1px solid #dcc9b5;padding:6px 10px}.scoreBreakdownTable tr:first-child th,.scoreBreakdownTable tr:first-child td{border-top:none}.scoreBreakdownTable th{color:#5a432f;background:#f0e4d4;width:52%;max-width:12rem;font-size:.8rem;font-weight:700}.scoreBreakdownTable td{font-variant-numeric:tabular-nums;color:#3d2e22;font-size:.82rem;font-weight:600}.legend{color:#705338;justify-content:center;gap:14px;margin:10px 0 8px;font-size:.75rem;display:flex}@media (max-width:760px){.birdGrid{grid-template-columns:1fr}.contentPanel{margin:12px;padding:14px}.actionRow{flex-direction:column}}