:root{color:#171a19;background:#f8f7f3;--accent:#1acfc4;--ink:#101514;--line:#d9dcd6;font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background:#f8f7f3;color:var(--ink);padding-bottom:calc(76px + env(safe-area-inset-bottom));min-height:100vh}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #008d86;outline-offset:4px}button{border-radius:3px;background:#101514;color:#fff}button.secondary{background:#fff;color:#26312e;border:1px solid #c6cec8}a{color:#126b65}.small,.muted{color:#56635e}.site-header{position:sticky;top:0;z-index:30;max-width:none;padding:0;background:#090c0b;color:#fff}.site-header-inner{height:70px;max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:relative}.brand{display:flex;gap:12px;align-items:center;letter-spacing:.17em;font-size:26px;font-weight:800;line-height:1;white-space:nowrap;background:none;padding:10px 0;color:#fff;border:0}.brand i{width:9px;height:9px;border-radius:100%;background:var(--accent)}.menu-toggle{background:none;color:#fff;padding:10px;display:flex;align-items:center;justify-content:center}.ui-icon{width:25px;height:25px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.menu-toggle .ui-icon{width:28px;height:28px}.site-menu{position:absolute;right:18px;top:calc(100% - 1px);width:230px;background:#101514;padding:10px;box-shadow:0 10px 20px #0003;border:1px solid #ffffff30}.site-menu[hidden]{display:none}.site-menu button{display:block;text-align:left;background:none;color:#fff;border-bottom:1px solid #ffffff20;width:100%;padding:15px;font-size:14px}.site-menu button:hover{background:#ffffff10}main{max-width:1280px;padding:0 26px 36px;margin:auto}.panel:not(#home){padding-top:30px}.home-hero{position:relative;isolation:isolate;height:560px;overflow:hidden;background:#06282e}.home-hero img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 41%;z-index:-2}.home-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#00131780,transparent 72%),linear-gradient(0deg,#001317b0,transparent 55%);z-index:-1}.hero-copy{position:absolute;left:6%;bottom:42px;color:#fff}.hero-copy h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(38px,5.8vw,74px);font-weight:500;line-height:1.4;letter-spacing:.025em;margin:0 0 18px;text-shadow:0 2px 20px #0004}.eyebrow{font-size:11px;letter-spacing:.19em;font-weight:500}.hero-copy .eyebrow{color:#e3eeeb;font-size:12px;letter-spacing:.23em}.home-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:25px 0}.home-action{display:flex;align-items:center;gap:22px;border:1px solid #444b47;background:transparent;color:#101514;min-height:120px;text-align:left;padding:24px;transition:background .2s}.home-action:hover{background:#eeeee7}.home-action>.ui-icon{width:40px;height:40px}.home-action>span{border-left:1px solid #ccd0c8;padding-left:22px;flex:1;min-width:0}.home-action strong{display:block;font-size:24px;font-weight:700;letter-spacing:.04em}.home-action small{display:block;font-size:10px;letter-spacing:.15em;color:#68726d;margin-top:7px}.home-action>b{font-size:25px;font-weight:400}.home-collection-line{display:flex;align-items:center;gap:13px;margin:28px 0 45px;font-size:11px;letter-spacing:.14em;flex-wrap:wrap}.home-collection-line b{font-size:20px;letter-spacing:0}.home-collection-line i{height:1px;background:#bfc6be;flex:1;min-width:20px}.home-collection-line .gear-count{font-size:10px;color:#67736b;letter-spacing:.05em}.home-collection-line .gear-count b{font-size:12px}.home-section-head{display:flex;align-items:baseline;gap:18px;margin-bottom:20px}.home-section-head h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:32px;font-weight:700;letter-spacing:.03em;white-space:nowrap;margin:0}.home-section-head:after{content:"";height:1px;background:#cbd0c8;flex:1}.home-section-head .eyebrow{order:3;color:#637068}.home-recent{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.home-log{display:block;text-align:left;background:transparent;color:#111;padding:0;border:0;min-width:0}.home-log img,.home-log-placeholder{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;border-radius:2px}.home-log-placeholder{display:flex;align-items:center;justify-content:center;text-align:center;background:#dfe8e1;color:#48695f;font-size:15px;letter-spacing:.17em;line-height:1.8}.home-log-meta{display:block;color:#788279;font-size:11px;letter-spacing:.08em;margin:14px 0 8px}.home-log-title{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;font-weight:700;font-size:20px;overflow-wrap:anywhere}.home-log-title>span{font-size:20px}.home-log-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;color:#717c74;font-size:11px}.home-log-bottom strong{font-size:32px;font-weight:600;line-height:1;color:#121814}.home-log-bottom small{font-size:12px;margin-left:3px}.home-empty{grid-column:1/-1;padding:38px 25px;border:1px solid #cdd6cb;background:#eff2eb;text-align:center}.home-empty .eyebrow{color:#647c6c}.home-empty h3{font-size:21px;margin:14px 0}.home-empty p{font-size:13px;color:#5b6f62;margin:14px 0 24px}.home-empty button{font-size:13px;padding:13px 24px;background:#142e29;color:#fff}.home-bottom-link{display:flex;justify-content:space-between;align-items:center;margin:32px 0;border-top:1px solid #cdd3ca;border-bottom:1px solid #cdd3ca;padding:19px 0}.home-bottom-link p{font-size:12px;color:#657369;margin:0}.home-bottom-link button{background:none;color:#14201a;font-size:13px;padding:6px 0}.bottom-nav{position:fixed;inset:auto 0 0;z-index:40;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;max-width:none;background:#090c0b;padding:8px max(8px,calc((100vw - 900px)/2)) calc(7px + env(safe-area-inset-bottom));margin:0;border-top:1px solid #29302a;overflow:visible}.bottom-nav .tab{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;border:0;border-radius:0;white-space:normal;background:none;padding:6px 2px;color:#d6dcd7;font-size:11px;min-height:52px;font-weight:500}.bottom-nav .tab.active{color:#2ee0cf;background:none}.bottom-nav .tab .ui-icon{width:23px;height:23px}.card{background:#fff;border:1px solid #d9dfd7;border-radius:4px;color:#17201a}.egi{background:#fff;border:1px solid #d9dfd7;border-radius:4px;color:#17201a}.egi .maker{color:#20736a}.pill{background:#eff2ec;color:#354b3b;border-radius:2px}.photo-slot{background:#f0f2ed;color:#69766b}.photo-slot.missing:after{color:#9c4637}.recommend{background:#edf5ed;border-color:#b7cdbd;border-radius:4px}.recommend b{color:#174f43}.hint{background:#edf4ed;color:#385347;border-color:#1b8d7c;border-radius:2px}.field label{color:#435c4b}select,input,textarea{background:#fff;color:#17201a;border-color:#aab9ac;border-radius:3px;font-size:16px}.legend{color:#4d6153}.toast{color:#216b50}#sumWeight{color:#226b56!important}.diary-intro{background:#152c26;color:#fff;border:0}.diary-intro p{color:#e1ebe5}.diary-badge{color:#83d7bd}.diary-section{color:#243c2d}.diary-egis{border-color:#c0ccbf;background:#fbfcf8}.diary-egi{border-color:#dbe3d8;color:#2c4031}.diary-gallery img{border-radius:3px}.diary-entry summary{color:#24705e}.diary-result{color:#23705e}#diaryStatus{background:#e9f2e7;border-color:#c4d7c0;color:#294e33;top:80px}#diaryStatus.error{color:#7b2723;background:#fff0e9;border-color:#d7afa2}.diary-photo-pick{background:#f0f4ec;border-color:#8da78e;color:#3c5942;border-radius:4px}.diary-muted{color:#5b705d}#diaryForm details>summary{color:#246450}.diary-notes{color:#344b3a}.diary-entry{scroll-margin-top:90px}.diary-entry:focus{outline:2px solid #1e8d77}.app-footer{color:#7b887e;font-size:10px;max-width:1280px;padding:20px 26px 25px;margin:auto;letter-spacing:.1em}.app-footer #versionStatus{color:#547b63;font-size:11px;letter-spacing:0;margin:9px 0}.app-footer p{margin:0}.panel h2{letter-spacing:.02em}.home-backup-note{font-size:11px;color:#7d877d;line-height:1.7}
@media(min-width:900px){.home-hero img{object-position:50% 35%}.home-hero{height:590px}.hero-copy{left:50px}.home-recent{grid-template-columns:repeat(4,minmax(0,1fr))}.home-log-title{font-size:18px}}
@media(max-width:600px){.site-header-inner{height:60px;padding:0 18px}.brand{font-size:23px;letter-spacing:.15em}.menu-toggle{padding:9px 0 9px 16px}main{padding:0 18px 22px}.panel:not(#home){padding-top:22px}.home-hero{margin:0 -18px;height:420px;height:clamp(340px,51svh,460px)}.home-hero img{object-position:center 43%}.hero-copy{left:22px;bottom:26px}.hero-copy h1{font-size:38px;line-height:1.38;letter-spacing:.02em;margin-bottom:14px}.hero-copy .eyebrow{font-size:9px;letter-spacing:.2em}.home-actions{gap:10px;margin:18px 0 24px}.home-action{padding:15px 10px;min-height:88px;gap:10px}.home-action>.ui-icon{width:26px;height:26px}.home-action>span{padding-left:10px}.home-action strong{font-size:15px;letter-spacing:0;white-space:nowrap}.home-action small{font-size:7px;letter-spacing:.1em;margin-top:6px}.home-action>b{display:none}.home-collection-line{gap:9px;margin:22px 0 32px;font-size:9px;letter-spacing:.1em}.home-collection-line b{font-size:16px}.home-collection-line .gear-count{font-size:9px}.home-section-head{gap:12px;margin-bottom:18px}.home-section-head h2{font-size:25px}.home-section-head .eyebrow{font-size:8px;letter-spacing:.12em}.home-recent{gap:17px}.home-log-title{font-size:15px}.home-log-meta{font-size:10px;margin:11px 0 7px}.home-log-bottom{font-size:9px}.home-log-bottom strong{font-size:29px}.home-log-placeholder{font-size:11px}.home-log-title>span{font-size:14px}.home-bottom-link p{font-size:10px}.home-bottom-link button{font-size:12px}.home-empty{padding:30px 15px}.home-empty h3{font-size:20px}.app-footer{padding:16px 18px 20px}#diaryStatus{top:70px}.diary-entry{scroll-margin-top:80px}.bottom-nav{padding-top:6px}.card{padding:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:360px){.home-action{gap:7px;padding:14px 8px;min-width:0}.home-action>.ui-icon{width:22px;height:22px}.home-action>span{padding-left:7px}.home-action strong{font-size:13px}.home-action small{font-size:6px}}