.gb-main{padding-top:49px;padding-bottom:55px}.gb-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:36px;border-bottom:1px solid var(--spot-line)}.gb-hero .eyebrow{font-size:9px;letter-spacing:1.6px;color:var(--accent)}.gb-hero h1{font-size:57px;font-weight:590;letter-spacing:-2.6px;margin-top:20px;line-height:1.15}.gb-hero h1 span{color:var(--accent)}.gb-hero>div>p:last-child{font-size:13px;color:var(--muted);margin-top:17px;max-width:560px;line-height:1.85}.gb-write-link{font-size:11px;margin-bottom:3px}.gb-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:32px;align-items:start;margin-top:34px}.gb-list-heading{display:flex;align-items:center;gap:15px;justify-content:space-between;margin-bottom:22px;min-height:23px}.gb-list-heading h2{font-size:17px;letter-spacing:-.35px;font-weight:550}.gb-list-heading>span{font-size:10px;color:var(--faint);white-space:nowrap}.gb-entry{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:25px 27px;margin-bottom:18px;scroll-margin-top:110px}.gb-entry>header{display:flex;gap:12px;align-items:center}.gb-avatar{width:39px;height:39px;display:grid;place-items:center;flex-shrink:0;border:1px solid var(--spot-line);border-radius:50%;font-size:17px;font-family:Georgia,serif;color:var(--accent);background:linear-gradient(135deg,#b18d4214,transparent)}.gb-entry h3{font-size:13px;font-weight:580;overflow-wrap:anywhere;line-height:1.4}.gb-entry time{font-size:10px;color:var(--faint);display:block;margin-top:4px}.gb-permalink{color:var(--faint);font-size:16px;margin-left:auto;align-self:flex-start}.gb-permalink:hover{color:var(--accent)}.gb-message-text{font-size:13px;line-height:1.9;margin-top:19px;color:var(--text);overflow-wrap:anywhere;white-space:normal}.gb-image-link{display:block;margin-top:20px;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:var(--input)}.gb-entry-image{display:block;width:100%;height:auto;max-height:480px;object-fit:contain}.gb-empty{border:1px dashed var(--spot-line);border-radius:10px;padding:52px 28px 58px;text-align:center;background:radial-gradient(ellipse at 50% 0,#ad853a0a,transparent 70%),var(--surface)}.gb-empty-symbol{display:grid;place-items:center;margin:0 auto 26px;width:65px;height:65px;border:1px solid var(--spot-line);border-radius:50%;color:var(--accent);background:var(--raised)}.gb-empty-symbol .icon{width:27px;height:27px;stroke-width:1.25}.gb-empty .eyebrow{justify-content:center;font-size:8px;letter-spacing:1.7px;color:var(--accent)}.gb-empty h3{font-size:23px;letter-spacing:-.6px;font-weight:500;margin-top:16px;line-height:1.5;max-width:370px;margin-inline:auto}.gb-empty>p:not(.eyebrow){font-size:12px;color:var(--muted);max-width:340px;margin:12px auto 0;line-height:1.8}.gb-empty .text-link{margin-top:25px;color:var(--accent);font-size:11px}.gb-empty .text-link .icon{width:15px;height:15px}.gb-compose{position:sticky;top:107px;border:1px solid var(--spot-line);border-radius:11px;padding:25px;background:radial-gradient(ellipse at 0 0,#b58c3910,transparent 50%),var(--surface);scroll-margin-top:100px}.gb-compose-icon{display:grid;place-items:center;color:var(--accent);border:1px solid var(--spot-line);border-radius:8px;width:36px;height:36px;margin-bottom:21px}.gb-compose-icon .icon{width:18px;height:18px}.gb-compose .eyebrow{font-size:8px;letter-spacing:1.65px;color:var(--accent)}.gb-compose h2{font-size:29px;font-weight:540;letter-spacing:-.9px;margin-top:10px}.gb-compose-intro{font-size:11px;color:var(--muted);line-height:1.8;margin-top:12px;margin-bottom:22px}.gb-compose form>label,.gb-message-label>label{display:block;font-size:11px;font-weight:550;margin-bottom:8px}.gb-compose label span{font-size:9px;color:var(--faint);font-weight:400;margin-left:5px}.gb-compose input[type=text],.gb-compose input[name=name],.gb-compose textarea{display:block;width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:6px;background:var(--input);color:var(--text);font:inherit;font-size:12px}.gb-compose input::placeholder,.gb-compose textarea::placeholder{color:var(--faint);font-size:11px}.gb-compose input:focus-visible,.gb-compose textarea:focus-visible{outline:1px solid var(--accent);outline-offset:1px}.gb-compose textarea{resize:vertical;min-height:142px;max-height:480px;line-height:1.8}.gb-message-label{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:18px}.gb-message-label>span{font-size:9px;color:var(--faint);padding-bottom:7px}.gb-image-label{margin-top:18px}.gb-upload-box{border:1px dashed var(--spot-line);border-radius:7px;text-align:center;padding:16px 10px;position:relative;background:var(--input);min-height:108px}.gb-upload-box>.icon{display:block;width:18px;height:18px;color:var(--accent);margin:0 auto 8px}.gb-upload-box>label{font-size:11px;color:var(--text);font-weight:500}.gb-upload-box>p{font-size:9px;color:var(--faint);margin-top:4px}.gb-upload-box>input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.gb-upload-box:focus-within{outline:2px solid var(--accent);outline-offset:3px}.gb-preview{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;align-items:center;margin-top:12px;padding:10px;background:var(--input);border-radius:7px;border:1px solid var(--line)}.gb-preview>img{display:block;width:76px;height:70px;object-fit:cover;border-radius:4px}.gb-preview>div{min-width:0}.gb-preview span{display:block;font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gb-preview button{font-size:10px;color:var(--accent);margin-top:8px}.gb-field-error{font-size:11px;color:#d9907e;margin-top:9px;line-height:1.6}.gb-field-error:empty{display:none}.gb-submit{width:100%;margin-top:21px;min-height:43px;font-size:11px}.gb-publication-note{font-size:9px;color:var(--faint);line-height:1.8;text-align:center;margin-top:12px}.gb-upload-unavailable{font-size:11px;color:var(--muted);padding:12px;border:1px solid var(--line);border-radius:6px;margin-top:17px;line-height:1.7}.gb-honey{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}.gb-notice{padding:15px 19px;border:1px solid var(--spot-line);background:var(--surface);border-radius:8px;font-size:12px;line-height:1.75;margin-top:24px;display:flex;gap:10px;align-items:center}.gb-notice>.icon{width:18px;height:18px;flex-shrink:0}.gb-success{color:#b8c997;border-color:#7c8c5644}.gb-error{color:#e0ad93;border-color:#b7785344}.gb-footer{border-top:1px solid var(--spot-line)}.gb-footer .back-top{margin-left:auto}.gb-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:28px}.gb-pagination>span{font-size:11px;color:var(--muted)}.gb-pagination .button{font-size:10px;padding:9px 13px;min-height:35px}
@media(max-width:1000px){.gb-layout{grid-template-columns:minmax(0,1fr) 325px;gap:22px}.gb-compose{padding:22px}.gb-entry{padding:22px}.gb-hero h1{font-size:51px}.gb-empty{padding-inline:22px}.gb-empty h3{font-size:21px}}
@media(max-width:800px){.gb-layout{grid-template-columns:minmax(0,1fr) 300px;gap:17px}.gb-compose{padding:20px}.gb-entry{padding:20px}.gb-entry time{font-size:9px}.gb-hero h1{font-size:45px}.gb-hero .eyebrow{font-size:8px;letter-spacing:1.4px}.gb-hero>div>p:last-child{font-size:12px}.gb-empty h3{font-size:19px}}
@media(max-width:720px){.gb-main{padding-top:32px;padding-bottom:35px}.gb-hero{flex-wrap:wrap;padding-bottom:27px;gap:20px}.gb-hero h1{font-size:43px;letter-spacing:-1.9px;margin-top:17px}.gb-hero .eyebrow{font-size:7px;letter-spacing:1.1px}.gb-hero>div>p:last-child{font-size:12px;margin-top:14px}.gb-write-link{font-size:11px;padding:10px 14px;min-height:39px}.gb-layout{grid-template-columns:1fr;margin-top:26px;gap:32px}.gb-compose{position:static;order:-1;padding:24px}.gb-compose-icon{display:none}.gb-compose h2{font-size:27px}.gb-compose-intro{font-size:12px;max-width:420px;margin-bottom:22px}.gb-compose input[name=name],.gb-compose textarea{font-size:14px}.gb-compose form>label,.gb-message-label>label{font-size:12px}.gb-compose input::placeholder,.gb-compose textarea::placeholder{font-size:12px}.gb-compose textarea{min-height:130px}.gb-compose label span{font-size:10px}.gb-compose form{max-width:none}.gb-upload-box>label{font-size:12px}.gb-upload-box>p{font-size:10px}.gb-submit{font-size:12px;min-height:45px}.gb-publication-note{font-size:10px}.gb-list-heading h2{font-size:17px}.gb-entry{padding:22px}.gb-message-text{font-size:13px;line-height:1.9}.gb-entry time{font-size:10px}.gb-empty{padding:36px 22px 40px}.gb-empty h3{font-size:22px;max-width:300px}.gb-nav{display:none}.header .header-spotweb{display:flex}.gb-notice{font-size:11px;padding:13px}.gb-pagination{gap:12px}.gb-pagination .button{padding-inline:10px}.gb-pagination>span{font-size:10px}.gb-footer .back-top{width:auto}.gb-entry-image{max-height:390px}.gb-entry h3{font-size:14px}}
@media(max-width:430px){.gb-main{padding-top:29px}.gb-hero h1{font-size:38px;letter-spacing:-1.6px}.gb-hero .eyebrow{font-size:6.5px;letter-spacing:1px}.gb-compose{padding:21px}.gb-compose .eyebrow{font-size:7px}.gb-hero>div>p:last-child{font-size:11px}.gb-entry{padding:19px}.gb-avatar{width:35px;height:35px}.header .header-spotweb{font-size:10px;padding:8px;gap:5px}.header .header-spotweb .icon{width:12px;height:12px}.gb-message-text{font-size:12px}.gb-compose input[name=name],.gb-compose textarea{font-size:16px}.gb-entry time{font-size:9px}}
html[data-theme=light] .gb-error{color:#9f4c2e}html[data-theme=light] .gb-success{color:#536f2f}
