build-small-hackathon/hackathon-advisor
16
1:root {2 color-scheme: dark;3 --paper: #efe4c9;4 --paper-2: #e7d7b7;5 --paper-3: #f7eed9;6 --edge: #d3bd92;7 --ink: #271a0e;8 --ink-soft: #5d4528;9 --ink-faint: #8a714c;10 --rule: rgba(73, 49, 22, 0.22);11 --rule-soft: rgba(73, 49, 22, 0.12);12 --oxblood: #9a2b22;13 --oxblood-2: #74201b;14 --gold: #b07d12;15 --gold-2: #d8a226;16 --gold-glow: rgba(216, 162, 38, 0.38);17 --leaf: #2f6b41;18 --leaf-2: #3f8453;19 --night: #14130d;20 --night-2: #202012;21 --serif: Georgia, "Times New Roman", serif;22 --label: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;23}24 25* {26 box-sizing: border-box;27}28 29[hidden] {30 display: none !important;31}32 33html,34body {35 min-height: 100%;36 margin: 0;37}38 39body {40 color: var(--ink);41 background:42 linear-gradient(180deg, rgba(65, 68, 41, 0.22), transparent 22%),43 linear-gradient(115deg, #202012 0%, #14130d 48%, #0c0b07 100%);44 font-family: var(--serif);45 -webkit-font-smoothing: antialiased;46 text-rendering: optimizeLegibility;47}48 49button,50input,51textarea {52 font: inherit;53 color: inherit;54}55 56button {57 cursor: pointer;58}59 60button:disabled,61input:disabled,62textarea:disabled {63 cursor: wait;64}65 66.icon-sprite {67 display: none;68}69 70.icon {71 width: 14px;72 height: 14px;73 flex: 0 0 auto;74 fill: none;75 stroke: currentColor;76 stroke-width: 1.7;77 stroke-linecap: round;78 stroke-linejoin: round;79}80 81.sr-only {82 position: absolute;83 width: 1px;84 height: 1px;85 padding: 0;86 margin: -1px;87 overflow: hidden;88 clip: rect(0, 0, 0, 0);89 white-space: nowrap;90 border: 0;91}92 93.desk-glow {94 position: fixed;95 inset: 0;96 pointer-events: none;97 background:98 linear-gradient(90deg, rgba(0, 0, 0, 0.22), transparent 22%, transparent 78%, rgba(0, 0, 0, 0.28)),99 linear-gradient(180deg, rgba(216, 162, 38, 0.08), transparent 34%);100}101 102.atlas-shell {103 position: relative;104 z-index: 1;105 width: min(1480px, 100%);106 min-height: 100vh;107 margin: 0 auto;108 padding: 32px;109 color: var(--ink);110 font-family: var(--serif);111}112 113.atlas-stage {114 position: relative;115 display: grid;116 grid-template-rows: auto minmax(0, 1fr);117 height: calc(100vh - 64px);118 min-height: calc(100vh - 64px);119 overflow: hidden;120 color: var(--ink);121 background:122 linear-gradient(180deg, var(--paper-3), var(--paper) 16%, var(--paper) 84%, var(--paper-2)),123 var(--paper);124 border: 1px solid var(--edge);125 border-radius: 4px;126 box-shadow:127 0 40px 90px -30px rgba(0, 0, 0, 0.72),128 0 4px 14px rgba(0, 0, 0, 0.35);129}130 131.atlas-stage::before {132 content: "";133 position: absolute;134 inset: 0;135 pointer-events: none;136 background-image:137 linear-gradient(rgba(73, 49, 22, 0.018) 1px, transparent 1px),138 linear-gradient(90deg, rgba(73, 49, 22, 0.014) 1px, transparent 1px);139 background-size: 34px 34px;140 mix-blend-mode: multiply;141}142 143.atlas-stage::after {144 content: "";145 position: absolute;146 inset: 0;147 pointer-events: none;148 box-shadow:149 inset 0 0 120px rgba(99, 58, 20, 0.2),150 inset 0 0 0 1px rgba(255, 247, 224, 0.26);151}152 153.atlas-stage > * {154 position: relative;155 z-index: 2;156}157 158.atlas-topbar {159 display: grid;160 grid-template-columns: minmax(155px, auto) minmax(260px, 540px) minmax(300px, 1fr);161 align-items: flex-end;162 gap: 20px;163 padding: 30px 42px 18px;164 border-bottom: 1px solid var(--rule);165}166 167.atlas-title-block {168 min-width: 0;169}170 171.atlas-kicker {172 margin: 0 0 7px;173 color: var(--ink-faint);174 font-family: var(--label);175 font-size: 0.64rem;176 font-weight: 800;177 line-height: 1.4;178 letter-spacing: 0.18em;179 text-transform: uppercase;180}181 182.atlas-topbar h1 {183 margin: 0;184 color: var(--ink);185 font-family: var(--serif);186 font-size: 2.5rem;187 font-weight: 700;188 line-height: 0.98;189 letter-spacing: 0;190}191 192.atlas-search {193 display: flex;194 min-width: 0;195 align-items: center;196 gap: 9px;197 height: 42px;198 padding: 0 12px;199 color: var(--ink-soft);200 background: rgba(255, 247, 224, 0.4);201 border: 1px solid var(--rule);202 border-radius: 8px;203 box-shadow: inset 0 1px 0 rgba(255, 247, 224, 0.42);204}205 206.atlas-search:focus-within {207 border-color: rgba(154, 43, 34, 0.48);208 box-shadow:209 inset 0 1px 0 rgba(255, 247, 224, 0.42),210 0 0 0 3px rgba(176, 125, 18, 0.12);211}212 213.atlas-search input {214 min-width: 0;215 width: 100%;216 height: 100%;217 padding: 0;218 color: var(--ink);219 background: transparent;220 border: 0;221 outline: 0;222 font-family: var(--label);223 font-size: 0.86rem;224 font-weight: 760;225}226 227.atlas-search input::placeholder {228 color: var(--ink-faint);229 opacity: 0.82;230}231 232.atlas-search input::-webkit-search-cancel-button {233 display: none;234}235 236.atlas-search-clear {237 display: inline-grid;238 width: 26px;239 height: 26px;240 flex: 0 0 auto;241 place-items: center;242 padding: 0;243 color: var(--ink-faint);244 background: transparent;245 border: 0;246 border-radius: 50%;247}248 249.atlas-search-clear:hover {250 color: var(--ink);251 background: rgba(73, 49, 22, 0.08);252}253 254.atlas-actions {255 display: flex;256 flex-wrap: wrap;257 align-items: center;258 justify-content: flex-end;259 gap: 9px;260}261 262.atlas-status {263 min-width: min(360px, 100%);264 color: var(--ink-faint);265 font-family: var(--label);266 font-size: 0.68rem;267 font-weight: 750;268 line-height: 1.55;269 letter-spacing: 0.03em;270 text-align: right;271}272 273.atlas-search-summary {274 margin: 0 0 9px;275 color: var(--ink-faint);276 font-family: var(--label);277 font-size: 0.72rem;278 font-weight: 760;279 line-height: 1.4;280}281 282.atlas-search-result {283 display: grid;284 width: 100%;285 gap: 6px;286 padding: 10px 11px;287 color: var(--ink);288 background: rgba(255, 247, 224, 0.38);289 border: 1px solid var(--rule-soft);290 border-left: 3px solid var(--leaf);291 border-radius: 7px;292 text-align: left;293}294 295.atlas-search-result:hover,296.atlas-search-result.active {297 background: rgba(47, 107, 65, 0.1);298 border-color: rgba(47, 107, 65, 0.35);299}300 301.atlas-search-result.active {302 border-left-color: var(--oxblood);303}304 305.atlas-search-result strong {306 color: var(--ink);307 font-family: var(--serif);308 font-size: 0.88rem;309 line-height: 1.2;310}311 312.atlas-search-meta,313.atlas-search-snippet {314 color: var(--ink-faint);315 font-family: var(--label);316 font-size: 0.68rem;317 font-weight: 760;318 line-height: 1.35;319}320 321.atlas-search-score {322 display: block;323 height: 5px;324 overflow: hidden;325 background: rgba(73, 49, 22, 0.14);326 border-radius: 999px;327}328 329.atlas-search-score i {330 display: block;331 width: 0;332 height: 100%;333 background: linear-gradient(90deg, var(--leaf) 0%, var(--gold) 72%, var(--oxblood) 100%);334 border-radius: inherit;335}336 337.atlas-layout {338 display: grid;339 grid-template-columns: 300px minmax(0, 1fr) 330px;340 min-height: 0;341 overflow: hidden;342}343 344.atlas-panel {345 min-width: 0;346 overflow: auto;347 padding: 20px;348 background: linear-gradient(180deg, rgba(255, 247, 224, 0.2), rgba(73, 49, 22, 0.045));349}350 351.atlas-left {352 border-right: 1px solid var(--rule);353}354 355.atlas-right {356 border-left: 1px solid var(--rule);357}358 359.atlas-section + .atlas-section {360 margin-top: 24px;361}362 363.atlas-stat-grid {364 display: grid;365 grid-template-columns: repeat(2, minmax(0, 1fr));366 gap: 10px;367 margin-bottom: 24px;368}369 370.atlas-stat {371 min-height: 72px;372 padding: 12px;373 background: rgba(255, 247, 224, 0.38);374 border: 1px solid var(--rule);375 border-radius: 8px;376}377 378.atlas-stat strong {379 display: block;380 color: var(--ink);381 font-family: var(--serif);382 font-size: 1.55rem;383 line-height: 1;384 font-variant-numeric: tabular-nums;385}386 387.atlas-stat span {388 display: block;389 margin-top: 7px;390 color: var(--ink-faint);391 font-family: var(--label);392 font-size: 0.66rem;393 font-weight: 820;394 letter-spacing: 0.1em;395 text-transform: uppercase;396}397 398.atlas-list {399 display: grid;400 gap: 8px;401}402 403.atlas-filter {404 display: grid;405 width: 100%;406 gap: 4px;407 padding: 10px 11px;408 color: var(--ink);409 background: rgba(255, 247, 224, 0.34);410 border: 1px solid var(--rule-soft);411 border-left: 3px solid var(--gold);412 border-radius: 7px;413 font-family: var(--label);414 font-size: 0.78rem;415 font-weight: 750;416 text-align: left;417 transition: background 0.2s, border-color 0.2s, padding-left 0.2s;418}419 420.atlas-filter:hover,421.atlas-filter.active {422 padding-left: 14px;423 background: rgba(216, 162, 38, 0.1);424 border-color: rgba(176, 125, 18, 0.45);425}426 427.atlas-filter.active {428 border-left-color: var(--oxblood);429}430 431.atlas-filter strong {432 color: var(--ink);433 font-family: var(--serif);434 font-size: 0.88rem;435 font-weight: 700;436 line-height: 1.25;437}438 439.atlas-filter span {440 color: var(--ink-faint);441 font-size: 0.72rem;442 font-weight: 750;443 line-height: 1.35;444}445 446.atlas-map-wrap {447 position: relative;448 min-height: 0;449 background:450 linear-gradient(rgba(73, 49, 22, 0.08) 1px, transparent 1px),451 linear-gradient(90deg, rgba(73, 49, 22, 0.08) 1px, transparent 1px),452 radial-gradient(circle at center, rgba(255, 247, 224, 0.5), transparent 62%),453 rgba(255, 245, 222, 0.42);454 background-size: 30px 30px, 30px 30px, 100% 100%, 100% 100%;455 box-shadow: inset 0 0 90px rgba(99, 58, 20, 0.1);456}457 458.atlas-svg {459 display: block;460 width: 100%;461 height: 100%;462 min-height: 0;463}464 465.atlas-link {466 stroke: rgba(73, 49, 22, 0.22);467 stroke-width: 0.12;468}469 470.atlas-dot {471 cursor: pointer;472 opacity: 0.9;473 stroke: rgba(39, 26, 14, 0.72);474 stroke-width: 0.25;475 transition: opacity 0.18s, r 0.18s, stroke-width 0.18s;476}477 478.atlas-dot:hover,479.atlas-dot.selected {480 opacity: 1;481 r: 1.35;482 stroke: #fff0b5;483 stroke-width: 0.42;484}485 486.atlas-dot.search-match {487 opacity: 1;488 stroke: #fff0b5;489 stroke-width: 0.45;490}491 492.atlas-search-ring {493 pointer-events: none;494 fill: none;495 stroke: rgba(176, 125, 18, 0.55);496 stroke-width: 0.35;497}498 499.atlas-dot.dim,500.atlas-link.dim,501.atlas-search-ring.dim {502 opacity: 0.08;503}504 505.atlas-label {506 fill: var(--ink-soft);507 font-size: 1.6px;508 font-weight: 800;509 paint-order: stroke;510 stroke: rgba(247, 238, 217, 0.78);511 stroke-width: 0.5;512}513 514.atlas-refresh-progress {515 position: absolute;516 right: 18px;517 bottom: 18px;518 max-width: 360px;519 padding: 12px 14px;520 color: var(--ink);521 background: rgba(247, 238, 217, 0.94);522 border: 1px solid var(--edge);523 border-radius: 8px;524 box-shadow: 0 14px 30px -20px rgba(0, 0, 0, 0.56);525 font-family: var(--label);526 font-size: 0.76rem;527 font-weight: 780;528 line-height: 1.4;529}530 531.atlas-detail,532.atlas-report {533 color: var(--ink-soft);534 font-size: 0.82rem;535 line-height: 1.48;536}537 538.atlas-detail h2,539.atlas-report h2 {540 margin: 0 0 8px;541 color: var(--ink);542 font-family: var(--serif);543 font-size: 1.38rem;544 line-height: 1.08;545}546 547.atlas-detail p,548.atlas-report p {549 margin: 7px 0 0;550}551 552.atlas-detail a,553.atlas-report a {554 color: var(--oxblood);555 font-weight: 780;556 text-decoration: none;557}558 559.atlas-tags {560 display: flex;561 flex-wrap: wrap;562 gap: 6px;563 margin-top: 12px;564}565 566.atlas-tags span {567 padding: 4px 7px;568 color: var(--ink-soft);569 background: rgba(73, 49, 22, 0.08);570 border: 1px solid var(--rule-soft);571 border-radius: 999px;572 font-family: var(--label);573 font-size: 0.66rem;574 font-weight: 800;575}576 577.advisor-shell[hidden],578.atlas-shell[hidden] {579 display: none;580}581 582.almanac {583 position: relative;584 z-index: 1;585 width: min(1320px, 100%);586 min-height: 100vh;587 margin: 0 auto;588 padding: 32px;589}590 591.sheet {592 position: relative;593 min-height: calc(100vh - 64px);594 overflow: hidden;595 color: var(--ink);596 background:597 linear-gradient(180deg, var(--paper-3), var(--paper) 16%, var(--paper) 84%, var(--paper-2)),598 var(--paper);599 border: 1px solid var(--edge);600 border-radius: 4px;601 box-shadow:602 0 40px 90px -30px rgba(0, 0, 0, 0.72),603 0 4px 14px rgba(0, 0, 0, 0.35);604}605 606.sheet::before {607 content: "";608 position: absolute;609 inset: 0;610 pointer-events: none;611 background-image:612 linear-gradient(rgba(73, 49, 22, 0.018) 1px, transparent 1px),613 linear-gradient(90deg, rgba(73, 49, 22, 0.014) 1px, transparent 1px);614 background-size: 34px 34px;615 mix-blend-mode: multiply;616}617 618.sheet::after {619 content: "";620 position: absolute;621 inset: 0;622 pointer-events: none;623 box-shadow:624 inset 0 0 120px rgba(99, 58, 20, 0.2),625 inset 0 0 0 1px rgba(255, 247, 224, 0.26);626}627 628.masthead {629 position: relative;630 z-index: 2;631 display: flex;632 align-items: flex-end;633 justify-content: space-between;634 gap: 20px;635 padding: 30px 42px 18px;636 border-bottom: 1px solid var(--rule);637}638 639.masthead-l {640 display: flex;641 min-width: 0;642 align-items: center;643 gap: 18px;644}645 646.crest {647 width: 52px;648 height: 52px;649 flex: 0 0 auto;650 color: var(--ink);651}652 653.masthead h1 {654 margin: 0;655 font-family: var(--serif);656 font-size: 2.5rem;657 line-height: 0.98;658 font-weight: 700;659 letter-spacing: 0;660}661 662.masthead .sub {663 margin-top: 7px;664 color: var(--ink-faint);665 font-family: var(--label);666 font-size: 0.64rem;667 font-weight: 800;668 line-height: 1.4;669 letter-spacing: 0.18em;670 text-transform: uppercase;671}672 673.provenance {674 max-width: 420px;675 color: var(--ink-faint);676 font-family: var(--label);677 font-size: 0.68rem;678 font-weight: 750;679 line-height: 1.55;680 letter-spacing: 0.03em;681 text-align: right;682}683 684.masthead-r {685 display: flex;686 align-items: center;687 justify-content: flex-end;688 gap: 12px;689}690 691.spread {692 position: relative;693 z-index: 2;694 display: grid;695 grid-template-columns: 270px minmax(0, 1fr) 350px;696}697 698.col {699 min-width: 0;700 padding: 30px;701}702 703.col-margin,704.col-proof {705 background: linear-gradient(180deg, rgba(255, 247, 224, 0.2), rgba(73, 49, 22, 0.045));706}707 708.col-margin,709.col-page {710 border-right: 1px solid var(--rule);711}712 713.eyebrow {714 display: flex;715 align-items: center;716 gap: 9px;717 margin: 0 0 14px;718 color: var(--ink-faint);719 font-family: var(--label);720 font-size: 0.66rem;721 font-weight: 850;722 letter-spacing: 0.16em;723 text-transform: uppercase;724}725 726.eyebrow::after {727 content: "";728 flex: 1;729 height: 1px;730 background: var(--rule);731}732 733.eyebrow .count {734 padding: 1px 8px;735 color: var(--ink-soft);736 background: rgba(73, 49, 22, 0.1);737 border-radius: 999px;738 font-size: 0.6rem;739 letter-spacing: 0.04em;740 font-variant-numeric: tabular-nums;741}742 743.section + .section {744 margin-top: 30px;745}746 747.composer {748 margin: 0 0 18px;749}750 751.prompt {752 display: block;753 width: 100%;754 min-height: 72px;755 padding: 4px 0 12px;756 color: var(--ink);757 background: transparent;758 border: 0;759 outline: 0;760 resize: vertical;761 font-family: var(--serif);762 font-size: 1.32rem;763 line-height: 1.42;764}765 766.prompt::placeholder {767 color: var(--ink-faint);768 font-style: italic;769}770 771.underline {772 width: 100%;773 height: 2px;774 background: linear-gradient(90deg, var(--ink-soft), transparent);775 opacity: 0.55;776 transition: opacity 0.2s, background 0.2s;777}778 779.composer:focus-within .underline {780 background: linear-gradient(90deg, var(--ink), var(--ink-soft) 60%, transparent);781 opacity: 1;782}783 784.toolbar {785 display: flex;786 flex-wrap: wrap;787 align-items: center;788 gap: 8px;789 margin-top: 16px;790}791 792.toolbar .spacer {793 flex: 1 1 20px;794}795 796.voice-row {797 margin-top: 10px;798}799 800.btn {801 display: inline-flex;802 min-height: 36px;803 align-items: center;804 justify-content: center;805 gap: 7px;806 padding: 8px 13px;807 color: var(--ink);808 background: var(--paper-3);809 border: 1px solid var(--edge);810 border-radius: 7px;811 font-family: var(--label);812 font-size: 0.78rem;813 font-weight: 800;814 line-height: 1;815 letter-spacing: 0.03em;816 white-space: nowrap;817 transition: transform 0.12s, background 0.2s, border-color 0.2s, opacity 0.2s;818}819 820.btn:hover:not(:disabled) {821 background: #fff6e2;822 border-color: var(--ink-faint);823 transform: translateY(-1px);824}825 826.btn:active:not(:disabled) {827 transform: translateY(0);828}829 830.btn:disabled {831 opacity: 0.42;832 cursor: wait;833}834 835.btn-ink {836 padding-inline: 18px;837 color: #f6ecd2;838 background: var(--ink);839 border-color: var(--ink);840}841 842.btn-ink:hover:not(:disabled) {843 background: #38260f;844 border-color: #38260f;845}846 847.btn-voice {848 color: #f6ecd2;849 background: var(--leaf);850 border-color: var(--leaf);851}852 853.btn-voice:hover:not(:disabled) {854 background: #265935;855 border-color: #265935;856}857 858.btn-voice.recording {859 background: var(--oxblood);860 border-color: var(--oxblood);861}862 863.btn-voice.recording:hover:not(:disabled) {864 background: var(--oxblood-2);865 border-color: var(--oxblood-2);866}867 868.btn-ghost {869 color: var(--ink-soft);870 background: transparent;871 border-color: transparent;872}873 874.btn-ghost:hover:not(:disabled) {875 background: rgba(73, 49, 22, 0.08);876 border-color: transparent;877}878 879.btn-icon {880 width: 36px;881 padding: 8px;882}883 884.marginalia {885 min-height: 22px;886 margin: 8px 0 22px;887 color: var(--leaf);888 font-family: var(--label);889 font-size: 0.74rem;890 font-weight: 750;891 line-height: 1.4;892 letter-spacing: 0.02em;893}894 895.marginalia.warn {896 color: var(--oxblood);897}898 899.fate {900 position: relative;901 min-height: 245px;902}903 904.verdict-stamp {905 display: inline-flex;906 align-items: center;907 gap: 10px;908 padding: 7px 14px 7px 12px;909 margin-bottom: 18px;910 border: 1.5px solid currentColor;911 border-radius: 999px;912 color: var(--ink-faint);913 background: rgba(73, 49, 22, 0.06);914 font-family: var(--label);915 font-size: 0.72rem;916 font-weight: 850;917 letter-spacing: 0.12em;918 text-transform: uppercase;919}920 921.verdict-stamp .seal-dot {922 width: 8px;923 height: 8px;924 border-radius: 50%;925 background: currentColor;926}927 928.verdict-unwritten {929 color: var(--gold);930 background: rgba(216, 162, 38, 0.1);931}932 933.verdict-echo {934 color: var(--oxblood);935 background: rgba(154, 43, 34, 0.09);936}937 938.verdict-ready {939 color: var(--ink-faint);940}941 942.prophecy {943 min-height: 150px;944 margin: 0;945 color: var(--ink);946 font-family: var(--serif);947 font-size: 1.55rem;948 line-height: 1.52;949 font-weight: 400;950 text-wrap: pretty;951}952 953.prophecy::first-letter {954 float: left;955 padding: 7px 12px 0 0;956 color: var(--ink);957 font-size: 4.1em;958 line-height: 0.76;959 font-weight: 700;960}961 962.prophecy.bleed {963 color: var(--oxblood-2);964}965 966.prophecy.bleed::first-letter {967 color: var(--oxblood);968}969 970.prophecy.gold {971 color: #6a4a08;972}973 974.prophecy.gold::first-letter {975 color: var(--gold);976 text-shadow: 0 0 22px var(--gold-glow);977}978 979.prophecy.thinking {980 color: var(--ink-faint);981 font-style: italic;982 animation: breathe 1.7s ease-in-out infinite;983}984 985@keyframes breathe {986 0%,987 100% {988 opacity: 0.58;989 }990 991 50% {992 opacity: 1;993 }994}995 996.plan-list {997 display: grid;998 gap: 2px;999 min-height: 42px;1000 margin: 0;1001 padding: 0;1002 list-style: none;1003 counter-reset: step;1004}1005 1006.plan-list li {1007 position: relative;1008 counter-increment: step;1009 padding: 12px 4px 12px 44px;1010 color: var(--ink);1011 border-bottom: 1px solid var(--rule-soft);1012 font-size: 1rem;1013 line-height: 1.45;1014 text-wrap: pretty;1015}1016 1017.plan-list li:last-child {1018 border-bottom: 0;1019}1020 1021.plan-list li::before {1022 content: counter(step);1023 position: absolute;1024 top: 11px;1025 left: 0;1026 display: grid;1027 width: 28px;1028 height: 28px;1029 place-items: center;1030 color: var(--gold);1031 background: rgba(216, 162, 38, 0.08);1032 border: 1.5px solid var(--gold);1033 border-radius: 50%;1034 font-family: var(--label);1035 font-size: 0.82rem;1036 font-weight: 850;1037 font-variant-numeric: tabular-nums;1038}1039 1040.plan-list li.empty {1041 padding-left: 0;1042 color: var(--ink-faint);1043 font-style: italic;1044 border-bottom: 0;1045}1046 1047.plan-list li.empty::before {1048 display: none;1049}1050 1051.seal-wrap {1052 display: flex;1053 align-items: center;1054 gap: 18px;1055 margin-bottom: 6px;1056}1057 1058.seal {1059 position: relative;1060 display: grid;1061 width: 124px;1062 height: 124px;1063 flex: 0 0 auto;1064 place-items: center;1065 align-content: center;1066 gap: 1px;1067 color: #f6ecd2;1068 background:1069 linear-gradient(145deg, rgba(255, 247, 224, 0.24), transparent 34%),1070 linear-gradient(180deg, #7c6849, #4d3924);1071 border-radius: 50%;1072 box-shadow:1073 0 12px 26px rgba(91, 62, 35, 0.32),1074 inset 0 0 22px rgba(43, 25, 11, 0.42);1075 transform: rotate(-5deg);1076}1077 1078.seal.unwritten {1079 color: #4a3404;1080 background:1081 linear-gradient(145deg, rgba(255, 240, 190, 0.82), transparent 32%),1082 linear-gradient(180deg, var(--gold-2), var(--gold));1083 box-shadow:1084 0 12px 26px rgba(176, 125, 18, 0.36),1085 inset 0 0 22px rgba(120, 80, 8, 0.4),1086 0 0 34px var(--gold-glow);1087}1088 1089.seal.echo {1090 color: #ffe9a8;1091 background:1092 linear-gradient(145deg, rgba(255, 228, 150, 0.55), transparent 30%),1093 linear-gradient(180deg, var(--oxblood), var(--oxblood-2));1094 box-shadow:1095 0 12px 26px rgba(91, 22, 16, 0.4),1096 inset 0 0 22px rgba(53, 11, 7, 0.5);1097}1098 1099.seal .seal-overall {1100 font-family: var(--serif);1101 font-size: 2.5rem;1102 font-weight: 700;1103 line-height: 1;1104 font-variant-numeric: tabular-nums;1105}1106 1107.seal .seal-of {1108 font-family: var(--label);1109 font-size: 0.54rem;1110 font-weight: 800;1111 letter-spacing: 0.16em;1112 text-transform: uppercase;1113 opacity: 0.86;1114}1115 1116.seal-meta {1117 min-width: 0;1118}1119 1120.seal-meta .v {1121 color: var(--ink-faint);1122 font-family: var(--label);1123 font-size: 0.82rem;1124 font-weight: 850;1125 line-height: 1.25;1126 letter-spacing: 0.08em;1127 text-transform: uppercase;1128}1129 1130.seal-meta .v.unwritten {1131 color: var(--gold);1132}1133 1134.seal-meta .v.echo {1135 color: var(--oxblood);1136}1137 1138.seal-meta .t {1139 margin-top: 4px;1140 color: var(--ink-soft);1141 font-size: 0.92rem;1142 font-style: italic;1143 line-height: 1.35;1144 text-wrap: pretty;1145}1146 1147.quadrants {1148 display: grid;1149 gap: 9px;1150 margin-top: 18px;1151}1152 1153.quad {1154 display: grid;1155 grid-template-columns: 76px minmax(0, 1fr) 24px;1156 align-items: center;1157 gap: 10px;1158}1159 1160.quad .ql {1161 color: var(--ink-soft);1162 font-family: var(--label);1163 font-size: 0.68rem;1164 font-weight: 800;1165 line-height: 1.15;1166 letter-spacing: 0.04em;1167 text-transform: uppercase;1168}1169 1170.quad .qbar {1171 display: block;1172 height: 9px;1173 overflow: hidden;1174 background: rgba(73, 49, 22, 0.16);1175 border-radius: 999px;1176}1177 1178.quad .qfill {1179 display: block;1180 width: 0;1181 height: 100%;1182 background: linear-gradient(90deg, var(--oxblood) 0%, var(--gold) 55%, var(--leaf-2) 100%);1183 border-radius: 999px;1184 transition: width 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);1185}1186 1187.quad .qv {1188 color: var(--ink);1189 font-family: var(--label);1190 font-size: 0.76rem;1191 font-weight: 850;1192 text-align: right;1193 font-variant-numeric: tabular-nums;1194}1195 1196.wood-map {1197 display: grid;1198 gap: 10px;1199}1200