:root{color-scheme:light;--ink: #0f1411;--text: #17221b;--muted: #6b736b;--paper: #f7f8f4;--mist: #e7eae3;--surface: #eef2e9;--surface-strong: #ffffff;--fairway: #1c7a4e;--bright: #2e9e6a;--lime: #a7d883;--tabbar-clearance: 104px;--shadow-dark: rgba(110, 125, 105, .34);--shadow-light: rgba(255, 255, 255, .92);--line: rgba(15, 20, 17, .08)}:root[data-theme=dark]{color-scheme:dark;--ink: #f7f8f4;--text: #edf4e9;--muted: #9aa59b;--paper: #0f1411;--mist: #171f1a;--surface: #151d18;--surface-strong: #1b251f;--fairway: #34e0a1;--bright: #55d17d;--lime: #c8e9ab;--shadow-dark: rgba(0, 0, 0, .55);--shadow-light: rgba(255, 255, 255, .05);--line: rgba(247, 248, 244, .1)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 15% 8%,rgba(46,158,106,.18),transparent 32rem),radial-gradient(circle at 85% 15%,rgba(200,233,171,.16),transparent 28rem),var(--paper);color:var(--text);font-family:Noto Sans,Noto Sans Thai,system-ui,sans-serif}button,input{font:inherit}button{color:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--paper)}.phone-frame{width:100%;height:100vh;background:linear-gradient(145deg,var(--surface-strong),var(--surface));overflow:hidden;position:relative;display:flex;flex-direction:column}.topbar{height:76px;padding:18px 20px 12px;display:flex;align-items:center;justify-content:space-between;flex:0 0 auto}.header-actions{display:flex;gap:12px;align-items:center}.topbar img{width:146px;max-height:42px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.14))}.screen{flex:1;min-height:0;overflow:hidden;position:relative}.page{height:100%;overflow-y:auto;padding:2px 18px var(--tabbar-clearance);scrollbar-width:none}.page::-webkit-scrollbar{display:none}.page-title{padding:8px 4px 18px}.eyebrow{color:var(--fairway);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Noto Sans,Noto Sans Thai,sans-serif;letter-spacing:0}.page-title h1{margin:4px 0 7px;font-size:34px;line-height:1.02}.page-title p{margin:0;color:var(--muted);line-height:1.45;font-size:14px}.neu-card,.icon-button,.segmented,.tabbar,input{background:linear-gradient(145deg,var(--surface-strong),var(--surface));box-shadow:9px 9px 18px var(--shadow-dark),-8px -8px 16px var(--shadow-light);border:1px solid var(--line)}.icon-button{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;cursor:pointer}.icon-button.active,.primary-button{background:linear-gradient(135deg,var(--fairway),var(--lime));color:#07120c;border:0;box-shadow:0 16px 30px #2e9e6a4d,inset 0 1px #ffffff59}.primary-button{min-height:42px;padding:0 18px;border-radius:16px;font-weight:800;cursor:pointer}.primary-button.wide{width:100%}.hero{min-height:230px;border-radius:24px;padding:20px;color:#f7f8f4;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;box-shadow:16px 18px 38px var(--shadow-dark)}.hero h1{font-size:34px;line-height:1;margin:8px 0;max-width:260px}.hero p,.hero-row{margin:0}.hero-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.hero-row strong{font-family:Noto Sans Mono,monospace;font-size:24px}.section-title{display:flex;justify-content:space-between;align-items:baseline;padding:26px 2px 12px}.section-title h2{margin:0;font-size:21px}.section-title span{color:var(--muted);font-size:12px}.course-list,.feed-list{display:grid;gap:14px}.course-card,.thread{width:100%;border-radius:22px;padding:12px;display:grid;grid-template-columns:84px 1fr auto;align-items:center;gap:12px;text-align:left;cursor:pointer}.course-card img,.thread img{width:84px;height:72px;object-fit:cover;border-radius:17px}.course-card h3,.event-card h3,.round-row h3{margin:3px 0 4px;font-size:15px}.course-card p,.event-card p,.round-row p,.thread span,.profile-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.35}.course-card span,.rating,.thread small{color:var(--fairway);font-size:12px;font-weight:700}.rating{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.event-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.event-card,.caddy-card,.feed-card,.profile-card{border-radius:22px;padding:12px}.event-card img{width:100%;aspect-ratio:1.35;object-fit:cover;border-radius:17px;margin-bottom:10px}.segmented{height:48px;border-radius:18px;padding:5px;display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:10px}.segmented button{border:0;border-radius:14px;background:transparent;color:var(--muted);cursor:pointer;font-weight:800}.segmented button.active{color:#07120c;background:linear-gradient(135deg,var(--fairway),var(--lime))}.caddy-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.caddy-card{min-width:0;text-align:left;cursor:pointer}.caddy-card img{width:100%;aspect-ratio:.9;object-fit:cover;border-radius:18px;margin-bottom:10px}.caddy-card strong,.caddy-card span{display:block}.caddy-card span{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:3px 0 8px}.feed-card{display:grid;grid-template-columns:110px 1fr;gap:13px}.feed-card img{width:110px;height:116px;object-fit:cover;border-radius:18px}.feed-card p{font-size:13px;line-height:1.42}.feed-card small{color:var(--muted);display:flex;gap:5px;align-items:center}.overlay{position:absolute;inset:0;z-index:10;display:grid;place-items:end center;background:#0f14117a;padding:18px}.detail-panel{position:relative;width:100%;max-height:92%;overflow:auto;border-radius:28px;background:var(--surface-strong);box-shadow:0 28px 80px #0000006b}.detail-panel>img{width:100%;height:300px;object-fit:cover}.detail-body{padding:18px}.detail-body h2{margin:5px 0 8px;font-size:28px}.detail-body p{color:var(--muted);line-height:1.5}.back{position:absolute;top:14px;left:14px;z-index:1}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.metric{border-radius:18px;padding:12px 8px;text-align:center;background:var(--surface);box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light);min-width:0}.metric strong{font-family:Noto Sans Mono,monospace;display:block;font-size:15px;color:var(--fairway);overflow-wrap:anywhere}.metric span{color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase}.chat-room{height:100%;display:flex;flex-direction:column;padding-bottom:var(--tabbar-clearance)}.chat-room header,.chat-room footer{padding:12px 16px;display:flex;align-items:center;gap:12px}.chat-room header img{width:46px;height:46px;object-fit:cover;border-radius:50%}.chat-room header span{display:block;color:var(--fairway);font-size:12px}.messages{flex:1;overflow-y:auto;padding:12px 16px 20px;display:flex;flex-direction:column;gap:10px}.messages p{max-width:78%;margin:0;padding:12px 14px;border-radius:18px 18px 18px 6px;background:var(--surface);box-shadow:inset 4px 4px 8px var(--shadow-dark),inset -4px -4px 8px var(--shadow-light)}.messages p.mine{align-self:flex-end;border-radius:18px 18px 6px;color:#07120c;background:linear-gradient(135deg,var(--fairway),var(--lime))}.chat-room footer input{flex:1;min-width:0;height:44px;border-radius:22px;padding:0 16px;color:var(--text)}.thread{margin-bottom:13px}.auth-page{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:32px}.auth-page h1{font-size:34px;margin:18px 0 8px}.auth-page p{color:var(--muted);line-height:1.45}.profile-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px}.avatar{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:#07120c;font-family:Noto Sans,Noto Sans Thai,sans-serif;font-size:24px;font-weight:800;background:linear-gradient(135deg,var(--fairway),var(--lime))}.profile-card h2{margin:0 0 2px}.round-row{display:grid;grid-template-columns:58px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.round-row>strong{font-family:Noto Sans Mono,monospace;font-size:25px;color:var(--fairway)}.round-row span{color:var(--muted);font-size:12px;font-style:italic}.tabbar{position:absolute;left:50%;bottom:14px;width:calc(100% - 28px);max-width:500px;transform:translate(-50%);height:70px;border-radius:24px;display:grid;grid-template-columns:repeat(4,1fr);padding:8px;gap:4px;z-index:5}.tabbar button{border:0;background:transparent;border-radius:18px;color:var(--muted);display:grid;place-items:center;gap:3px;cursor:pointer;font-size:11px;font-weight:800}.tabbar button.active{color:#07120c;background:linear-gradient(135deg,var(--fairway),var(--lime))}.toast{position:absolute;left:50%;bottom:96px;width:calc(100% - 36px);max-width:480px;transform:translate(-50%);border-radius:20px;padding:13px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;background:var(--ink);color:var(--paper);box-shadow:0 18px 40px #00000057;z-index:20}.toast span{display:block;font-family:Noto Sans Mono,monospace;font-size:10px;opacity:.7}.toast button{border:0;border-radius:12px;padding:8px 10px;cursor:pointer}.notice{color:#b83232;font-size:13px}.skeleton{min-height:230px}@media(min-width:600px){.topbar,.page{max-width:1200px;margin:0 auto;width:100%}.chat-room{max-width:800px;margin:0 auto;width:100%;background:var(--surface-strong);border-left:1px solid var(--line);border-right:1px solid var(--line)}.detail-panel{max-width:540px;margin:0 auto}.overlay{place-items:center}.course-list{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.feed-list{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.instagram-feed{grid-template-columns:1fr;max-width:600px;margin-left:auto;margin-right:auto}.event-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.caddy-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.insta-card{display:flex;flex-direction:column;border-radius:24px;padding:16px;margin-bottom:24px;background:linear-gradient(145deg,var(--surface-strong),var(--surface))}.insta-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.insta-author{display:flex;align-items:center;gap:10px;cursor:pointer}.avatar-container{position:relative;width:44px;height:44px}.insta-avatar{width:44px;height:44px;object-fit:cover;border-radius:50%;border:2px solid var(--fairway)}.online-badge{position:absolute;bottom:2px;right:2px;width:10px;height:10px;background-color:#34e0a1;border:2px solid var(--surface-strong);border-radius:50%}.insta-author-info{display:flex;flex-direction:column}.insta-author-info strong{font-size:14px;color:var(--text)}.insta-author-info span{font-size:11px;color:var(--muted)}.post-type-badge{font-size:10px;font-weight:800;text-transform:uppercase;padding:4px 8px;border-radius:10px;letter-spacing:.05em}.post-type-badge.photo{background:#2e9e6a1a;color:var(--fairway)}.post-type-badge.tip{background:#a7d88333;color:var(--muted)}.insta-image-container{width:100%;aspect-ratio:1.1;overflow:hidden;border-radius:16px;margin-bottom:12px;background-color:var(--mist);position:relative;-webkit-user-select:none;user-select:none}.insta-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.insta-image-container:hover .insta-image{transform:scale(1.03)}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#00000073;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;cursor:pointer;z-index:2;transition:background .2s ease,transform .2s ease;padding:0}.carousel-btn:hover{background:#000000b8;transform:translateY(-50%) scale(1.08)}.carousel-btn-prev{left:10px}.carousel-btn-next{right:10px}.carousel-dots{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:5px;z-index:2}.carousel-dot{width:6px;height:6px;border-radius:50%;background:#ffffff8c;border:none;padding:0;cursor:pointer;transition:background .2s ease,transform .2s ease}.carousel-dot.active{background:#fff;transform:scale(1.3)}.carousel-counter{position:absolute;top:10px;right:10px;background:#00000080;color:#fff;font-size:11px;font-weight:600;border-radius:10px;padding:2px 8px;z-index:2;letter-spacing:.02em}.insta-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.left-actions{display:flex;gap:16px}.action-btn{background:none;border:none;padding:0;cursor:pointer;color:var(--text);display:flex;align-items:center;justify-content:center;transition:transform .2s ease,color .2s ease}.action-btn:hover{transform:scale(1.15)}.like-btn.liked{color:#e02424}.post-time{font-size:11px;color:var(--muted)}.insta-likes{font-size:13px;margin-bottom:6px}.insta-caption{font-size:13px;line-height:1.45;margin-bottom:12px}.insta-caption strong{margin-right:4px}.insta-comments{border-top:1px solid var(--line);padding-top:8px;margin-bottom:12px;display:flex;flex-direction:column;gap:6px;max-height:140px;overflow-y:auto;scrollbar-width:none}.insta-comments::-webkit-scrollbar{display:none}.comment-item{font-size:12px;line-height:1.4;display:flex;align-items:baseline;justify-content:space-between;gap:8px}.comment-item strong{margin-right:4px;flex-shrink:0}.comment-time{font-size:10px;color:var(--muted);margin-left:auto}.feed-comment-form{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding-top:8px}.feed-comment-form input{flex:1;border:1px solid var(--line);border-radius:12px;padding:6px 12px;font-size:12px;background:var(--surface);color:var(--text);box-shadow:none}.feed-comment-form button{background:none;border:none;color:var(--fairway);font-weight:800;font-size:12px;cursor:pointer;padding:6px}.feed-comment-form button:disabled{color:var(--muted);cursor:default;opacity:.5}.caddycam-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}.caddycam-header .page-title{flex:1;padding-bottom:0}.add-post-btn{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:8px 14px;font-size:13px;border-radius:12px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 18px 10px;border-bottom:1px solid var(--line)}.modal-header h2{margin:0;font-size:18px}.close-btn{width:32px;height:32px}.form-group{margin-bottom:16px;display:flex;flex-direction:column;gap:6px}.form-group label{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--muted);letter-spacing:.05em}.form-group select,.form-group textarea,.form-group input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:13px}.form-group select:focus,.form-group textarea:focus,.form-group input:focus{outline:none;border-color:var(--fairway)}.form-group textarea{resize:vertical}.preset-images-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.preset-img-btn{border:2px solid transparent;border-radius:10px;overflow:hidden;padding:0;cursor:pointer;aspect-ratio:1;background:none}.preset-img-btn img{width:100%;height:100%;object-fit:cover}.preset-img-btn.selected{border-color:var(--fairway);box-shadow:0 0 8px #2e9e6a66}.landing-page{display:flex;flex-direction:column;height:100%;padding:20px;justify-content:space-between;background:radial-gradient(circle at 50% 30%,rgba(46,158,106,.15),transparent 70%),radial-gradient(circle at 10% 80%,rgba(200,233,171,.1),transparent 50%),var(--paper)}.landing-header{display:flex;justify-content:flex-end;align-items:center;padding:10px 0}.landing-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;max-width:480px;margin:0 auto;padding-bottom:60px}.landing-logo-container{margin-bottom:32px;animation:fadeInDown .8s ease-out}.landing-logo{max-width:220px;height:auto;filter:drop-shadow(0 12px 24px rgba(0,0,0,.15))}.landing-title{font-size:38px;line-height:1.15;font-weight:800;margin-bottom:16px;color:var(--text);animation:fadeInUp .8s ease-out .1s both}.landing-title span{background:linear-gradient(135deg,var(--fairway),var(--bright));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.landing-subtitle{font-size:15px;line-height:1.6;color:var(--muted);margin-bottom:40px;padding:0 10px;animation:fadeInUp .8s ease-out .2s both}.landing-signin-btn{font-size:16px;padding:12px 32px;height:auto;border-radius:20px;animation:fadeInUp .8s ease-out .3s both;transition:transform .2s ease,box-shadow .2s ease}.landing-signin-btn:hover{transform:translateY(-2px);box-shadow:0 20px 35px #2e9e6a66,inset 0 1px #ffffff59}.landing-signin-btn:active{transform:translateY(0)}.auth-modal-panel{max-width:440px;width:100%;animation:slideUp .4s cubic-bezier(.16,1,.3,1);padding:0;background:var(--surface-strong);border:1px solid var(--line)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line)}.modal-header h2{font-size:18px;margin:0;font-weight:700}.close-btn{background:none;border:none;box-shadow:none;width:32px;height:32px}.close-btn:hover{background:var(--line)}.auth-container{padding:10px 4px;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.image-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:2px dashed var(--line);border-radius:12px;padding:24px;cursor:pointer;background:#ffffff03;transition:all .2s ease-in-out;color:var(--muted);text-align:center}.image-upload-zone:hover{border-color:var(--fairway);background:#2e9e6a0a;color:var(--text);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.image-upload-zone svg{color:var(--fairway);transition:transform .2s ease}.image-upload-zone:hover svg{transform:scale(1.1)}.upload-tip{font-size:11px;color:var(--muted)}.image-preview-container{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.upload-preview{width:100%;max-height:240px;object-fit:cover;border-radius:12px;border:1px solid var(--line)}.remove-preview-btn{display:flex;align-items:center;gap:6px;background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:6px 12px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.remove-preview-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444}.multi-image-preview{display:flex;flex-wrap:wrap;gap:8px;width:100%;margin-bottom:4px}.preview-thumb{position:relative;width:calc(33.333% - 6px);aspect-ratio:1;border-radius:10px;overflow:hidden;border:1px solid var(--line)}.preview-thumb img{width:100%;height:100%;object-fit:cover;display:block}.remove-thumb-btn{position:absolute;top:4px;right:4px;background:#0009;color:#fff;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .2s ease}.remove-thumb-btn:hover{background:#ef4444}