:root{color:#26352f;font-synthesis:none;text-rendering:optimizelegibility;font-optical-sizing:auto;--ink:#26352f;--muted:#7a827a;--line:#e5e8df;--green:#315a45;--green-dark:#244634;--paper:#fffefa;--mono:ui-monospace, "SFMono-Regular", Consolas, monospace;--serif:"Yu Mincho", "Hiragino Mincho ProN", serif;background:#f4f5ef;font-family:system-ui,-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;font-weight:400}*{box-sizing:border-box}body{background:radial-gradient(at 86% 4%,#dce4d257,#0000 31rem),#f4f5ef;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}.loading-screen{min-height:100vh;color:var(--muted);font-family:var(--serif);place-items:center;display:grid}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid #26352f14;justify-content:space-between;align-items:center;height:76px;padding:0 max(6.2vw,24px);display:flex}.brand{align-items:center;gap:11px;display:inline-flex}.brand-mark{color:#f6f5ed;background:var(--green);width:37px;height:37px;font-family:var(--serif);border-radius:50%;place-items:center;font-size:18px;display:grid}.brand-name{font-family:var(--serif);letter-spacing:.05em;flex-direction:column;gap:2px;font-size:18px;font-weight:600;display:flex}.brand-name span{color:#829087;font:9px var(--mono);letter-spacing:.12em}.topbar-actions{align-items:center;gap:22px;display:flex}.today-label,.eyebrow{color:#879187;font:10px var(--mono);letter-spacing:.16em}.recording-indicator,.status-pill{color:#315a45;align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.recording-indicator span,.status-pill span{background:#749a67;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #749a6721}.session-tabs{background:#f0f2ed;border:1px solid #e3e7df;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:22px 0 20px;padding:4px;display:grid}.session-tabs button{color:#748078;background:0 0;border:0;border-radius:5px;min-height:44px;padding:0 12px;font-size:13px;font-weight:600;transition:color .15s,background .15s,box-shadow .15s}.session-tabs button.is-active{color:var(--green-dark);background:var(--paper);box-shadow:0 1px 4px #26352f1f}.session-tabs button:focus-visible{outline-offset:2px;outline:2px solid #789579}.icon-button{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);background:0 0;border-radius:50%;place-items:center;display:grid}.logout-button{transform:rotate(45deg)}.main-content{width:min(1080px,100% - 48px);margin:0 auto;padding:55px 0 25px}.page-heading{justify-content:space-between;align-items:end;margin:0 0 38px;display:flex}.eyebrow{margin:0 0 12px}.page-heading h1{color:var(--ink);font-family:var(--serif);letter-spacing:.015em;margin:0;font-size:clamp(27px,3.4vw,39px);font-weight:500}.page-heading h1 em{color:#739070;font-style:normal}.heading-note{color:#8b9189;margin:0 0 5px;font-size:12px}.tab-nav{border-bottom:1px solid #dfe3d9;gap:34px;height:49px;display:flex}.tab-button{color:#8b9189;background:0 0;border:0;align-items:center;gap:9px;padding:0 1px 15px;font-size:13px;display:inline-flex;position:relative}.tab-button.is-active{color:var(--green);font-weight:600}.tab-button.is-active:after{background:var(--green);content:"";height:2px;position:absolute;bottom:-1px;left:0;right:0}.tab-icon{font-size:16px}.tab-dot{background:#749a67;border-radius:50%;width:6px;height:6px}.notice{border-radius:7px;justify-content:space-between;align-items:center;margin:18px 0 -3px;padding:11px 14px;font-size:13px;display:flex}.notice-error{color:#8d4038;background:#f8e9e5}.notice-success{color:#315a45;background:#e8f0e5}.notice-close{color:inherit;background:0 0;border:0;font-size:20px;line-height:1}.record-layout,.start-layout{grid-template-columns:minmax(0,1fr) 265px;align-items:start;gap:30px;padding-top:28px;display:grid}.panel{background:var(--paper);border:1px solid #e8e9e2;border-radius:10px;box-shadow:0 4px 20px #2e3a2e06}.record-panel,.start-panel,.history-panel,.species-panel{padding:28px 30px}.panel-header{justify-content:space-between;align-items:center;gap:18px;display:flex}.panel-header .eyebrow{margin-bottom:7px}.panel-header h2{color:var(--ink);font-family:var(--serif);margin:0;font-size:23px;font-weight:500}.status-pill{font:9px var(--mono);letter-spacing:.08em;background:#eef3eb;border-radius:20px;padding:7px 10px}.session-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:18px;margin:23px 0 25px;padding:17px 0;display:grid}.detail-block{flex-direction:column;gap:5px;display:flex}.detail-label,.field-label{color:#7d887e;font-size:11px;font-weight:600}.detail-block strong{font-size:13px;font-weight:600}.detail-block small{color:#899087;font:10px var(--mono)}.species-picker{position:relative}.field-label{margin:0 0 9px;display:block}.picker-row{gap:9px;display:flex}.search-field{background:#fff;border:1px solid #e0e4dc;border-radius:6px;align-items:center;gap:9px;min-width:0;height:43px;padding:0 13px;display:flex}.search-field>span{color:#738277;font-size:19px}.search-field input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:12px}.search-field input::placeholder,.text-input::placeholder{color:#adb2a9}.picker-row .search-field{flex:1}.button{white-space:nowrap;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:12px;min-height:41px;padding:0 16px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.button-primary{color:#fff;background:var(--green)}.button-primary:hover:not(:disabled){background:var(--green-dark)}.button-outline{color:var(--green);background:#fff;border-color:#dfe4dc}.button-outline:hover:not(:disabled){background:#f5f7f1}.button-dark{color:#fff;background:#344239}.button-dark:hover:not(:disabled){background:#26352f}.button-wide{width:100%}.helper-text{color:#999f96;margin:8px 0 0;font-size:10px}.suggestion-list{z-index:2;background:#fff;border:1px solid #e5e8df;border-radius:7px;max-height:245px;padding:5px;position:absolute;top:72px;left:0;right:76px;overflow:auto;box-shadow:0 10px 28px #26352f1a}.suggestion{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:4px;justify-content:space-between;align-items:center;padding:9px 10px;font-size:12px;display:flex}.suggestion:hover,.suggestion.is-selected{color:var(--green);background:#f1f4ed}.suggestion-check{color:#889285;font-size:9px}.observation-heading{justify-content:space-between;align-items:center;margin:30px 0 10px;display:flex}.observation-heading h3{font-family:var(--serif);margin:0;font-size:15px;font-weight:500}.observation-heading>span{color:#7e8e7e;font:10px var(--mono)}.observed-list{margin:0;padding:0;list-style:none}.observed-list li{border-top:1px solid #eff0eb;grid-template-columns:36px 1fr 30px;align-items:center;min-height:42px;font-size:12px;display:grid}.list-index{color:#a0a79d;font:10px var(--mono)}.remove-button{color:#92998f;background:0 0;border:0;border-radius:50%;width:26px;height:26px;font-size:18px}.remove-button:hover{color:#9c4c42;background:#f7ece8}.empty-inline{color:#949b92;margin:0;padding:16px 0;font-size:11px}.panel-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin-top:22px;padding-top:18px;display:flex}.panel-footer>span{color:#92988f;font-size:10px;line-height:1.6}.side-note{background:#e9eee4;border-radius:9px;min-height:265px;padding:25px 23px}.note-illustration{color:#8fa487;margin-bottom:27px;font-size:34px;display:block}.side-note h3,.start-aside h3{color:#365343;font-family:var(--serif);margin:0 0 12px;font-size:19px;font-weight:500;line-height:1.8}.side-note>p:last-child,.start-aside>p:not(.eyebrow){color:#768176;font-size:11px;line-height:1.9}.panel-intro{color:#858d83;margin:10px 0 22px;font-size:11px}.session-number{color:#a0a89c;font:14px var(--mono)}.session-number small{font-size:9px}.location-box{background:#f9faf6;border:1px solid #e6eae2;border-radius:7px;align-items:center;gap:12px;padding:14px;display:flex}.location-symbol{color:#58755e;background:#e8eee4;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:20px;display:grid}.location-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.location-copy strong{font-size:11px}.location-copy span{overflow-wrap:anywhere;color:#899187;font-size:9px;line-height:1.6}.location-box .button{padding:0 11px;font-size:10px}.location-error{margin:8px 0 0}.start-panel>.field-label{margin-top:19px}.field-label>span{color:#a3a99f;margin-left:6px;font-size:9px;font-weight:400}.text-input,.login-form input{width:100%;height:42px;color:var(--ink);background:#fff;border:1px solid #e0e4dc;border-radius:5px;outline-color:#8ca18d;padding:0 12px;font-size:11px}.checkbox-row{color:#7b857b;align-items:center;gap:8px;margin-top:15px;font-size:10px;display:flex}.checkbox-row input{accent-color:var(--green)}.start-button{min-height:46px;margin-top:20px}.start-button span:last-child{font-size:16px}.privacy-note{color:#a1a69d;margin:12px 0 0;font-size:9px;line-height:1.7}.start-aside{padding:12px 8px}.sun-mark{color:#9aab82;margin:0 0 21px;font-size:30px}.start-aside .eyebrow{margin-bottom:11px}.start-aside h3{font-size:20px}.aside-rule{background:#cbd4c5;width:31px;height:1px;margin:22px 0 14px}.start-aside>span{color:#899287;font:9px/2 var(--mono)}.species-panel{margin-top:28px}.species-total{color:#617c61;font:16px var(--mono)}.species-total small{color:#9ca49a;font-size:9px}.checklist-note{color:#627462;background:#f1f5ed;border-radius:6px;align-items:center;gap:10px;min-height:47px;margin:20px 0 15px;padding:9px 13px;font-size:10px;display:flex}.checklist-note-icon{color:#4d754e;font-size:14px}.checklist-note>span:nth-child(2){flex:1;line-height:1.6}.checklist-note strong{color:#436347;flex:none;font-size:10px}.species-toolbar{justify-content:space-between;align-items:center;gap:18px;margin:19px 0 14px;display:flex}.list-search{width:min(340px,100%);height:39px}.filter-group{background:#f1f2ed;border-radius:6px;gap:4px;padding:3px;display:flex}.filter-group button{color:#899087;background:0 0;border:0;border-radius:4px;padding:7px 11px;font-size:10px}.filter-group button.filter-active{color:#3c5b47;background:#fff;box-shadow:0 1px 4px #26352f12}.species-table-wrap{border-top:1px solid var(--line);max-height:570px;overflow:auto}.species-table{border-collapse:collapse;text-align:left;width:100%;font-size:10px}.species-table th{z-index:1;border-bottom:1px solid var(--line);color:#8e968b;white-space:nowrap;background:#fffefa;padding:10px 9px;font-size:9px;font-weight:500;position:sticky;top:0}.species-table td{color:#737e73;border-bottom:1px solid #f0f1ed;padding:8px 9px}.species-table tbody tr.is-observed{background:#f5f8f2}.species-table td.species-name{color:var(--ink);font-size:11px}.species-taxonomy-mobile{display:none}.species-status{color:#a4aaa0;white-space:nowrap;align-items:center;gap:6px;font-size:9px;display:flex}.species-status input{width:15px;height:15px;accent-color:var(--green);margin:0}.species-status>span{font-size:11px}.species-status.seen{color:#537653}.list-footer{color:#9ca398;text-align:right;padding-top:12px;font-size:9px}.empty-state{color:#838d82;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:220px;display:flex}.empty-state.compact{border:1px dashed #dce3d8;border-radius:7px;flex-direction:row;justify-content:flex-start;gap:12px;min-height:74px;padding:0 15px}.empty-state.compact .empty-mark{margin:0;font-size:20px}.empty-state.compact p{margin:0;font-size:10px}.empty-mark{color:#a4b196;margin-bottom:12px;font-size:27px}.empty-state h3{color:#506153;font-family:var(--serif);margin:0 0 7px;font-size:16px;font-weight:500}.empty-state p{color:#9aa196;margin:0;font-size:10px}.history-panel{margin-top:28px}.history-search-row{gap:9px;margin:22px 0 0;display:flex}.history-search{flex:1}.history-summary{border-bottom:1px solid var(--line);color:#959c92;justify-content:space-between;margin-top:19px;padding:0 0 10px;font-size:9px;display:flex}.history-list{flex-direction:column;display:flex}.history-item{border-bottom:1px solid #eceee8;grid-template-columns:34px minmax(0,1fr) 45px;gap:10px;padding:18px 4px;display:grid}.history-number{color:#9ca498;font:10px var(--mono);padding-top:2px}.history-main{min-width:0}.history-title-row{align-items:center;gap:10px;display:flex}.history-title-row h3{font-family:var(--serif);margin:0;font-size:14px;font-weight:500}.history-state{color:#637b5d;background:#edf2e8;border-radius:20px;padding:4px 7px;font-size:8px}.history-state.finished{color:#8b9189;background:#f0f1ed}.history-date,.history-coordinates{color:#838c82;margin:6px 0 0;font-size:9px}.history-coordinates{color:#a0a69d;font-family:var(--mono);font-size:8px}.history-species{flex-wrap:wrap;gap:5px;margin-top:10px;display:flex}.species-chip{color:#607261;background:#fafbf8;border:1px solid #e7ebe3;border-radius:3px;padding:4px 7px;font-size:9px}.history-count{color:#57735b;font:16px var(--mono);justify-content:flex-end;align-items:baseline;gap:3px;display:flex}.history-count small{color:#9aa196;font:9px system-ui,sans-serif}.history-error{margin:12px 0 0}.muted{color:#999f96;font-size:10px}.app-footer{color:#9da49a;font:8px var(--mono);letter-spacing:.08em;border-top:1px solid #e2e5dc;justify-content:space-between;margin-top:30px;padding:15px 2px 0;display:flex}.login-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--paper);border:1px solid #e6e9e1;border-radius:11px;width:min(420px,100%);padding:34px}.login-card>.brand{margin-bottom:48px}.login-card>.eyebrow{margin-bottom:13px}.login-card h1{font-family:var(--serif);margin:0;font-size:29px;font-weight:500;line-height:1.65}.login-card>.muted{margin:10px 0 25px;line-height:1.8}.login-form{flex-direction:column;gap:9px;display:flex}.login-form label{color:#6f7d70;font-size:11px}.login-form input{height:45px}.login-form .button{margin-top:7px}.error-text{color:#9b4b40;font-size:10px;line-height:1.7}.privacy-note{color:#9ba197}@media (width<=760px){.topbar{height:66px;padding:0 20px}.main-content{width:min(100% - 32px,620px);padding-top:37px}.page-heading{margin-bottom:27px;display:block}.page-heading h1{font-size:27px}.heading-note{margin-top:9px}.tab-nav{gap:22px}.record-layout,.start-layout{grid-template-columns:1fr;gap:18px;padding-top:20px}.record-panel,.start-panel,.history-panel,.species-panel{padding:22px 19px}.side-note,.start-aside{display:none}.checklist-note{flex-wrap:wrap;align-items:flex-start}.checklist-note>span:nth-child(2){flex-basis:calc(100% - 30px)}.checklist-note strong{margin-left:24px}.species-toolbar{flex-direction:column;align-items:stretch;gap:9px}.list-search{width:100%}.filter-group{width:fit-content}.species-table{table-layout:fixed;min-width:0}.species-table th:nth-child(-n+3),.species-table td:nth-child(-n+3){display:none}.species-table th:last-child,.species-table td:last-child{text-align:center;width:58px;padding-left:4px;padding-right:4px}.species-table th:last-child{white-space:normal}.species-table td.species-name{overflow-wrap:anywhere;padding-left:6px;padding-right:6px}.species-taxonomy-mobile{color:#858d83;margin-top:2px;font-size:9px;line-height:1.4;display:block}.species-status{justify-content:center}.species-status>span{display:none}.species-status input{width:20px;height:20px}}@media (width<=440px){.brand-name{font-size:16px}.today-label{display:none}.main-content{width:calc(100% - 24px)}.tab-nav{justify-content:space-between;gap:9px}.tab-button{gap:6px;font-size:11px}.record-panel,.start-panel,.history-panel,.species-panel{padding:19px 15px}.session-details{grid-template-columns:1fr;gap:12px}.picker-row{flex-direction:column;align-items:stretch}.picker-row .button{min-height:39px}.suggestion-list{top:120px;right:0}.location-box{flex-wrap:wrap;align-items:flex-start}.location-copy{min-width:calc(100% - 55px)}.location-box .button{margin-left:46px}.panel-footer{flex-direction:column;align-items:flex-start}.panel-footer .button{width:100%}.history-item{grid-template-columns:23px minmax(0,1fr) 30px;gap:7px}.history-count{font-size:13px}.app-footer{font-size:7px}}